MediaWiki:Common.css

Материал из Самосбор

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/* Чёрная тема оформления */
#more-tab span{color:rgb(104, 127, 121)}

.mw-parser-output{
  font-size: 14px
}

[accesskey=t]{
  display:none !important;
}

.mw-rcfilters-ui-overlay,.oo-ui-window{
  z-index:100 !important
}

.diffchange-inline{
  color:#000
}

.rcfilters-head .oo-ui-tagMultiselectWidget-handle{
  background-color:#000000 !important
}

.rcfilters-head .oo-ui-icon-close{
  background-color:transparent !important
}

.rcfilters-head .oo-ui-tagMultiselectWidget-input input{
  background-color:#000000 !important
}

.rcfilters-head .oo-ui-tagMultiselectWidget-handle .oo-ui-iconElement-icon{
  background-color: #fff;
  width: 25px;
  border-radius: 2px;
  background-size: 16px;
}

.rcfilters-head .oo-ui-tagMultiselectWidget-input .oo-ui-iconElement-icon{
  background-color: #fff !important;
  width: 25px !important;
  border-radius: 2px !important;
  background-size: 16px !important;
  height: 25px !important;
  margin-top: 3px !important;
}

h1,h2,h3,h4,h5,h6{
  color:#ffffff
}
#article a:not(.new){
  color:RGB(0,150,0)
}
#article a:not(.new):visited {
  color:RGB(0,60,0)
}
#toc,.thumbinner,.mw-changeslist-legend{
  background:transparent !important
}
.toctogglelabel{
  color:green
}
.page-Заглавная_страница h1{
  display:none
}
#body-container{
  margin-top:0px;
  background:RGBA(0,0,0,0.8);
}
body{
  background-image:url(http://images.shoutwiki.com/samosbor/1/1f/Background.jpg)!important;
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;
}
#site-header{
  height:220px
}
#article,#side-bar{
  background:RGBA(0,0,0,0.8);
  color:#eeeeee;
}
#article,#action-bar{
  background:transparent !important
}
#header,#action-bar{
  background:#000000
}
textarea,.editOptions{
  background:transparent;
  color:#ffffff
}
#navigation{
  background:transparent
}
#article-body{
  border:0px 
}

#other-links a {
  display:block;
  color:#eeeeee;
  width:100%;
}
#searchform{
  width:100%
}

/* дизайн заглавной */
.samosbor-block{
  border:12px solid black;
  border-image:url(http://images.shoutwiki.com/samosbor/f/fd/Frame.PNG) 12 round round;
  o-border-image:url(http://images.shoutwiki.com/samosbor/f/fd/Frame.PNG) 12 round round;
  moz-border-image:url(http://images.shoutwiki.com/samosbor/f/fd/Frame.PNG) 12 round round;
  webkit-border-image:url(http://images.shoutwiki.com/samosbor/f/fd/Frame.PNG) 12 round round;
  padding:22px;
  background:RGB(239,207,158);
  color:#000000;
  margin:20px
}

#footer-container{
  display:none
}

.mw-skin-nimbus-actiontab{
  background:transparent !important
}

/* табы */

.samosbor-tab{
display:none
}

.samosbor-tab:target{
display:block
}
.samosbor-tabs-buttons a.active{
background:rgb(51, 102, 204);
color:#ffffff !important;
}
.samosbor-tabs-buttons a{
display:inline-block;
padding:10px;
padding-bottom:5px !important;
background:#f8f9fa;;
color:#222 !important;
border-radius:5px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
margin-right:5px;
}
.samosbor-tabs-buttons p{
margin:0px;
padding:0px
}
.samosbor-tabs-buttons a:hover{
text-decoration:none !important;
background:rgb(61, 112, 214);
}
.samosbor-tab {
border:1px solid rgb(51, 102, 204);
border-top:5px solid rgb(51, 102, 204);
padding:10px
}
.samosbor-tabs div:first-of-type{
display:block !important
}

/* шапка сайта */

.samosbor-sitename{
  border:0px;
  font-size:50px;
  height:50px;
  line-height:50px;
}

.samosbor-sitename a{
  color:#000000 !important;
  text-decoration:none
}

.samosbor-description{
  color:#000000 !important;
}

.samosbor-header {
  position:absolute;
  top:35px;
  left:0px;
  right:0px;
  height:200px;
  z-index:100;
  background:url(http://images.shoutwiki.com/samosbor/1/16/Beton.PNG);
  text-align:left
}

#article-text,#body-container,#siteNotice{
  position:static
}

#site-logo{
  display:none
}

.samosbor-mainmenu {
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:35px;
  background:#000000;
  margin:0px;
  padding:0px
}

.samosbor-header .mw-inputbox-centered{
  position:absolute;
  bottom:75px;
  right:40px;
}

.samosbor-header [type=submit]{
  background: #68bd46;
  border-radius:5px;
  border:0;
  color:#ffffff
}


.samosbor-header [type=text]{
  width:200px
}

.samosbor-sitename, .samosbor-description{
  margin:30px
}

.samosbor-mainmenu ul {
  padding:0;
  margin:0;
  list-style: none;
			    position: relative;
			    }
			
			/* применяем inline-block позиционирование к элементам навигации */
			.samosbor-mainmenu ul li {
			    margin: 0px -7px 0 0;
			    display:inline-block;
			    background-color: #000000;
			    }
			
			/* стилизуем ссылки */
			.samosbor-mainmenu a {
			    display:block;
			    padding:0 10px;
			    color:#FFF !important;
			    font-size:14px;
			    line-height: 35px;
                            box-sizing:border-box;
			    text-decoration:none;
			}
			
			/* изменяем цвет фона при наведении курсора */
			.samosbor-mainmenu a:hover {
			    background-color: #222222;
		}
/* скрываем выпадающие списки по умолчанию
			 * и задаем абсолютное позиционирование */
			.samosbor-mainmenu ul ul {
			    display: none;
			    position: absolute;
			    top: 100%;
			}
			
			/* отображаем выпадающий список при наведении */
			.samosbor-mainmenu ul li:hover > ul {
			    display:inherit;
			}
			
			/* первый уровень выпадающего списка */
			.samosbor-mainmenu ul ul li {
			    min-width:170px;
			    float:none;
			    display:list-item;
			    position: relative;
			}
/* второй, третий и последующие уровни 
			 * смещаем 2 и 3 уровни влево 
			 * на значение длины первого уровня.
			*/
			.samosbor-mainmenu ul ul ul {
			    position: absolute;
			    top:0;
			    left:100%;
		}
/* измените ' +' на любой другой символ, если нужно
	*/
		.samosbor-mainmenu li li > a:after { content:  '▶';position:absolute;right:10px }
		.samosbor-mainmenu li > a:only-child:after { content: ''; }
.samosbor-header input{
  height:32px;
  box-sizing:border-box
}