MediaWiki:Common.css: Rozdiel medzi revíziami

Zo stránky Wiki Grepolis SK
Jump to navigation
dBez shrnutí editace
Bez shrnutí editace
(44 medziľahlých úprav od 2 ďalších používateľov nie je zobrazených)
Riadok 1: Riadok 1:
/* Tu umiestnené CSS bude ovplyvňovať všetky štýly */
/* Tu umiestnené CSS bude ovplyvňovať všetky štýly */
/*unit templates*/
.grepoborder{
border-style: solid;
border-width: 6px 8px 8px 7px;
-moz-border-image: url(https://wiki.sk.grepolis.com/images/c/cd/Grepborder.png) 6 8 8 7 repeat;
-webkit-border-image: url(https://wiki.sk.grepolis.com/images/c/cd/Grepborder.png) 6 8 8 7 repeat;
-o-border-image: url(https://wiki.sk.grepolis.com/images/c/cd/Grepborder.png) 6 8 8 7 repeat;
border-image: url(https://wiki.sk.grepolis.com/images/c/cd/Grepborder.png) 6 8 8 7 repeat;
}
.grepoheader{
background:url(https://wiki.sk.grepolis.com/images/c/cc/Grepmarble.png) repeat;
color:#fc6;
font-size:18px;
border-width: 0 0 2px 0;
}
/*improved tables*/
table.wikitable tr:nth-child(even) {background: #fcdd99}
table.wikitable tr:nth-child(odd){background: #f7dda3}
table.greenhead th{background-image:url(https://wiki.sk.grepolis.com/images/d/df/Table_header_green.png) !important;}
table.redhead th{background-image:url(https://wiki.sk.grepolis.com/images/0/01/Table_header_red.png) !important;}
table.yellowhead th{background-image:url(https://wiki.sk.grepolis.com/images/2/20/Table_header_yellow.png) !important;}
.even{background-color:rgba(255,204,102,0.4)
}
/*main page*/
#about-wiki, #about-inno{
display:none;
}
#about-wiki-title, #about-inno-title, #rewards-events, #rewards-quests, #rewards-premium{
color:#7c7a7a;
}
#about-game-title, #about-wiki-title, #about-inno-title, #rewards-all, #rewards-events, #rewards-quests, #rewards-premium{
cursor:pointer;
}
#play-button{
width:232px;
height: 20px;
text-align: center;
padding: 22px 0;
background:url('https://wiki.sk.grepolis.com/images/9/93/Register_button.png') no-repeat;
color:#fc6;
font-size:2em;
line-height: 15px;
text-shadow:none;
}
#play-button:hover{
background-position: 0 -65px;
cursor:pointer;
}
/*img border & content adjustment*/
.border{
.border{
     border-style: solid;
     border-style: solid;
Riadok 9: Riadok 60:
}
}


#toc{margin-top: 20px;
/*#toc{margin-top: 20px;
     max-width: 50%;}
     max-width: 50%;}*/
/*highlight text*/
/*highlight text*/
#mw-content-text{
/*#mw-content-text{
font-family: Georgia,serif;
font-family: Georgia,serif;
     color: #222222;
     color: #222222;
     text-shadow: 1px 1px 0 #fc6, 1px 1px;
     text-shadow: 1px 1px 0 #fc6, 1px 1px;
font-size:13px;
}
#mw-content-text h1{
font-size:25px;
}
#mw-content-text h2{
font-size:20px;
}
#mw-content-text h1,#mw-content-text h2,#mw-content-text h3,#mw-content-text h4{
text-shadow:1px 1px 0px #fc6, 1px 1px 2px #000 !important;
}
}
#fh_center{
#fh_center{
Riadok 22: Riadok 83:
     color: #fc6;
     color: #fc6;
     text-shadow: 1px 1px 0 #222222, 1px 1px;
     text-shadow: 1px 1px 0 #222222, 1px 1px;
}
}*/
/*warning hint*/
/*warning hint*/
.leftscroll{
.leftscroll{
Riadok 365: Riadok 426:
/* my menu */
/* my menu */
.mn {width:140px; position:relative; z-index:10; text-shadow: 1px 2px 3px #808080;}
.mn {width:140px; position:relative; z-index:10; text-shadow: 1px 2px 3px #808080;}
.mn ul {padding:0; margin:0;}
.mn ul {padding:0; margin:0;list-style-type:none !important;}
.mn ul li {position:relative; margin-top:0; margin-bottom:0; border: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 p {margin-top:0; margin-bottom:0; display:block; width:135px; height:18px; text-align:left; font-color:black; font-size:12px; overflow:hidden;}
Riadok 385: Riadok 446:
.mn ul li:hover ul li:hover ul li:hover p {background:#dca;}
.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;}
.mn ul li:hover ul li:hover ul li:hover p.title {background:#ccc;}
#document-wrapper
{
max-width: 1200px;
}
.tribal-button
{
background-color: black;
}
.tribal-borderbox #contentheader #pt-logout a
{ margin-right: 2px;
}
.tribal-borderbox .with-button .tribal-button
{ width: 21%;
}
#toc, #toctitle
{ width: 98%;
}
.toc
{
width: 98%;
}

Verzia z 15:10, 11. august 2020

/* Tu umiestnené CSS bude ovplyvňovať všetky štýly */

/*unit templates*/
.grepoborder{
border-style: solid;
border-width: 6px 8px 8px 7px;
-moz-border-image: url(https://wiki.sk.grepolis.com/images/c/cd/Grepborder.png) 6 8 8 7 repeat;
-webkit-border-image: url(https://wiki.sk.grepolis.com/images/c/cd/Grepborder.png) 6 8 8 7 repeat;
-o-border-image: url(https://wiki.sk.grepolis.com/images/c/cd/Grepborder.png) 6 8 8 7 repeat;
border-image: url(https://wiki.sk.grepolis.com/images/c/cd/Grepborder.png) 6 8 8 7 repeat;
}
.grepoheader{
background:url(https://wiki.sk.grepolis.com/images/c/cc/Grepmarble.png) repeat;
color:#fc6;
font-size:18px;
border-width: 0 0 2px 0;
}
/*improved tables*/
table.wikitable tr:nth-child(even) {background: #fcdd99}
table.wikitable tr:nth-child(odd){background: #f7dda3}
table.greenhead th{background-image:url(https://wiki.sk.grepolis.com/images/d/df/Table_header_green.png) !important;}
table.redhead th{background-image:url(https://wiki.sk.grepolis.com/images/0/01/Table_header_red.png) !important;}
table.yellowhead th{background-image:url(https://wiki.sk.grepolis.com/images/2/20/Table_header_yellow.png) !important;}
.even{background-color:rgba(255,204,102,0.4)
}
/*main page*/
#about-wiki, #about-inno{
display:none;
}
#about-wiki-title, #about-inno-title, #rewards-events, #rewards-quests, #rewards-premium{
color:#7c7a7a;
}
#about-game-title, #about-wiki-title, #about-inno-title, #rewards-all, #rewards-events, #rewards-quests, #rewards-premium{
cursor:pointer;
}
#play-button{
width:232px;
height: 20px;
text-align: center;
padding: 22px 0;
background:url('https://wiki.sk.grepolis.com/images/9/93/Register_button.png') no-repeat;
color:#fc6;
font-size:2em;
line-height: 15px;
text-shadow:none;
}
#play-button:hover{
background-position: 0 -65px;
cursor:pointer;
}

/*img border & content adjustment*/
.border{
    border-style: solid;
    border-width: 4px;
    -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;
}

/*#toc{margin-top: 20px;
    max-width: 50%;}*/
/*highlight text*/
/*#mw-content-text{
font-family: Georgia,serif;
    color: #222222;
    text-shadow: 1px 1px 0 #fc6, 1px 1px;
font-size:13px;
}
#mw-content-text h1{
font-size:25px;
}
#mw-content-text h2{
font-size:20px;
}
#mw-content-text h1,#mw-content-text h2,#mw-content-text h3,#mw-content-text h4{
text-shadow:1px 1px 0px #fc6, 1px 1px 2px #000 !important;
}
#fh_center{
    font-family: Nyala;
    font-size: 30px;
    color: #fc6;
    text-shadow: 1px 1px 0 #222222, 1px 1px;
}*/
/*warning hint*/
.leftscroll{
    background-image: url(https://wiki.sk.grepolis.com/images/0/02/Scroll_left.png);
    width: 85px;
    height: 122px;
	float:left;
}
.rightscroll{
background-image:url(https://gpzz.innogamescdn.com/images/game/introduction_welcome/scroll_right.png);
    width: 85px;
    height: 122px;
	float:left;
}
.middlescroll{
    background-image: url(https://wiki.sk.grepolis.com/images/5/5f/Scroll_middle.png);
    height: 122px;
    background-repeat: repeat-x;
	min-width:200px;
	max-width:700px;
	float:left;
	}
.contentscroll{
position:relative;
top:30px;
    height: 73px;
	width: auto;
	float:left;
color:#222222;
text-shadow: 1px 1px 0 #fc6, 1px 1px;
font-family:Georgia,serif;
font-weight:bold;
}
.warn{
position:relative;
left:-40px;
top:35px;
font-size:5em;
text-shadow: 1px 1px black;
float:left;
max-width:80px;
font-family:Georgia,serif;
}	

/*island quest*/
.quest-toggler{
background:url("https://wiki.sk.grepolis.com/images/a/a1/Questhidder.png") no-repeat;
width:29.5px;
height:29px;
}
.quest-toggler:hover{
cursor:pointer;
background:url("https://wiki.sk.grepolis.com/images/a/a1/Questhidder.png") -29px no-repeat;
}
.bluequests{
background:url(https://wiki.sk.grepolis.com/images/a/ad/Questblue.png) no-repeat;
}
.redquests{
background:url(https://wiki.sk.grepolis.com/images/c/ce/Questred.png) no-repeat;
}
.quests{
width:365px;
height:165px;
float:left;
}
.objectivesico{
margin-left:10px;
margin-top:-3px;
width:50px
}
.objectiveheadline{
color:#fc6;
font-weight:bold;
font-size:13px;
position:relative;
left:60px;
top:25px;
text-shadow:none;
}
.highlight{
/*background: url(https://wiki.sk.grepolis.com/images/3/36/Gpwindow_bg.jpg) repeat;
border-style: solid;
border-width: 3px;
 -moz-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;
-webkit-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;
-o-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;
border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;*/
color:#222222;
    text-shadow: 1px 1px 0 #fc6, 1px 1px;
/*font-family: Georgia,serif;*/
margin:1px;
padding:6px;
overflow: auto;
}
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;
    background: url(https://wiki.cz.grepolis.com/images/b/b4/Bluemarble.png) repeat;
    border-style: solid;
    border-width: 6px;
    -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;
text-shadow:none;
}
.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);
text-shadow:none;
}
/* 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/*/
.links{
 margin:-10px 0 0 -40px;
text-shadow:none;
}
.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;
text-shadow:none;
  
}

.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;
text-shadow:none;
}

#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;
text-shadow:none;
    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;
    } 
/* Hlavné menu - odkazy */
.odkazy{
color:#fc6;
text-shadow:none;
transition: color 1s ease-in-out;
}
.odkazy:hover{
text-decoration:none;
color:#0082BE;
font-size:120%;
}

/*Zpruhledneni*/

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

/* Z Anglickej Wiki Grepolis - Wolfy*/

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;
}

/* Z klasickej Wikipédie - Wolfy*/

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

/* my menu */
.mn {width:140px; position:relative; z-index:10; text-shadow: 1px 2px 3px #808080;}
.mn ul {padding:0; margin:0;list-style-type:none !important;}
.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:177.5px; z-index:11; border-left:2px solid #cba; border-right:2px solid #cba;}
.mn ul li:hover ul li {display:block; width:177.5px; 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:177.5px; 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:177.5px; 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:177.5px; 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:177.5px; 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;}
#document-wrapper
{
max-width: 1200px;
}
.tribal-button 
{ 
background-color: black; 
}

.tribal-borderbox #contentheader #pt-logout a 
{ margin-right: 2px; 
}

.tribal-borderbox .with-button .tribal-button 
{ width: 21%; 
}
#toc, #toctitle
{ width: 98%; 
}
.toc
{
width: 98%; 
}