MediaWiki:Vector.css: различия между версиями
Перейти к навигации
Перейти к поиску
SAS (обсуждение | вклад) м |
SAS (обсуждение | вклад) м (дополнение) |
||
(не показано 18 промежуточных версий 2 участников) | |||
Строка 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 { | ||
Строка 41: | Строка 56: | ||
background: -webkit-gradient(linear, left top, left bottom, from(#A3BCD4), to(#CEDBE7)); | background: -webkit-gradient(linear, left top, left bottom, from(#A3BCD4), to(#CEDBE7)); | ||
background: -moz-linear-gradient(top, #A3BCD4, #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; | ||
+ | } | ||
+ | |||
+ | .infobox-table td { | ||
+ | font-size: 8pt; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | } | ||
+ | |||
+ | .infobox-table-top { | ||
+ | border-top: 1px solid #AAA; | ||
+ | } | ||
+ | |||
+ | th.infobox-head { | ||
+ | font-size: larger; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | border-right: none; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | } | ||
+ | |||
+ | td.infobox-head { | ||
+ | color: #505050; | ||
+ | font-size: 8pt; | ||
+ | padding: 0 3px 3px; | ||
+ | text-align: center; | ||
+ | vertical-align: top; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | .infobox-image { | ||
+ | vertical-align:top; | ||
+ | text-align:center; | ||
+ | border-bottom: none !important; | ||
+ | } | ||
+ | |||
+ | .techinfo-table { | ||
+ | width: 220px; | ||
+ | font-size: 8pt; | ||
+ | border: 1px solid #AAA; | ||
+ | background: #FFF; | ||
+ | box-shadow: inset 0px 20px 40px -10px #DDD; | ||
+ | } | ||
+ | |||
+ | .techinfo-table th { | ||
+ | text-align: right; | ||
+ | color: #505050; | ||
+ | border-right: 1px solid #AAA; | ||
+ | border-top: 1px solid #AAA; | ||
+ | } | ||
+ | |||
+ | .techinfo-table td { | ||
+ | border-top: 1px solid #AAA; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | th.techinfo-head { | ||
+ | text-align: center; | ||
+ | font-size: larger; | ||
+ | font-weight: bold; | ||
+ | border-top: none; | ||
+ | border-right: none; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | td.techinfo-head { | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | border-top: 1px solid #AAA; | ||
+ | font-size: 13pt; | ||
+ | } | ||
+ | |||
+ | td.techinfo-footer { | ||
+ | vertical-align: middle; | ||
+ | color: #505050; | ||
} | } |
Текущая версия на 16:05, 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;
}
.infobox-table td {
font-size: 8pt;
border-bottom: 1px solid #AAA;
}
.infobox-table-top {
border-top: 1px solid #AAA;
}
th.infobox-head {
font-size: larger;
font-weight: bold;
text-align: center;
border-right: none;
border-bottom: 1px solid #AAA;
}
td.infobox-head {
color: #505050;
font-size: 8pt;
padding: 0 3px 3px;
text-align: center;
vertical-align: top;
border-bottom: none;
}
.infobox-image {
vertical-align:top;
text-align:center;
border-bottom: none !important;
}
.techinfo-table {
width: 220px;
font-size: 8pt;
border: 1px solid #AAA;
background: #FFF;
box-shadow: inset 0px 20px 40px -10px #DDD;
}
.techinfo-table th {
text-align: right;
color: #505050;
border-right: 1px solid #AAA;
border-top: 1px solid #AAA;
}
.techinfo-table td {
border-top: 1px solid #AAA;
vertical-align: top;
}
th.techinfo-head {
text-align: center;
font-size: larger;
font-weight: bold;
border-top: none;
border-right: none;
color: #000;
}
td.techinfo-head {
vertical-align: middle;
text-align: center;
border-top: 1px solid #AAA;
font-size: 13pt;
}
td.techinfo-footer {
vertical-align: middle;
color: #505050;
}