MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
Regel 142: | Regel 142: | ||
} | } | ||
#navbar > #bull1{ | #navbar > #bull1{ | ||
top: 20px; | |||
left:40px; | left:40px; | ||
background-image : url('https://wiki.the-west.nl/images/2/2e/Star.png'); | background-image : url('https://wiki.the-west.nl/images/2/2e/Star.png'); |
Versie van 17 okt 2016 17:44
/* CSS die hier wordt geplaatst heeft invloed op alle skins */ div.mvisto:hover { opacity:0.7; filter:alpha(opacity=70); } div.NavFrame { margin: 0; padding: 1px; border: 2px solid #322618; text-align: center; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.9em; font-weight: bold; background-color: #C0A875; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 12px; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; right: 3px; font-weight: normal; font-size: 93%; } /* Pour des effets de clignotements */ .tilt { -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; -ms-transition: all 3s ease; transition: all 3s ease; } .tilt:hover { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .pulse:hover { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } .clignote { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.95); opacity: 0.7;} 50% { transform: scale(1); opacity: 1;} 100% { transform: scale(0.95); opacity: 0.7;} } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7;} 50% { -webkit-transform: scale(1); opacity: 1;} 100% { -webkit-transform: scale(0.95); opacity: 0.7;} } #container{ width:900px !important; } #wrapper { width: 1200px !important; } #contentTop { width: 900px !important; background-size: 100% 77px !important; } #content { width: 870px; background-size: 100%; } #contentFooter { background-size: 101%; } #p-cactions { width:860px !important; } /* Navigation Bar */ #navbar { position:absolute; top:29px; font-family:Calibri; width:800px; height:85px; margin:0; padding:0; background-image : url('https://wiki.the-west.fr/images/0/0d/Barre.png'); text-align:center; } #navbar > #bull1 , #navbar > #bull2{ position:absolute; top:20px; z-index:1; width:104px; height:64px; pointer-events: none; } #navbar > #bull1{ top: 20px; left:40px; background-image : url('https://wiki.the-west.nl/images/2/2e/Star.png'); background-repeat: no-repeat; } #navbar > #bull2{ right:40px; background-image : url('https://wiki.the-west.nl/images/2/2e/Star.png'); background-repeat: no-repeat; } #navbar ul { list-style-type: none; font-size:0; padding:0; overflow: hidden; position:relative; top:42px; height:37px; } #navbar li { font-size:18px; display:inline; } #navbar li a { position:relative; display:inline-block; color: white; font-weight:normal; text-align: center; padding: 8px 10px; line-height:20px; text-decoration: none; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } #navbar li a:hover { color:#FFDEAD; } #navbar .selflink { background-color: #FFDEAD; color:black; position:relative; display:inline-block; text-align: center; padding: 8px 10px; line-height:20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset; z-index:1; } #navbar li a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 4px; width: 0; background: #FFDEAD; -webkit-transition: width .25s; -moz-transition: width .25s; -ms-transition: width .25s; -o-transition: width .25s; transition: width .25s; } #navbar li a:hover:before { width:100%; } #navbar li a:after, #navbar .selflink:after{ content: ""; display: block; position: absolute; left: -2px; top: 17px; height: 4px; width: 4px; background: #ffffff; opacity: 0.5; } #navbar .selflink:after{ width: 2px; } #navbar li:first-child *:after{ opacity:0; }