MediaWiki:Common.css
Jump to navigation
Poznámka: Aby sa zmeny prejavili, po uložení musíte vymazať vyrovnávaciu pamäť vášho prehliadača.
- Mozilla Firefox / Safari: Držte stlačený Shift a kliknite na Reload alebo stlačte buď Ctrl-F5 alebo Ctrl-R (⌘-R na Mac)
- Google Chrome: Stlačte Ctrl-Shift-R (⌘-Shift-R na Mac)
- Internet Explorer: Držte Ctrl a kliknite na Refresh alebo stlačte Ctrl-F5
- Opera: Stlačte Ctrl-F5.
/* Tu umiestnené CSS bude ovplyvňovať všetky štýly */
/*improved tables*/
table.wikitable tr:nth-child(even) {background: #fcdd99}
table.wikitable tr:nth-child(odd), .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: rgba(252,163,53,1);
background: -moz-linear-gradient(left, rgba(252,163,53,1) 0%, rgba(255,204,102,1) 89%, rgba(255,204,102,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,163,53,1)), color-stop(89%, rgba(255,204,102,1)), color-stop(100%, rgba(255,204,102,1)));
background: -webkit-linear-gradient(left, rgba(252,163,53,1) 0%, rgba(255,204,102,1) 89%, rgba(255,204,102,1) 100%);
background: -o-linear-gradient(left, rgba(252,163,53,1) 0%, rgba(255,204,102,1) 89%, rgba(255,204,102,1) 100%);
background: -ms-linear-gradient(left, rgba(252,163,53,1) 0%, rgba(255,204,102,1) 89%, rgba(255,204,102,1) 100%);
background: linear-gradient(to right, rgba(252,163,53,1) 0%, rgba(255,204,102,1) 89%, rgba(255,204,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca335', endColorstr='#ffcc66', GradientType=1 );
}
/*main page*/
#about-wiki, #about-inno{
display:none;
}
#about-wiki-title, #about-inno-title{
color:#7c7a7a;
}
#about-game-title, #about-wiki-title, #about-inno-title{
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;
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;
}
#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;}