MediaWiki:Common.css: Rozdiel medzi revíziami
Jump to navigation
d (vrácení z5) |
|||
Riadok 1: | Riadok 1: | ||
/* Tu umiestnené CSS bude ovplyvňovať všetky štýly */ | /* Tu umiestnené CSS bude ovplyvňovať všetky štýly */ | ||
/*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*/ | /*research simulator*/ | ||
Verzia z 14:14, 18. júl 2016
/* Tu umiestnené CSS bude ovplyvňovať všetky štýly */ /*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; } /* Hlavné menu - odkazy */ .odkazy{ color:#fc6; 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;} .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;}