MediaWiki:Common.css
Jump to navigation
Poznámka: Po zveřejnění musíte vyprázdnit cache vašeho prohlížeče, jinak změny neuvidíte.
- Firefox / Safari: Při kliknutí na Aktualizovat držte Shift nebo stiskněte Ctrl-F5 nebo Ctrl-R (na Macu ⌘-R)
- Google Chrome: Stiskněte Ctrl-Shift-R (na Macu ⌘-Shift-R)
- Internet Explorer / Edge: Při kliknutí na Aktualizovat držte Ctrl nebo stiskněte Ctrl-F5
- Opera: Stiskněte Ctrl-F5.
/* 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{
font-size:1.5em !important;
height:450px !important;
}
#p-navigation,#p-MENU{
color:#222222 !important;
text-shadow: 1px 1px 0 #fc6, 1px 1px;
font-family:Georgia,serif !important;
font-weight:bold !important;
}
#p-navigation{
font-size:1.2em !important;
}
/*remake main menu*/
.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;}