MediaWiki:Vector.css: различия между версиями
Перейти к навигации
Перейти к поиску
SAS (обсуждение | вклад) (добавлены стили linked-articles-box, linked-articles-text) |
SAS (обсуждение | вклад) (добавлены стили infobox-table*) |
||
Строка 90: | Строка 90: | ||
overflow: hidden; | overflow: hidden; | ||
width: 100%; | width: 100%; | ||
+ | } | ||
+ | |||
+ | .infobox-table { | ||
+ | width: 220px; | ||
+ | font-size: 8pt; | ||
+ | border: 1px solid #AAA; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | -moz-border-radius: 4px 4px 0 0; | ||
+ | -webkit-border-radius: 4px 4px 0 0; | ||
+ | background: #FFF; | ||
+ | box-shadow: inset 0px 20px 40px -10px #DDD; | ||
+ | } | ||
+ | |||
+ | .infobox-table > th { | ||
+ | text-align: right; | ||
+ | font-size: 8pt; | ||
+ | color: #505050; | ||
+ | border-right: 1px solid #AAA; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | border-top: 1px solid #AAA; | ||
+ | } | ||
+ | |||
+ | .infobox-table > td { | ||
+ | font-size: 8pt; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | border-top: 1px solid #AAA; | ||
+ | } | ||
+ | |||
+ | infobox-head th { | ||
+ | text-align: center; | ||
+ | font-size: larger; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | infobox-head td { | ||
+ | vertical-align: top; | ||
+ | text-align: center; | ||
+ | font-size: 8pt; | ||
+ | color: #505050; | ||
+ | padding: 0px 3px 3px 3px; | ||
} | } |
Версия 11:09, 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%;
}
.infobox-table {
width: 220px;
font-size: 8pt;
border: 1px solid #AAA;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background: #FFF;
box-shadow: inset 0px 20px 40px -10px #DDD;
}
.infobox-table > th {
text-align: right;
font-size: 8pt;
color: #505050;
border-right: 1px solid #AAA;
border-bottom: 1px solid #AAA;
border-top: 1px solid #AAA;
}
.infobox-table > td {
font-size: 8pt;
border-bottom: 1px solid #AAA;
border-top: 1px solid #AAA;
}
infobox-head th {
text-align: center;
font-size: larger;
font-weight: bold;
}
infobox-head td {
vertical-align: top;
text-align: center;
font-size: 8pt;
color: #505050;
padding: 0px 3px 3px 3px;
}