MediaWiki:Common.css: Difference between revisions

From Rinchen Terdzö
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
Line 456: Line 456:
color: #000;
color: #000;
text-decoration: none;
text-decoration: none;
z-index: 2;
z-index: 999;
}
}


Line 470: Line 470:
margin-left: -50px;
margin-left: -50px;
animation-duration: .5s;
animation-duration: .5s;
z-index: -2;
z-index: -999;
}
}


Revision as of 10:33, 4 October 2017

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:200,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 {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
	-moz-column-gap: 10px; /* Firefox */
	-ms-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: 22px;
	font-weight: normal;
	line-height:42px;
	display:inline-block;
	margin: 20px;
	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: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		-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 {
		-ms-column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-ms-column-gap: 10px;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	};
}

/* Button Styling */

.nice-button, span.button a, .box a.sfFancyBox.sfUploadable.sfImagePreview, form#sfForm input[type="submit"], input[type="button"], #wpSave, #wpPreview, #wpDiff, form.sfFormInput input[type="submit"], .searchboxGoButton, .searchboxSearchButton {
  margin: 10px 10px 0 0;
  border: none;
  padding: 5px 13px 7px;
  background: #762828;
  color: whitesmoke !important;
  font-family: Helvetica Neue;
  font-size: 14px;
  font-weight: 300;
  border-radius: 2px;
}

.nice-button:hover, span.button a:hover, .box a.sfFancyBox.sfUploadable.sfImagePreview:hover, form#sfForm input[type="submit"]:hover, input[type="button"]:hover, #wpSave:hover, #wpPreview:hover, #wpDiff:hover, form.sfFormInput input[type="submit"]:hover, .searchboxGoButton:hover, .searchboxSearchButton:hover {
  background: #930000;
  text-decoration: none;
  cursor:pointer;
  transition:0.2s;
}

.nice-button:active, span.button a:active, .box a.sfFancyBox.sfUploadable.sfImagePreview:active, form#sfForm input[type="submit"]:active, input[type="button"]:active, #wpSave:active, #wpPreview:active, #wpDiff:active, form.sfFormInput input[type="submit"]:active, .searchboxGoButton:active, .searchboxSearchButton:active {
  background: #A82E2E;
}


#toc h2 {font-weight:400;font-size: 20px !important;}

.personimgs img {
height:200px;
width:auto;
padding:6px;
border: 1px solid #999;
margin:0 10px 10px 0;
float:left;
}

.searchmatch {
font-weight:normal;
background:yellow;
}

.collection-creatorbox {
	padding: 10px 15px 15px 15px;
}
#collectionpopup {background-color: white;padding:5px 10px;}


form.searchbox input.searchboxInput {
    padding: 4px;
    font-size: 13px;
}

table.multipageimage tr td {display:block;}

.multipageimage .fullImageLink img {
	width: 100%;
	height: auto;
}

.multipageimagenavbox .thumb.tnone {
	float:left;
	margin-top: 10px;
	margin-right: 10px;
}

.multipageimagenavbox select#pageselector {
	margin-right: 5px;
	margin-top: 3px;
}


/* Columns styling */

@media screen and (min-width: 1800px) {
	.columns {
		-ms-column-count: 4;
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
		-ms-column-gap: 10px;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	}
	.lg-cols {
		-ms-column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
		-ms-column-gap: 10px;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	}
}

@media screen and (min-width: 1300px) and (max-width: 1799px) {
	.columns {
		-ms-column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
		-ms-column-gap: 10px;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	}
	.lg-cols {
		-ms-column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-ms-column-gap: 10px;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1299px) {
	.columns {
		-ms-column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-ms-column-gap: 10px;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	}
	.lg-cols {
		-ms-column-count: none;
		-moz-column-count: none;
		-webkit-column-count: none;
		column-count: none;
	}
}

@media screen and (max-width: 999px) {
	.columns {
		-ms-column-count: none;
		-moz-column-count: none;
		-webkit-column-count: none;
		column-count: none;
	}
	.lg-cols {
		-ms-column-count: none;
		-moz-column-count: none;
		-webkit-column-count: none;
		column-count: none;
	}
}


/* End of Columns styling */


.volume-button {
	display: inline-block;
	margin: 4px 7px 7px 0;
}

.volume-button a {
	text-decoration: none;
	padding: 4px 7px;
	border: 1px solid lightgrey;
	border-radius: 3px;
}

.volume-button a:hover {
	background: lightgrey;
}

.volume-button a:active {
	background: #dbf6ff;
}

#wpTextbox1 {font-size: medium;}


.headerInfo {
	font-family: 'Lato', sans-serif;
	font-weight: 100;
}

.headerInfo th {
	font-weight: 100;
    	font-size: medium; 
	font-style: italic; 
	text-align: right; 
	padding-right: 10px;
}

.personpageheadings {
	width: 100%;
	border-bottom:1px solid #ddd;
	font-weight: 100;
	margin-top: 10px;
	margin-bottom: 5px;
}


.gyatsa-table th {
	text-align: right !important;
	font-weight: 300 !important;
	font-size: small;
}


.person-img img {
	height: 250px;
	width: auto;
}

#tsadratron {
	margin: 10px -24px;
	border-top: 1px solid #4A5C76;
	border-bottom: 1px solid #4A5C76;
	padding: 30px;
	background: linear-gradient(#113651, #3D506A, #607088, #CDCED2);
	font-size: xx-large;
	font-weight: 300;
	font-family: 'EB Garamond', serif;
	text-align: center;
}

#tsadratron .logo img {
	position: absolute;
	top: 7px;
	left: 10px;
	opacity: .6;
}

.tsadratron-welcome {
	display: block;
	margin-top: 20px;
	color: #D3D7C4;
	font-size: 28px;
	font-variant: small-caps;
}

.slides {
	text-align: center;
	font-size: large;
	color: #000;
	font-family: sans-serif;
}

.slide-carousel {
	background: rgba(242, 245, 247, 0.6);
	padding-top: 1em !important;
	margin: 2em .5em !important;
	border: 1px solid gray;
	border-radius: 3px
}

.light-links, .light-links a {color: #fff;}

.light-links a:hover {color: #ddd;}

.light-links a:visited {color: #eee;}

.page-Main_Page #content h2,
.page-Main_Page #content h3,
.page-Main_Page #content h4,
.page-Main_Page #content h5,
.page-Main_Page #content h6,
.lora-headings {font-family: 'EB Garamond', serif;}

.page-Main_Page #firstHeading,
.page-Main_Page #sbl-breadcrumbs {display: none;}

.header-banner {
	text-align:center;
	margin: 0 -24px;
}

.header-banner img {
	border:1px solid #333;
	max-width: 1400px;
	height: auto;
}

.page-Main_Page ul.gallery.mw-gallery-slideshow {display: inline-block;}

.page-Main_Page .mw-gallery-slideshow-img-container img {height: 250px; width: auto;}


.gallerycaption {font-weight: 300 !important;}

.header-info {
	font-size: xx-large;
	border-radius: 4px;
	background-color: #CDCED2;
	background-image: url('images/a/a9/Pecha1-opaque.jpg');
	background-position: center;
	background-size: cover;
}

.header-gradient {
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(236, 221, 189, 0.6), rgba(236, 221, 189, 0.4), rgba(236, 221, 189, 0));
}

.mandala-gallery {
	margin: 15px 0;
	text-align: center;
}

.mandala-gallery img {
	height: 180px;
	width: auto;
	margin: 5px;
}


#terdzo-sections {
	position: relative;
	overflow: auto;
	background: rgba(242, 245, 247, 0.6);
	margin: 2em auto;
	border: 1px solid gray;
	border-radius: 3px;
	font-size: large;
	font-family: sans-serif;
	text-align: left;
	width: 770px;
}

#terdzo-sections p {margin: 0;}

.sections-links {
	width: 370px;
	float: left;
}

.section-triggers {
	display: block;
	padding: 7px 12px;
	color: #000;
	text-decoration: none;
	z-index: 999;
}

.section-triggers:hover {
	background: linear-gradient(to right, #7f8a9e, #7f8a9e, rgba(169, 177, 189, 0));
	cursor: pointer;
}

#sections-slideins {
	width: 450px;
	float: left;
	height: 252px;
	margin-left: -50px;
	animation-duration: .5s;
	z-index: -999;
}

.bios-back {
	background-color: #acb5c1;
	background-image: url('images/5/55/Bios_back.png');
	background-size: cover;
	background-position: center;
}

.indexes-back {
	background-image: url('images/2/2d/Indexes_back.png');
	background-size: cover;
	background-position: center;
}

.maha-back {
	background-image: url('images/3/37/Maha_back.png');
	background-size: cover;
	background-position: center;
}

.anu-back {
	background-image: url('images/8/82/Anu_back.png');
	background-size: cover;
	background-position: center;
}

.ati-back {
	background-image: url('images/b/b0/Ati_back.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.sup-back {
	background-image: url('images/8/8a/Sup_back.png');
	background-size: cover;
	background-position: center;
}

#terdzo-sections .logo-back img {
	position: absolute;	
	right: 5%;
	top: 1%;
	width: auto;
	height: 98%;
	opacity: .2;
}
Retrieved from "https://rtz.tsadra.org/index.php?title=MediaWiki:Common.css&oldid=97915"
Rinchen Terdzö
The Great Treasury of Rediscovered Teachings
Searchable 72 volumes of the Rinchen Terdzö Chenmo, a collection Terma of the Nyingma School of Tibetan Buddhism first gathered together by Jamgön Kongtrul the Great ('jam mgon kong sprul, 1813-1899).
Join the Tsadra Foundation mailing list:

Tsadra Foundation
Translation & Transmission Conference
DharmaCloud Tibetan eBooks
Buddha-Nature
Rinchen Terdzö Chenmo
Damngak Rinpoche Dzö
Khyentse Lineage
Dharma Dictionary

About us
Privacy policy
General disclaimer
Site guide

Project Description
This website is a searchable catalog of all texts in the Rinchen Terdzö Chenmo, a collection of Rediscovered Treasures (gter ma) of the Nyingma School of Tibetan Buddhism first gathered together by Jamgön Kongtrul the Great ('jam mgon kong sprul, 1813-1899) and includes full unicode Tibetan texts with metadata, as well PDF files of each of the texts as they appear in the Shechen Edition, as well as illustrations, mandalas, and tsakli. Please see the About Page and the Archivist's Introduction and the short essay on the Contents and Structure of the Rinchen Terdzö Chenmo for more details.
About us ...
© Tsadra Foundation. Please feel free to use this website and its content in accordance with fair use policies for teaching, scholarship, education, and research.
See General disclaimer for more information.