„MediaWiki:Common.css” változatai közötti eltérés

Innen: Wiki Grepolis HU
Jump to navigation
Nincs szerkesztési összefoglaló
Nincs szerkesztési összefoglaló
1. sor: 1. sor:
     .button {
     .card-container {
     border: 0;
     height: 150px;
    background: linear-gradient(#768191, #535b65);
     perspective: 600;
    border-radius: 4px;
     position: relative;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 5px 0 #404853;
     width: 150px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
     padding: 12px 20px;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
     transition: all .1s linear;
     }
     }
     .button:hover {
     .card {
     color: #d4d7da;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
     width: 100%;
     }
     }
     .button:active {
     .card:hover {
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 2px 0 #404853;
     transform: rotateY(180deg);
     transform: translateY(3px);
    }
    .card .side {
    backface-visibility: hidden;
    height: 100%;
    position: absolute;
    width: 100%;
    }
    .card .back {
     transform: rotateY(180deg);
     }
     }



A lap 2014. január 11., 10:51-kori változata

    .card-container {
    height: 150px;
    perspective: 600;
    position: relative;
    width: 150px;
    }
    .card {
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    width: 100%;
    }
    .card:hover {
    transform: rotateY(180deg);
    }
    .card .side {
    backface-visibility: hidden;
    height: 100%;
    position: absolute;
    width: 100%;
    }
    .card .back {
    transform: rotateY(180deg);
    }

p {text-align:left;}
ul {text-align:left;}
ul li {text-align:left;}
ul li p {text-align:left;}

table.struct {margin-left:5%; width:90%; cellpadding:2px; margin-top:10px; backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;}
table.struct th {background:#edb; border-top:1px solid grey; border-left:1px solid grey; padding: 8px 0px 8px 0px;}
table.struct td {background:#feb; border-top:1px solid grey;}

table.t1 {backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;}
table.t1 th {background:#edb; border-top:1px solid grey; border-left:1px solid grey; padding: 8px 0px 8px 0px;}
table.t1 td {background:#feb; border-top:1px solid grey; text-align:jusity;}

/* navigation menu */
table.t2 {border-collapse:collapse; border:1px solid grey; margin-top:10px; font-size:80%; text-align:left;}
table.t2 th {background:#edb; text-align:left; padding-left:4px; border-left:1px solid grey;}
table.t2 td {background:#eee; border-bottom:1px solid grey; padding-left:8px;}

/* my menu */
.mn {width:140px; position:relative; z-index:10;}
.mn ul {padding:0; margin:0;}
.mn ul li {position:relative; margin-top:0; margin-bottom:0; border:0;}
.mn ul li p {margin-top:0; margin-bottom:0; display:block; width:135px; height:18px; text-align:left; font-color:black; font-size:12px; overflow:hidden;}
.mn ul li ul {display: none;}
.mn ul li ul li ul {display: none;}

.mn ul li:hover li ul {display: none;}
.mn ul li:hover p {background:#ef8;}
.mn ul li:hover p.title {background:#ccc;}
.mn ul li:hover ul {display:block; position:absolute; top:0px; left:128px; width:180px; z-index:11; border-left:2px solid #cba; border-left:2px solid #cba;}
.mn ul li:hover ul li {display:block; width:180px; height:20px; text-align:left; background:#eda;}
.mn ul li:hover ul li p {padding-left:4px; margin-top:0; margin-bottom:0; display:block; text-decoration:none; width:180px; height:20px; text-align:left; font-color:black; background:#eda;}
.mn ul li:hover ul li:hover p {background:#dca;}
.mn ul li:hover ul li:hover p.title {background:#ccc;}

.mn ul li:hover ul li:hover ul {display:block; position:absolute; top:0px; left:176px; width:180px; z-index:11; border-left:2px solid #cba; border-right:2px solid #cba; background:#eda;}
.mn ul li:hover ul li:hover ul li {display:block; width:180px; height:20px; text-align:left; background:#eda;}
.mn ul li:hover ul li:hover ul li p {padding-left:4px; margin-top:0; margin-bottom:0; display:block; text-decoration:none; width:180px; height:20px; text-align:left; font-color:black; background:#eda;}
.mn ul li:hover ul li:hover ul li:hover p {background:#dca;}
.mn ul li:hover ul li:hover ul li:hover p.title {background:#ccc;}

/* table list */
span.tl ol {list-style-type:none; padding:0; margin:0; width:100%; background:#eef; border:0}
span.tl ol li {border-bottom:1px solid #ccf; border-right:1px solid #ccf;}
span.tl ol li:hover {background:#ddf;}
span.tl ol li.ttl {background:#cbe; border-bottom:1px solid grey; border-right:1px solid grey;}
span.tl ol li.cp {background:#feb; border-right:0;}



/* Zde uvedené CSS bude ovlivňovat všechny styly */


/* Z holandskej Wiki Grepolis - Wolfy */
/* Spriesvitnenie obrázka po ukázaní myšou. */

div.mvisto:hover {
opacity:0.7;
filter:alpha(opacity=70);
}


/* Z anglickej Wiki Grepolis - Wolfy */
/* Skládacie tabuľky. */

table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the               */
        float: left;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;        /* are styled here so they can be customised.               */
        text-align: left;
        width: auto;
        color: white;
}



/* Z klasickej Wikipédie - Wolfy */
/* Limitovaný obsah */

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }



/* Z ruskej Wiki Grepolis - Wolfy */
/* Skládacie zoznamy. */

/** Размещённый здесь CSS будет применяться ко всем темам оформления */
table.struct {margin-left:5%; width:90%; cellpadding:2px; margin-top:10px; backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;}
table.struct th {background:#edb; border-top:1px solid grey; border-right:1px solid grey; padding: 8px 0px 8px 0px;}
table.struct td {background:#feb; border-top:1px solid grey;}

table.t1 {backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;}
table.t1 th {background:#edb; border-top:1px solid grey; border-right:1px solid grey; padding: 8px 0px 8px 0px;}
table.t1 td {background:#feb; border-top:1px solid grey;}

table.data {backgroud:#feb; border-collapse:collapse; border:1px solid grey;}
table.data th {background:#edb; font-size:small;}
table.data td {border-top:1px solid grey;}

----------------------------------------------------------------------------------------------

#mf-menu { 
display: none; 
} 

.infinitum { 
background-color: #F9F9F9;
border: 1px solid #AAAAAA;
font-size: 95%;
padding: 5px;
}

.infinirow {
border-bottom: 1px solid #AA9977 !important;
border-left: medium none currentColor !important;
border-right: 1px solid #AA9977 !important;
border-top: medium none currentColor !important;
padding: 2px 3px;
}

.tilt {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
 
.tilt:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}

.tiltright {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
 
.tiltright:hover {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}

.move {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
 
.move:hover {
-webkit-transform: translate(0px,-10px); 
-moz-transform: translate(0px,-10px); 
-o-transform: translate(0px,-10px); 
-ms-transform: translate(0px,-10px); 
transform: translate(0px,-10px); 
}


.grow img {
  height: 285px;
  width: 214px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 304px;
  height: 405px;
}
Jó játékot kíván: a Grepolis csapata!