MediaWiki:Common.css

From Rinchen Terdzö
Revision as of 23:07, 14 October 2017 by Jeremi (talk | contribs) ((by SublimeText.Mediawiker))

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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;
	padding: 30px;
	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;
}

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

.slide-carousel {
	display: inline-block !important;
	background-image: linear-gradient(#f7e6ba,rgb(190, 194, 200)),url(/images/7/76/28-faded-parchment-background-sml.png);
	background-blend-mode: soft-light;
	background-position: center;
	background-size: cover;
	padding-top: 18px !important;
	margin: 2em .5em 7px !important;
	border: 1px solid gray;
	border-radius: 3px
}

.slide-links {
	text-align: center;
} 

.slide-links a {
	display: inline-block;
	width: 309px;
	margin: auto;
	border: 1px solid gray;
	border-radius: 3px;
	background-image: linear-gradient(#f7e6ba,rgb(190, 194, 200)),url(/images/7/76/28-faded-parchment-background-sml.png);
	background-blend-mode: soft-light;
	background-position: center;
	background-size: cover;
	padding: 7px;
	text-align: center;
	font-size: 16px;
	color: #123750;
	text-decoration: none;
	transition-duration: .3s;
}

.slide-links a:hover {
	opacity: .7;
}

.slide-links a:active {
	opacity: 1;
}


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

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

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

.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;
}

.slide-carousel ul.gallery.mw-gallery-slideshow {margin: 0;}

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


.gallerycaption {
	font-weight: 300 !important;
	font-variant: small-caps;
	color: #123750;
}

/*
.volume-gallery li.gallerybox,*/
.volume-gallery li.gallerybox div,
.volume-gallery li.gallerybox img {
	width: 300px !important;
	height: auto;
}


.volume-gallery li.gallerybox {
	width: 307px !important;
	margin: 7px 7px 14px;
	padding: 7px;
	background: #f2f2f2;
	box-shadow: 1px 1px 4px 2px #656565;
}

.header-info {
	position: relative;
	font-size: 40px;
	line-height: 60px;
	border-radius: 4px;
    background-image: linear-gradient(#d4d7d5,rgba(234,220,191,1)),url(/images/6/6c/Pecha1-reduced.png);
    background-blend-mode: hard-light;
	background-position: center;
	background-size: cover;
	margin-bottom: 2em;
	padding-bottom: 1px;
}

.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-image: linear-gradient(#f7e6ba,rgb(190, 194, 200)),url(/images/7/76/28-faded-parchment-background-sml.png);
	background-blend-mode: soft-light;
	background-position: center;
	background-size: cover;
	margin: 2em auto;
	border: 3px solid #ffe8be;
	font-size: large;
	text-align: left;
	width: 770px;
}

#terdzo-sections p {margin: 0;}

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

.section-triggers {
	display: block;
	padding: 7px 12px 7px 30px;
	color: #123750;
	text-decoration: none;
}

.section-triggers:hover {
	background: linear-gradient(to right, rgba(144, 157, 179, 0.65), rgba(169, 177, 189, 0));
	cursor: pointer;
}

#sections-slideins {
	position: relative;
	width: 550px;
	float: left;
	height: 324px;
	margin-left: -150px;
}

#bios-back, 
#indexes-back, 
#maha-back, 
#anu-back, 
#ati-back, 
#sup-back,
#out-back {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -999;
	animation-duration: .5s;
}

#bios-back {
	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-size: cover;
	background-position: center;
}

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

#out-back {
	background-image: url('images/4/4a/Out_back.png');
	background-size: cover;
	background-position: center;
}

#terdzo-sections .logo-back img {
	position: absolute;	
	right: 5%;
	top: 1%;
	width: auto;
	height: 98%;
	opacity: .1;
}

.hide {display: none;}

.texts-list {
	background: linear-gradient(#d4d7d5, rgba(234, 220, 191, 1));
	padding: 1em 1.2em 2em;
	margin: .5em;
	border: 10px solid linear-gradient(#113651, #3D506A, #607088, #CDCED2);
	border-radius: 3px;
	font-size: 16px;
	text-align: left;
	overflow: auto;
}

.gyatsa-list-container {
	margin: 30px 15px;
	text-align: justify;
	box-shadow: 2px 2px 7px 2px #a9a9a9;
	background: #eee;
	border: 1px solid #777;
}

.gyatsa-bio-header {
	overflow: auto;
	padding: 5px 3px;
}

.gyatsa-bio-header img {
	float: left;
	height: 220px;
	width: auto;
	margin-right: 10px;
	border: 1px solid #aaa;
	box-shadow: 1px 1px 7px 1px #aaa;
}

.page-Biographies #firstHeading,
.page-Indexes_and_Lineage_Histories #firstHeading,
.page-Mahayoga #firstHeading,
.page-Anuyoga #firstHeading,
.page-Atiyoga #firstHeading,
.page-Supplementary_Volumes #firstHeading,
.page-RTZ_Outline #firstHeading,
.page-Special_RunQuery_Search #firstHeading {display:none;}

.tab-headers {
	display: inline-block;
	float: left;
	width: 31.25%;
	padding: 1%;
	text-align: center;
	font-size: larger;
}

#tibetan-tab-header {
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}

.inactive-header {
	background: linear-gradient(#ccc, #eee);
	color: #333;
}

.inactive-header:hover {
	cursor: pointer;
}

#info-text {padding: 25px;}

#tibetan-text {padding: 25px; display: none; font-size: larger;}

#wylie-text {padding: 25px; display: none;}

.section-page-heading {
	margin-top: 25px;
	padding-left: 1.6em;
	padding-bottom: 10px;
	font-size: 20px;
	font-variant: small-caps;
}

.subcat-container {
	background: linear-gradient(#113651, #3D506A, #607088, #CDCED2);
	padding: 4% 7%;
	margin: 0 -24px -24px;
	font-family: 'EB Garamond', serif; 
}

.subcat-description {
	max-width: 900px;
	margin: 25px auto;
	border-top: 1px solid #123751;
	border-bottom: 1px solid #123751;
	padding: 20px;
	font-size: 18px;
}

.preface {
	margin: 0 auto;
	padding: 20px;
	font-size: 18px;
}

.collapsible-text-list {
	font-size: 20px;
	padding-left: 10px;
}

.subcat-container ul {margin-left: 2em;}

.collapse-toggle {
	cursor: pointer;
	transition-duration: .3s;
	font-size: 14px !important;
	vertical-align: baseline;
	border: 1.5px solid #000;
	padding: 3px 4px;
	border-radius: 50%;
	opacity: .6;
	margin-bottom: 10px;
}

#collapsible-content {
	display: none;
	transition: display .3s;
	margin: 10px -19px 15px;/*
	padding: 10px 20px;
	background-color: rgb(238, 238, 238);
	border-top: 1px solid #123751;*/
	font-family: sans-serif;
	font-size: medium;
	font-weight: 300;
}

.rotated {
	transform: rotate(45deg);
}


.outline ol {
	margin-left: 1.5em;
}

.page-Main_Page .mw-body,
.page-Special_RunQuery_Search .mw-body {
	background: linear-gradient(#113651, #3D506A, #607088, #CDCED2);
}

.page-Main_Page #catlinks {display: none;}

.searchresults {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: large;
}

.searchresults .colo-style {margin: 0 0 20px 85px;}

.searchresults .colo-style p {margin: 0;}

.searchresults .mw-editsection {display: none;}

.searchresults .results-title {
	font-weight: 300 !important;
	font-family: 'Lato', sans-serif;
	font-size: x-large;
	text-align: center;
}

.texts-list > ol > li > #collapsible-content {margin-left: -85px;}
.texts-list > ol > ol > li > #collapsible-content {margin-left: -109px;}
.texts-list > ol > ol > ol > li > #collapsible-content {margin-left: -133px;}
.texts-list > ol > ol > ol > ol > li > #collapsible-content {margin-left: -157px;}
.texts-list > ol > ol > ol > ol > ol > li > #collapsible-content {margin-left: -181px;}
.texts-list > ol > ol > ol > ol > ol > ol > li > #collapsible-content {margin-left: -205px;}
.texts-list > ol > ol > ol > ol > ol > ol > ol > li > #collapsible-content {margin-left: -229px;}
.texts-list > ol > ol > ol > ol > ol > ol > ol > ol > li > #collapsible-content {margin-left: -253px;}
.texts-list > ol > ol > ol > ol > ol > ol > ol > ol > ol > li > #collapsible-content {margin-left: -277px;}
.texts-list > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li > #collapsible-content {margin-left: -301px;}
.texts-list > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > ol > li > #collapsible-content {margin-left: -325px;}

.rtz-search {
	font-size: large;
	text-align: center;
	padding: ;
}

.rtz-search th {text-align: right; }

.rtz-search td {text-align: left;}

.rtz-search table.search-form {margin: 0 auto;}

.rtz-search-results {padding: 20px 40px;}
Retrieved from "https://rtz.tsadra.org/index.php?title=MediaWiki:Common.css&oldid=98997"
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.