ФЭНДОМ


Изображение при наведенииПравить

.Название класса {
   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;

}