MediaWiki:Vector.css: различия между версиями
Перейти к навигации
Перейти к поиску
м |
SAS (обсуждение | вклад) (добавлен класс gradient-gray-box) |
||
Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS будет применяться к векторной теме оформления */ | /* Размещённый здесь 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 { | .gradient-box { |
Версия 07:40, 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;
}