1248
правок
Claustrum (обсуждение | вклад) мНет описания правки |
Claustrum (обсуждение | вклад) Нет описания правки |
||
Строка 283: | Строка 283: | ||
padding: 1em; | padding: 1em; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
position: relative; | |||
} | |||
.mainPageHeader .coreArticles { | |||
position: absolute; | |||
right: 1em; | |||
top: 1em; | |||
} | } | ||
.mainPageHeader .rightColumn, .mainPageHeader .leftColumn { | .mainPageHeader .rightColumn, .mainPageHeader .leftColumn { | ||
Строка 426: | Строка 432: | ||
border-right: none; | border-right: none; | ||
border-left: 1px dashed #ABD6F2; | border-left: 1px dashed #ABD6F2; | ||
} | |||
/* ---------- Кнопка ---------- */ | |||
.wiFancyButton a { | |||
border: 1px solid #C3CDDA; | |||
display: inline-block; | |||
text-shadow: 0 0 1px white; | |||
overflow: hidden; | |||
background: #eef1f6 !important; | |||
background: -moz-linear-gradient(top, #eef1f6 0%, #edeef2 100%) !important; | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef1f6), color-stop(100%,#edeef2)) !important; | |||
background: -webkit-linear-gradient(top, #eef1f6 0%,#edeef2 100%) !important; | |||
background: -o-linear-gradient(top, #eef1f6 0%,#edeef2 100%) !important; | |||
background: -ms-linear-gradient(top, #eef1f6 0%,#edeef2 100%) !important; | |||
background: linear-gradient(to bottom, #eef1f6 0%,#edeef2 100%) !important; | |||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef1f6', endColorstr='#edeef2',GradientType=0 ); | |||
-webkit-box-shadow: 0 1px 2px rgba(195, 205, 218, .7); | |||
-moz-box-shadow: 0 1px 2px rgba(195, 205, 218, .7); | |||
box-shadow: 0 1px 2px rgba(195, 205, 218, .7); | |||
} | |||
.wiFancyButton a > span { | |||
height: 26px; | |||
line-height: 26px; | |||
display: inline-block; | |||
padding: 0 1em !important; | |||
font-size: 120%; | |||
border-top: 1px solid white; | |||
border-bottom: 1px solid #DAE1EB; | |||
} | |||
.wiFancyButton a span span { | |||
position: relative; | |||
} | |||
.wiFancyButton a:hover { | |||
background: #f4f7fc !important; | |||
background: -moz-linear-gradient(top, #f4f7fc 0%, #f2f3f7 100%) !important; | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f7fc), color-stop(100%,#f2f3f7)) !important; | |||
background: -webkit-linear-gradient(top, #f4f7fc 0%,#f2f3f7 100%) !important; | |||
background: -o-linear-gradient(top, #f4f7fc 0%,#f2f3f7 100%) !important; | |||
background: -ms-linear-gradient(top, #f4f7fc 0%,#f2f3f7 100%) !important; | |||
background: linear-gradient(to bottom, #f4f7fc 0%,#f2f3f7 100%) !important; | |||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7fc', endColorstr='#f2f3f7',GradientType=0 ); | |||
} | |||
.wiFancyButton a:active { | |||
color: #0645ad; | |||
background: #e2e6eb !important; | |||
background: -moz-linear-gradient(top, #e2e6eb 0%, #e9ecf0 100%) !important; | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e6eb), color-stop(100%,#e9ecf0)) !important; | |||
background: -webkit-linear-gradient(top, #e2e6eb 0%,#e9ecf0 100%) !important; | |||
background: -o-linear-gradient(top, #e2e6eb 0%,#e9ecf0 100%) !important; | |||
background: -ms-linear-gradient(top, #e2e6eb 0%,#e9ecf0 100%) !important; | |||
background: linear-gradient(to bottom, #e2e6eb 0%,#e9ecf0 100%) !important; | |||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e6eb', endColorstr='#e9ecf0',GradientType=0 ); | |||
-webkit-box-shadow: 0 0 4px #DCDFE3 inset, 0 1px 2px rgba(195, 205, 218, .9); | |||
-moz-box-shadow: 0 0 4px #DCDFE3 inset, 0 1px 2px rgba(195, 205, 218, .9); | |||
box-shadow: 0 0 4px #DCDFE3 inset, 0 1px 2px rgba(195, 205, 218, .9); | |||
} | |||
.wiFancyButton a:active span span { | |||
top: 1px; | |||
} | |||
.wiFancyButton a:active:visited { | |||
color: #0b0080; | |||
} | |||
.wiFancyButton a:active > span { | |||
border-top-color: #DAE1EB; | |||
border-bottom-color: #EDF2F7; | |||
} | |||
/* ---------- Анонсы статей ---------- */ | |||
.articleSummaryColumnsWrapper { | |||
margin: 0 .5em; | |||
} | |||
.articleSummaryColumnsWrapper .articleSummaryColumn { | |||
display: inline-block; | |||
width: 50%; | |||
vertical-align: top; | |||
position: relative; | |||
right: -.5em; | |||
} | |||
.articleSummaryColumnsWrapper .articleSummaryColumn:first-child { | |||
left: -.5em; | |||
} | |||
.articleSummary { | |||
clear: both; | |||
margin: 1em 0; | |||
background: #FAFAFB; | |||
border: 1px solid #C3CDDA; | |||
-webkit-box-shadow: 0 50px 100px #EAEDF4 inset, 0 1px 2px rgba(195, 205, 218, .6); | |||
-moz-box-shadow: 0 50px 100px #EAEDF4 inset, 0 1px 2px rgba(195, 205, 218, .6); | |||
box-shadow: 0 50px 100px #EAEDF4 inset, 0 1px 2px rgba(195, 205, 218, .6); | |||
} | |||
.articleSummary .articleSummaryInner { | |||
border: 1px solid white; | |||
padding: .3em 0; | |||
} | |||
.articleSummary .articleSummaryTitle { | |||
padding: .5em 1em 0 1em; | |||
margin-bottom: -.2em; | |||
} | |||
.articleSummary .articleSummaryTitle .articleSummaryTitleInner { | |||
font-size: 140%; | |||
margin: 0 -.3em; | |||
border-bottom: 1px dashed #C6D3E3; | |||
padding: 0 .3em .1em .3em; | |||
} | |||
.articleSummary .articleSummaryImage { | |||
float: left; | |||
width: 150px; | |||
margin: .7em 1em; | |||
} | |||
.articleSummary .articleSummaryImage:hover + .articleSummaryTitle a { | |||
text-decoration: underline; | |||
} | |||
.articleSummary .articleSummaryImage:active + .articleSummaryTitle a { | |||
color: #FAA700; | |||
} | |||
.articleSummary .articleSummaryText { | |||
padding: .7em 1em; | |||
color: #22262A; | |||
} | |||
.articleSummary .articleSummaryText ol { | |||
margin-left: 1.6em; | |||
} | |||
.articleSummary .articleSummaryEnding { | |||
clear: both; | |||
} | |||
.articleSummary .articleSummaryImage + .articleSummaryTitle + .articleSummaryText, .articleSummary .articleSummaryImage + .articleSummaryText { | |||
margin-left: 150px; | |||
padding-left: 2em; | |||
} | |||
@media screen and (max-width: 1110px) { | |||
.articleSummaryColumnsWrapper { | |||
margin: 0; | |||
} | |||
.articleSummaryColumnsWrapper .articleSummaryColumn { | |||
display: block; | |||
width: auto; | |||
vertical-align: top; | |||
position: static; | |||
right: 0; | |||
} | |||
.articleSummaryColumnsWrapper .articleSummaryColumn:first-child { | |||
left: 0; | |||
} | |||
} | |||
@media screen and (min-width: 1111px) and (max-width: 1340px) { | |||
.articleSummary .articleSummaryExtendedDescription { | |||
display: none; | |||
} | |||
} | |||
/* ---------- Стили для списков ---------- */ | |||
.smallList { | |||
font-size: 90%; | |||
} | |||
.errorList ul { | |||
list-style: none; | |||
margin-left: .5em; | |||
} | |||
.errorList li { | |||
background: url(http://wikiislam.net/wiki/uploads/4/4e/Cross.png) 0 4px no-repeat; | |||
padding-left: 1.5em; | |||
} | } |