MediaWiki:Common.css: Porovnání verzí

Z Wiki Grepolis CZ
Jump to navigation
mBez shrnutí editace
mBez shrnutí editace
Řádek 22: Řádek 22:


/*remake main menu*/
/*remake main menu*/
#cover{position:absolute; left:-185px; top:120px; z-index:15;background: url(https://wiki.cz.grepolis.com/images/3/36/Gpwindow_bg.jpg) repeat;height:450px;width:15px;}
.second-level .link{
.second-level .link{
                 margin-left: 10px;
                 margin-left: 10px;

Verze z 1. 3. 2017, 02:10

/* Zde uvedené CSS bude ovlivňovat všechny styly */
/*remake wiki for fun*/
body{
background:#000 url(https://wiki.cz.grepolis.com/images/a/ac/Defaultwikibckg.jpg) center 0 no-repeat !important;
}
#p-logo{
width:540px !important;
left:324px !important;
}
#p-logo a{
background-image: url(https://wiki.cz.grepolis.com/images/b/b3/Logowiki.png) !important;
width:540px !important;
}
#p-MENU{
color:#222222 !important;
text-shadow: 1px 1px 0 #fc6, 1px 1px;
font-family:Georgia,serif !important;
font-weight:bold !important;
font-size:1.5em !important;
height:450px !important;
}

/*remake main menu*/
#cover{position:absolute; left:-185px; top:120px; z-index:15;background: url(https://wiki.cz.grepolis.com/images/3/36/Gpwindow_bg.jpg) repeat;height:450px;width:15px;}
.second-level .link{
                margin-left: 10px;
            }
            .first-level{
                width:150px;
                height:33px;
                background:url(https://wiki.cz.grepolis.com/images/1/14/Buttonbckg.png) no-repeat;
                color:#fc6;
                margin-bottom:10px;
                padding-top:10px;
                text-align: left;
                padding-left:30px;
            }
            .first-level:hover{
                cursor:pointer;
                background:url(https://wiki.cz.grepolis.com/images/1/14/Buttonbckghover.png) no-repeat !important;
            }
            #main-menu{
                position:relative;
                z-index:10;
            }
            #main-menu ul{
                list-style-type: none !important;
                font-size:12px;
                font-weight: bold;
                font-family:Georgia;
                text-align: center;
                padding:0;
                margin:0;
            }
            #main-menu ul li {
                position:relative;
                margin-top:0;
                margin-bottom:0;
                border:0;
            }
            #main-menu ul li ul {
                display: none;
                text-align: left;
            }
            #main-menu ul li ul li ul {
                display: none;
            }
            #main-menu ul li:hover li ul {
                display: none;
            }
            #main-menu ul li:hover ul {
                display:block;
                position:absolute;
                top:0px;
                left:150px;
                width:177.5px;
                z-index:11;
            }
            #main-menu ul li:hover ul li {
                display:block;
                width:177.5px;
                height:20px;
            }
            #main-menu ul li:hover ul li:hover ul {
                display:block;
                position:absolute;
                top:0px;
                left:177px;
                width:177.5px;
                z-index:11;
            }
            .second-level-list, .third-level-list{
                border-style: solid;
                border-width: 3px;
                -moz-border-image: url(https://wiki.cz.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;
                -webkit-border-image: url(https://wiki.cz.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;
                -o-border-image: url(https://wiki.cz.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;
                border-image: url(https://wiki.cz.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;
                background: url(https://wiki.cz.grepolis.com/images/3/36/Gpwindow_bg.jpg) repeat;
            }
            .second-level,.third-level{
                padding-top: 5px;
                color:#222222;
                text-shadow: 1px 1px 0 #fc6, 1px 1px;
            }
            .second-level:hover,.third-level:hover{
                color:#6666ff !important;
            }
            .second-level:nth-child(even),.third-level:nth-child(even){
                background:rgba(248, 214, 145, 0.8);
            }
            .second-level:hover .third-level-list .third-level{
                color:#222222;
            }
/*spoilery*/
th{
text-shadow:none;
}
.spoiled{
    display:none;
    background: url(https://wiki.cz.grepolis.com/images/3/36/Gpwindow_bg.jpg) repeat;
    color:#222222;
    text-shadow: 1px 1px 0 #fc6, 1px 1px;
    border-style: solid;
    border-width: 3px 0 0 0;
    -moz-border-image: url(https://wiki.cz.grepolis.com/images/7/7f/Borderbody.png) 7 8 repeat;
    -webkit-border-image: url(https://wiki.cz.grepolis.com/images/7/7f/Borderbody.png) 7 8 repeat;
    -o-border-image: url(https://wiki.cz.grepolis.com/images/7/7f/Borderbody.png) 7 8 repeat;
    border-image: url(https://wiki.cz.grepolis.com/images/7/7f/Borderbody.png) 7 8 repeat;
    padding: 10px;
}
.spoiler{
    width:95%;
    height:auto;
    font-family: Georgia,serif;
    color: #fc6;
    border-style: solid;
    border-width: 5px;
    -moz-border-image: url(https://wiki.cz.grepolis.com/images/7/7f/Borderbody.png) 7 8 repeat;
    -webkit-border-image: url(https://wiki.cz.grepolis.com/images/7/7f/Borderbody.png) 7 8 repeat;
    -o-border-image: url(https://wiki.cz.grepolis.com/images/7/7f/Borderbody.png) 7 8 repeat;
    border-image: url(https://wiki.cz.grepolis.com/images/7/7f/Borderbody.png) 7 8 repeat;
    margin-bottom:10px;
    margin-top:10px;
}

.trigger{
    font-size: 1.4em;
    padding: 10px;
    cursor:pointer;
}
/*záhlaví tabulky*/

#tabhead{
border: outset 3px #fc6;
border-radius:15px;
width:90%;
height:20px;
font-size:140%;
font-weight: bold;
font-family:Nyala;
color:#fc6;
background-image:url(https://gpsk.innogamescdn.com/images/game/box/background_2.56_compressed.jpg);
}
/* ohraničení pro menu staveb*/
.build{
    width:40px;
    height:40px;
    border: outset #fc6 2px;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}
/*tlacitka -http://www.creativebloq.com/*/
.odkazy{
    
 margin:-10px 0 0 -40px;
}
.button {
 box-sizing:border-box;
  display: inline-block;     	    
  position: relative;
  min-width: 160px; 	    
  padding: 15px;
  text-align: center;
  font-size:120%;
  font-weight: bold;
  font-family: Nyala;
  color:#fc6;  	    
  cursor: pointer;     	    
  -webkit-perspective: 100px;     
  perspective: 100px;
 margin:-80px 0 0 -30px;
  
}

.button:after {
    margin: 5px 0 0 2px;
  content: "";     	    
  position: absolute; 	    
  z-index: -1;    
  width: 70%;     	    
  height: 60%;         	    
  left: 0;     	    
  top: 0;     	    
  border-radius: 5px; 	    
  outline: 1px solid transparent
  //background-color: #ffa300; 
  border: outset 3px #fc6;
  background:url(https://gpsk.innogamescdn.com/images/game/box/background_2.56_compressed.jpg) 0 -61px;

  -webkit-transform: rotateY(0deg) rotateX(0deg) translateX(-4%);     	    
  transform: rotateY(0deg) rotateX(0deg) translateX(-4%); 	
  -webkit-transition: -webkit-transform .3s ease-out;   
  transition: transform .3s ease-out; 
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}

.button:hover:after {
  -webkit-transform: rotateY(6deg) rotateX(-5deg) translateX(4%);      	  
  transform: rotateY(6deg) rotateX(-5deg) translateX(4%);
  
}
/*research simulator*/

.researches{
    width:50px;
    height:50px;
    cursor:pointer;
    border: outset #fc6 2px;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}

#wrapper{
text-align: right;
padding:30px;
font-size:150%;
color:#fc6;
font-family:Nyala;
background:url(https://gpsk.innogamescdn.com/images/game/box/background_2.56_compressed.jpg) 0 -61px;
border: outset 3px #fc6;
border-radius:12px;
box-shadow: black 5px 7px 30px;
position: absolute;
}

#btn-restart{
  width:auto;
  max-width: 150px;
  height:25px;
  border: outset #fc6 3px;
  border-radius:15px;
  text-align:center;
}
#btn-restart:hover{
   border: inset gold 3px;
   cursor:pointer;
color:gold;
}
/*Tooltips*/
#tooltip {
    text-align: center;
    color:#fc6;
    font-size:150%;
    font-family:Nyala;
    background:url(https://gpsk.innogamescdn.com/images/game/box/background_2.56_compressed.jpg) 0 -61px;
border: outset 3px #fc6;
    border-radius:12px;
box-shadow: black 5px 7px 30px;
    position: absolute;
    z-index: 100;
    padding: 15px;
    }
 
    #tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #BAA472;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after {
            border-top-color: transparent;
            border-bottom: 10px solid #BAA472;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after {
            right: 10px;
            left: auto;
            margin: 0;
        }


    .mbt-tooltip {
        display: none;
        width: auto;
        max-width: 100% !important;
    } 
/* Z holandskej Wiki Grepolis - Wolfy */
/* Spriesvitnenie obrázka po ukázaní myšou. */

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

div.mvistolow:hover {
opacity: 0.8;
filter:alpha(opacity=80);
}

/*CSS k zabalení lišty soc. sítí*/

.container .header {
padding: 2px;
cursor: pointer;
position:fixed;
right:93px;
top:109px;
color:white;
font-weight:bold;
text-shadow:2px 2px 5px black;
font-size:large
}

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

table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the               */
        float: right;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;        /* are styled here so they can be customised.               */
        text-align: right;
        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;}

/* 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-right: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;}