Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.
- Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
- Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
- Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
- Opera: Naciśnij klawisze Ctrl+F5.
@import "http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url("/load.php?mode=articles&only=styles&articles=u:dev:InterlanguageFlags/code.css|u:dev:MediaWiki:Highlight.css|u:dev:MediaWiki:ModernWikiActivity.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css");
/* ShadowPicture © 2015 Szynka013 */
.deep {
overflow: hidden;
height: 200px;
width: 200px;
box-shadow: 0 0 20px 0 black;
position: relative;
left: 50%;
top: 100px;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.deepimg {
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: background-size 0.2s ease-in;
transition: background-size 0.2s ease-in;
}
.deeptext {
position: absolute;
z-index: 99;
bottom: 10px;
left: 10px;
color: #fff;
text-transform: uppercase;
font-family: Open Sans, sans-serif;
font-weight: lighter;
font-size: 10px;
letter-spacing: 0.5px;
text-shadow: 5px 5px 5px #000;
}
.deeparrow {
position: absolute;
background: rgba(45, 45, 55, 0.5);
width: 500px;
height: 500px;
top: 130px;
left: 40px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.deeparrowi {
color: #fff;
font-size: 30px;
text-decoration: none;
position: absolute;
top: 170px;
left: 10px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.deepimg:hover {
background-size: 290px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
}
.deep:hover .deeparrow {
top: -135px;
left: -80px;
}
.deep:hover .deeparrowi {
font-size: 90px;
top: 50%;
left: 43%;
-webkit-transform: rotate(-45deg) translateY(-50%) translateX(-50%);
-ms-transform: rotate(-45deg) translateY(-50%) translateX(-50%);
transform: rotate(-45deg) translateY(-50%) translateX(-50%);
}
/*Tabber*/
ul.tabbernav li a:hover {
background: #00008b !important;
border: none !important;
}
ul.tabbernav li a:link {
color: #d2d2d2 !important;
}
ul.tabbernav li a {
margin-left: 0 !important;
border: none !important;
background: #00008b !important;
}
ul.tabbernav li.tabberactive a {
background-color: #00008b !important;
border: none !important;
}
ul.tabbernav li.tabberactive a:hover {
background: #00008b !important;
border: none !important;
}
ul.tabbernav {
border-bottom: none !important;
font-family: Open Sans !important;
font-weight: normal !important;
}
.tabber .tabbertab {
border: none !important;
}