MediaWiki:Wikia.css: diferència entre les revisions
Aparença
m Correcció de codis |
Personalitzar tabber |
||
Línia 149: | Línia 149: | ||
============================*/ | ============================*/ | ||
/* Pestanya activa */ | /* Pestanya activa */ | ||
ul.tabbernav li.tabberactive a { background: DarkBlue !important; } | ul.tabbernav li.tabberactive a { | ||
background: DarkBlue !important; | |||
border-radius: 10px 10px 0 0 !important; | |||
-moz-border-radius: 10px 10px 0 0 !important; | |||
-webkit-border-radius:10px 10px 0 0 !important; | |||
color:black !important; | |||
} | |||
/* Pestanya activa quan el punter està a sobre d'ella */ | /* Pestanya activa quan el punter està a sobre d'ella */ | ||
ul.tabbernav li.tabberactive a:hover { background: DarkBlue !important; } | ul.tabbernav li.tabberactive a:hover { | ||
background: DarkBlue !important; | |||
border-radius: 10px 10px 0 0 !important; | |||
-moz-border-radius: 10px 10px 0 0 !important; | |||
-webkit-border-radius:10px 10px 0 0 !important; | |||
color:black !important; | |||
box-shadow:none !important; | |||
} | |||
/* Pestanyes inactives */ | /* Pestanyes inactives */ | ||
ul.tabbernav li a { background: Blue !important; } | ul.tabbernav li a { | ||
background: Blue !important; | |||
transition-timing-function: ease-out !important; | |||
-webkit-transition-duration: 0.4s !important; | |||
-moz-transition-duration: 0.4s !important; | |||
-ms-transition-duration: 0.4s !important; | |||
-o-transition-duration: 0.4s !important; | |||
transition-duration: 0.4s !important; | |||
-webkit-transition-duration: 0.4s !important; | |||
-moz-transition-duration: 0.4s !important; | |||
-ms-transition-duration: 0.4s !important; | |||
-o-transition-duration: 0.4s !important; | |||
transition-duration: 0.4s !important; | |||
color:black !important; | |||
} | |||
/* Pestanya inactiva quan el punter està a sobre d'ella */ | /* Pestanya inactiva quan el punter està a sobre d'ella */ | ||
ul.tabbernav li a:hover { background: MediumBlue !important; } | ul.tabbernav li a:hover { | ||
background: MediumBlue !important; | |||
-moz-box-shadow:0 0 10px Blue inset !important; | |||
-webkit-box-shadow:0 0 10px Blue inset !important; | |||
box-shadow:0 0 10px white inset !important; | |||
-moz-box-shadow:0 0 10px white inset !important; | |||
-webkit-box-shadow:0 0 10px white inset !important; | |||
} | |||
/*============================ | /*============================ |
Revisió del 08:40, 9 maig 2013
/*============================ 1. General ============================*/ /* Imports */ @import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css"; /*============================ 2. Aparença ============================*/ /* HotSpots, creat per Super Mario Wiki, editat per en Marcmpujol */ .HotSpotsModule li .hot-spot-severity-1 { background-color: #B80000; margin-left: 10px !important; -moz-box-shadow: -10px 10px 10px #050505; -webkit-box-shadow: -10px 10px 10px #050505; box-shadow: -10px 10px 10px #050505; transition: background-color .5s, box-shadow .5s, margin-left .5s; -webkit-transition: background-color .5s, -webkit-box-shadow .5s, margin-left .5s; -moz-transition: background-color .5s, -moz-box-shadow .5s, margin-left .5s; -o-transition: background-color .5s, box-shadow .5s, margin-left .5s; } .HotSpotsModule li .hot-spot-severity-1:hover { background-color: #910000; margin-left: 0px !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .HotSpotsModule li .hot-spot-severity-2 { background-color: #FF7800; margin-left: 8px !important; -moz-box-shadow: -8px 8px 8px #050505; -webkit-box-shadow: -8px 8px 8px #050505; box-shadow: -8px 8px 8px #050505; transition: background-color .4s, box-shadow .4s, margin-left .4s; -webkit-transition: background-color .4s, -webkit-box-shadow .4s, margin-left .4s; -moz-transition: background-color .4s, -moz-box-shadow .4s, margin-left .4s; -o-transition: background-color .4s, box-shadow .4s, margin-left .4s; } .HotSpotsModule li .hot-spot-severity-2:hover { background-color: #D86600; margin-left: 0px !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .HotSpotsModule li .hot-spot-severity-3 { background-color: #FFCB10; margin-left: 6px !important; -moz-box-shadow: -6px 6px 6px #050505; -webkit-box-shadow: -6px 6px 6px #050505; box-shadow: -6px 6px 6px #050505; transition: background-color .3s, box-shadow .3s, margin-left .3s; -webkit-transition: background-color .3s, -webkit-box-shadow .3s, margin-left .3s; -moz-transition: background-color .3s, -moz-box-shadow .3s, margin-left .3s; -o-transition: background-color .3s, box-shadow .3s, margin-left .3s; } .HotSpotsModule li .hot-spot-severity-3:hover { background-color: #D9AD0E; margin-left: 0px !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .HotSpotsModule li .hot-spot-severity-4 { background-color: #7ED008; margin-left: 4px !important; -moz-box-shadow: -4px 4px 4px #050505; -webkit-box-shadow: -4px 4px 4px #050505; box-shadow: -4px 4px 4px #050505; transition: background-color .2s, box-shadow .2s, margin-left .2s; -webkit-transition: background-color .2s, -webkit-box-shadow .2s, margin-left .2s; -moz-transition: background-color .2s, -moz-box-shadow .2s, margin-left .2s; -o-transition: background-color .2s, box-shadow .2s, margin-left .2s; } .HotSpotsModule li .hot-spot-severity-4:hover { background-color: #67AA07; margin-left: 0px !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .HotSpotsModule li .hot-spot-severity-5 { background-color: #00B1FF; margin-left: 2px !important; -moz-box-shadow: -2px 2px 2px #050505; -webkit-box-shadow: -2px 2px 2px #050505; box-shadow: -2px 2px 2px #050505; transition: background-color .1s, box-shadow .1s, margin-left .1s; -webkit-transition: background-color .1s, -webkit-box-shadow .1s, margin-left .1s; -moz-transition: background-color .1s, -moz-box-shadow .1s, margin-left .1s; -o-transition: background-color .1s, box-shadow .1s, margin-left .1s; } .HotSpotsModule li .hot-spot-severity-5:hover { background-color: #0096D8; margin-left: 0px !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .HotSpotsModule li div div { width: 70px; } /*Moduls Rail, creat per Super Mario Wiki, editat per en Marcmpujol */ .WikiaPagesOnWikiModule, .WikiaActivityModule, .WikiaImageModule, .WikiaBlogListingBox, .HotSpotsModule, .CommunityCornerModule, .LatestPhotosModule, .AchievementsModule, .WikiaLatestEarnedBadgesModule, .ChatModule, .FollowedPagesModule, .WikiaRail .module { transition: top .2s, bottom .2s, border .2s, margin .2s; -webkit-transition: top .2s, bottom .2s, border .2s, margin .2s; -moz-transition: top .2s, bottom .2s, border .2s, margin .2s; -o-transition: top .2s, bottom .2s, border .2s, margin .2s,; } .WikiaRail .module:hover { margin: -10px -20px; z-index: 10; } /* Temps CSS */ #displayTimer { font-size: 12px !important; } #showdate a { color: white !important; } /* Treure la secció: "Llegir més" */ .RelatedPagesModule {display: none !important;} /*============================ 3. Tabber ============================*/ /* Pestanya activa */ ul.tabbernav li.tabberactive a { background: DarkBlue !important; border-radius: 10px 10px 0 0 !important; -moz-border-radius: 10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; color:black !important; } /* Pestanya activa quan el punter està a sobre d'ella */ ul.tabbernav li.tabberactive a:hover { background: DarkBlue !important; border-radius: 10px 10px 0 0 !important; -moz-border-radius: 10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; color:black !important; box-shadow:none !important; } /* Pestanyes inactives */ ul.tabbernav li a { background: Blue !important; transition-timing-function: ease-out !important; -webkit-transition-duration: 0.4s !important; -moz-transition-duration: 0.4s !important; -ms-transition-duration: 0.4s !important; -o-transition-duration: 0.4s !important; transition-duration: 0.4s !important; -webkit-transition-duration: 0.4s !important; -moz-transition-duration: 0.4s !important; -ms-transition-duration: 0.4s !important; -o-transition-duration: 0.4s !important; transition-duration: 0.4s !important; color:black !important; } /* Pestanya inactiva quan el punter està a sobre d'ella */ ul.tabbernav li a:hover { background: MediumBlue !important; -moz-box-shadow:0 0 10px Blue inset !important; -webkit-box-shadow:0 0 10px Blue inset !important; box-shadow:0 0 10px white inset !important; -moz-box-shadow:0 0 10px white inset !important; -webkit-box-shadow:0 0 10px white inset !important; } /*============================ 4. Usuaris ============================*/ /* Color d'Usuaris: Administradors, creat per en Marcmpujol */ [href="/wiki/Usuari:Marcmpujol"], table.diff a[title="Usuari:Marcmpujol"], ul.special li a[title="Usuari:Marcmpujol"], span.changedby a[title="Usuari:Marcmpujol"], ul#pagehistory li a[title="Usuari:Marcmpujol"] { color: Black !important; font-family: Trebuchet MS; font-weight: bold !important; text-shadow: 3px 2px 2px MediumPurple; } /* Lletres d'Usuaris, creat per en Marcmpujol */ .lletres_Marcmpujol { padding: 0px; text-align: center; max-width:19em; max-height:23px; margin:0px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; } .lletres_Marcmpujol h6 { font-size: 1.25em; margin:0px; line-height: 20px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; color: Indigo; background: Black; background-clip: text; transition:all 5s; } .lletres_Marcmpujol:hover h6 { font-size: 1.5em; line-height: 20px; margin:0px; padding-top: 0.2em; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; color: Indigo; background: Black; background-clip: text; } /*============================ 6. Categories ============================*/ .WikiaArticleCategories { border-radius:40px; }