MediaWiki:Vector.css: различия между версиями
Перейти к навигации
Перейти к поиску
SAS (обсуждение | вклад) (добавлен класс gradient-gray-box) |
SAS (обсуждение | вклад) (добавлены стили linked-articles-box, linked-articles-text) |
||
Строка 61: | Строка 61: | ||
background: none; | background: none; | ||
padding-right: 0; | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | .linked-articles-box { | ||
+ | clear:both; | ||
+ | position: relative; | ||
+ | height: 40px; | ||
+ | width: 80%; | ||
+ | border:1px solid #AAA; | ||
+ | background-color: #FFF; | ||
+ | border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | -webkit-border-radius: 4px; | ||
+ | margin: 4px auto; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); | ||
+ | background: -moz-linear-gradient(top, #FFF, #EEE); | ||
+ | background: -o-linear-gradient(top, #FFF, #EEE); | ||
+ | box-shadow: inset -5px -5px 15px 3px #DDD; | ||
+ | } | ||
+ | |||
+ | .linked-articles-text { | ||
+ | color: #DDD; | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | margin: auto 5px; | ||
+ | text-overflow: ellipsis; | ||
+ | -o-text-overflow: ellipsis; | ||
+ | white-space: nowrap; | ||
+ | overflow: hidden; | ||
+ | width: 100%; | ||
} | } |
Версия 10:58, 5 июня 2012
/* Размещённый здесь CSS будет применяться к векторной теме оформления */
.gradient-gray-box {
text-align: center;
width: 95%;
margin: 4px auto;
border: 1px solid #AAA;
border-radius: 4px;
-moz-border-radius: 4px ;
-webkit-border-radius: 4px;
background: #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background: -moz-linear-gradient(top, #FFF, #EEE);
background: -o-linear-gradient(top, #FFF, #EEE);
box-shadow: inset -5px -5px 15px 3px #DDD;
}
.gradient-box {
border: 1px solid #AAA;
padding: 8px;
text-align: center;
margin: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #A3BCD4;
background: -o-linear-gradient(top, #A3BCD4, #CEDBE7);
background: -webkit-gradient(linear, left top, left bottom, from(#A3BCD4), to(#CEDBE7));
background: -moz-linear-gradient(top, #A3BCD4, #CEDBE7);
}
.gradient-block {
text-align: center;
border: 1px solid #AAA;
padding: 3px;
background: #A3BCD4;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0
background: -o-linear-gradient(top, #A3BCD4, #CEDBE7);
background: -webkit-gradient(linear, left top, left bottom, from(#A3BCD4), to(#CEDBE7));
background: -moz-linear-gradient(top, #A3BCD4, #CEDBE7);
}
.gradient-table-block {
width: 100%;
text-align: center;
border: 1px solid #AAA;
background: #A3BCD4;
padding: 0px 4px 0px 4px;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background: -o-linear-gradient(top, #A3BCD4, #CEDBE7);
background: -webkit-gradient(linear, left top, left bottom, from(#A3BCD4), to(#CEDBE7));
background: -moz-linear-gradient(top, #A3BCD4, #CEDBE7);
}
#bodyContent a[href^="http://"].external, a[href^="https://"].external {
background: none;
padding-right: 0;
}
.linked-articles-box {
clear:both;
position: relative;
height: 40px;
width: 80%;
border:1px solid #AAA;
background-color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 4px auto;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background: -moz-linear-gradient(top, #FFF, #EEE);
background: -o-linear-gradient(top, #FFF, #EEE);
box-shadow: inset -5px -5px 15px 3px #DDD;
}
.linked-articles-text {
color: #DDD;
position: relative;
height: 100%;
margin: auto 5px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
}