MediaWiki:Common.css: Porovnání verzí
Jump to navigation
| Řádek 16: | Řádek 16: | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
min-width: | min-width: 160px; | ||
padding: 15px; | padding: 15px; | ||
text-align: center; | text-align: center; | ||
Verze z 4. 6. 2016, 13:56
/* Zde uvedené CSS bude ovlivňovat všechny styly */
/* 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:190px; z-index:11; border-left:2px solid #cba; border-right:2px solid #cba;}
.mn ul li:hover ul li {display:block; width:190px; 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:190px; 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:190px; 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:190px; 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:190px; 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;}