Изображение при наведении[]
.Название класса { background-image: url("url основной картинки"); -moz-transition: background-image 0.5s 0s ease; -o-transition: background-image 0.5s 0s ease; -webkit-transition: background-image 0.5s 0s ease; background-repeat: no-repeat } .Название класса:hover { background-image: url("url картинки при наведении"); transition:all 0.4s ease; -moz-transition: background-image 0.5s 0s ease; -o-transition: background-image 0.5s 0s ease; -webkit-transition: background-image 0.5s 0s ease; background-repeat: no-repeat }
Пользовательское меню навигации[]
.WikiHeader > nav li.marked { background: url(url картинки для шапки) no-repeat; background-size: 100% 100%; height: 32px; border-radius: 0; transition:fluctuation; } .navbackground:after { background: url(правый угол); content: ""; display: block; height: 36px; position: absolute; right: -10px; top: 0px; width: 107px; } .navbackground:before { background: url(левый угол); content: ""; display: block; height: 36px; left: -10px; position: relative; top: 0px; width: 107px; } .navbackground .chevron, .navbackground div { display:none; } .WikiHeader > nav li { border: none; line-height: 33px; } .WikiHeader > nav li > a { border: none; margin: 0; outline: medium none; padding: 0 15px; } .WikiHeader .navbackground { background: url(середина) repeat-x; height: 36px; left: -2px; top: 31px; width: 700px; margin-top: 0; } .WikiHeader > nav li.marked > a { border: none; color: white; margin: 0; padding: 0 15px; } .WikiHeader > nav .subnav-2 li .subnav-2a { color : white }
Интерактивный логотип[]
body.mediawiki h1.wordmark:hover > a > img { opacity:0 !important; transition:all 0.4s ease; -moz-transition: background-image 0.5s 0s ease; -o-transition: background-image 0.5s 0s ease; -webkit-transition: background-image 0.5s 0s ease; } body.mediawiki h1.wordmark:hover { background:url('url логотипа при наведении') no-repeat !important; transition:all 0.4s ease; -moz-transition: background-image 0.5s 0s ease; -o-transition: background-image 0.5s 0s ease; -webkit-transition: background-image 0.5s 0s ease; } .ns-112 h1.wordmark.medium.graphic {background: url("url основного логотипа") no-repeat scroll 0% 0% transparent !important;} .ns-112 #WikiHeader h1.wordmark img {zoom:1; opacity:0; filter: alpha(opacity =0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}
Цвета комментариев[]
.comments li[data-user="Имя участника"] blockquote { background:цвет фона !important;} .comments li[data-user="Имя участника"] blockquote:after { border-color: transparent цвет1 цвет2(одинаковые) transparent !important; } .comments li[data-user="Имя участника"] blockquote div { background: transparent цвет выноски(угла) !important; }
==Подписи комментариев==
.comments li[data-user ="Имя участника"] .edited-by:after { content: "Подпись"; color: цвет текста; font-weight: вид текста(жирный, курсив и т.п.); }
Цветная ссылка[]
a[href="ссылка"], a[href="эта же ссылка без домена"] {color:цвет текста; !important;}
Особый курсор[]
body { cursor: url('основной курсор'), pointer; } a:link { cursor: url('выделение ссылки'), pointer; } a:hover{ cursor: url('при наведении на ссылку'), pointer; } a:active{ cursor: url('клик по ссылке'), pointer; }
Фон для вики[]
body { background: url('url фона') top center no-repeat #ffffff; background-attachment: fixed; background-position:center; }
Фон меню навигации[]
.WikiHeader { background: url('url картинки'); }
Значок уведомлений[]
#WallNotifications .bubbles { background-image: url('url основной картинки'); background-size: 28px; background-position: 1px 0px; background-repeat: no-repeat; transition:all 0.5s ease; -moz-transition: background-image 0.5s 0s ease; -o-transition: background-image 0.5s 0s ease; -webkit-transition: background-image 0.5s 0s ease; } #WallNotifications .bubbles:hover { background-image: url('url картинки при наведении'); background-size: 28px; background-repeat:no-repeat; transition:all 0.5s ease; -moz-transition: background-image 0.5s 0s ease; -o-transition: background-image 0.5s 0s ease; -webkit-transition: background-image 0.5s 0s ease; }
Подпись в чате[]
#user-Имя участника .details:after { content: "Подпись"; font-size: 15px; } #user-500Чак .status { display: block; }