MediaWiki:Common.css: Porovnání verzí
Jump to navigation
mBez shrnutí editace |
mBez shrnutí editace |
||
Řádek 6: | Řádek 6: | ||
border-radius:15px; | border-radius:15px; | ||
width:100%; | width:100%; | ||
height: | height:20px; | ||
font-size:140%; | font-size:140%; | ||
font-weight: bold; | font-weight: bold; |
Verze z 4. 6. 2016, 14:26
/* Zde uvedené CSS bude ovlivňovat všechny styly */ /*záhlaví tabulky*/ #tabhead{ border: outset 3px #fc6; border-radius:15px; width:100%; 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: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;}