MediaWiki:Common.css: Difference between revisions

From Rinchen Terdzö
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
Line 76: Line 76:
padding-bottom: 15px;
padding-bottom: 15px;
}
}
@media screen and (min-width: 947px) and (max-width: 1360px){
.mainpage-vol-list {
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
-moz-column-gap: 10px; /* Firefox */
column-gap: 10px;
}
}
@media screen and (min-width: 1361px) {
.mainpage-vol-list {
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
-moz-column-gap: 10px; /* Firefox */
column-gap: 10px;
}
}


@media screen and (min-width: 1200px) {
@media screen and (min-width: 1200px) {

Revision as of 16:04, 29 June 2015

/* CSS placed here will be applied to all skins */
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600);

h1, h2 {font-family: 'Source Sans Pro', sans-serif !important;	font-weight: 400;}*/
h1 {font-size:32px  !important;}
h2 {font-size: 23px  !important;}

.rblist {display:block;}

.col2 {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
	-moz-column-gap: 10px; /* Firefox */
	column-gap: 10px;
}

.col3 {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
	-moz-column-gap: 10px; /* Firefox */
	column-gap: 10px;
}

.col4 {
	column-count: 4;
	-moz-column-count: 4;
	-webkit-column-count: 4;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
	-moz-column-gap: 10px; /* Firefox */
	column-gap: 10px;
}

.under-construction {
	display: block;
	width: 600px;
	margin: 0px auto 20px auto;
	border: 1px solid #FFAA6C;
	border-radius: 4px;
	padding: 12px;
	background-color: #FFE7D5;
	font-size: larger;
	text-align: center;
}

.disclaimer {
	display: block;
	margin: 20px auto 0px auto;
	border: 1px solid #6C95FF;
	border-radius: 4px;
	padding: 12px;
	background-color: #EAF0FF;
	font-size: larger;
}

.tib-text {
	font-family: Kailasa,  Kokonor,  Jomolhari,  "DDC Uchen", Himalaya, "Microsoft Himalaya", "XenoType Tibetan New", "Tibetan Machine Uni", Verdada, serif;
	font-size: 18px;
	font-weight: normal;
	line-height:31px;
	display:inline-block;
	margin: 20px;
	border-left: 1px solid #555;
	padding-left: 10px;
	position: relative;
}

.tib-text p{
	display:inline;
}

.tib-text p:first-child::nth-line(6) {
	padding-bottom: 15px;
}

@media screen and (min-width: 947px) and (max-width: 1360px){
	.mainpage-vol-list {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	}
}

@media screen and (min-width: 1361px) {
	.mainpage-vol-list {
		column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	}
}


@media screen and (min-width: 1200px) {
	.volpage-text-list {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	};
}