Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 389: | Line 389: | ||
padding-left: 0.5em; | padding-left: 0.5em; | ||
padding-right: 0; | padding-right: 0; | ||
} | |||
.rtltoc.he h2::before { | |||
content: "תוכן עניינים"; | |||
} | |||
.rtltoc.he h2 { | |||
display: none; | |||
} | } | ||
Revision as of 12:47, 3 October 2020
/* CSS placed here will be applied to all skins */
/* Use IDs (#) when there is only one concurrence per page */
/* Use classes (.) when there are one or more occurrences per page */
/* Useful parameters... margin-bottom:0.5em */
.noautonum .tocnumber {
display: none;
}
.daytable { /* Usage: {| class="daytable" */
text-align: left;
}
.vanitable { /* Usage: {| class="vanitable" */
border: 0.1em solid #BFBFBF; /* #BFBFBF=light grey border */
border-collapse: collapse;
padding: 0.25em; /* 0.25em=4px cellpadding */
background-color: #F2F2F2; /* #F2F2F2=pale grey background */
text-align: left; /* left, center, right */
vertical-align: middle; /* top, bottom, or middle */
}
.timelineh2 { /* (Used on the timeline pages) Usage: <div class="timelineh2" */
text-align: center;
border: 1px solid #ddcef2;
background: #F2F2F2; /* was #faf5ff; */
padding: 0.2em 0.4em;
margin: auto
}
.timelineh3 { /* Usage: <div class="timelineh3" */
text-align: center;
border-top: 1px solid #ddcef2;
border-bottom: 1px solid #ddcef2;
background: #FFFFFF;
padding: 0.2em 0.4em;
margin: auto
}
.timelinesummary { /* Usage: <div class="timelinesummary" */
border: thin solid #ddcef2;
border-radius: 1em;
box-shadow: 0.5em 0.5em 0.5em #888888;
background: #FFFFCC;
min-width: 77em;
margin: 1em auto 3em auto;
padding: 1em;
text-align: center;
}
.timelinelinks { /* Usage: <div class="timelinelinks"> for Timelinenav template */
text-align: center;
font-size: 132%;
font-weight: bold;
}
.timelinelinks a { /* Usage: for Timelinenav template, link text color */
color: #B5BD64; /* #B5BD64 (light mustard) */
}
.greentext { /* Usage: <span class="greentext">vaniquotes.org</span> */
color: #296F39; /* #296F39=green */
}
.quotelink { /* Usage: <span class="quotelink">vaniquotes.org</span> for quote boxes */
font-size: 1em;
font-weight: bold;
color: #296F39; /* #296F39=green */
}
.nectardroptext { /* Usage: <span class="nectardroptext">"Text"</span> for Nectar Drop boxes */
font-size: 1em;
font-weight: bold;
color: #296F39; /* #296F39=green */
}
.firstchar { /* Usage: <span class="firstchar">A</span> */
float: left;
width: 0.7em;
font-size: 375%;
font-family: algerian, courier;
line-height: 80%;
}
.daystext { /* Usage: <span class="daystext">Text Here</span> */
color: #296F39; /* #296F39 = Green used for Video info on the Day in the life pages */
}
.daystextb { /* Usage: <span class="daystextb">Text Here</span> */
color: #296F39; /* #296F39 = Green used for Video info on the Day in the life pages */
font-weight: bold;
}
.MITL_page_nav { /* Usage: <div class="MITL_page_nav" */
text-align: left;
border: 1px solid #BFBFBF;
background: #FFF2E6;
padding: 0.2em 0.4em;
margin: auto
}
/* ----------------- Book styles (BG is done) ----------------- */
.devanagari { /* Usage: <div class="devanagari"> */
color: #000000; /* Font color #0000 = black */
font-weight: bold;
}
@font-face {
font-family: interDiac;
src: url(/css/GauraTimes.ttf); /* Vedabase font */
}
.verse { /* Usage: <div class="verse"> */
color: #000000; /* Font color #0000 = black */
font-style: italic;
}
.verse.inter_diac { /* Usage: <div class="verse inter_diac"> */
font-family: interDiac; /* International diacritics */
font-size: 1.32em;
}
.synonyms { /* Usage: <div class="synonyms"> */
color: #000000;
}
.synonyms.inter_diac { /* Usage: <div class="synonyms inter_diac"> */
font-family: interDiac; /* International diacritics */
font-size: 1.1em;
}
.translation { /* Usage: <div class="translation"> */
color: #000000; /* #296F39 = green */
font-weight: bold;
}
.translation.inter_diac { /* Usage: <div class="translation inter_diac"> */
font-family: interDiac; /* International diacritics */
font-size: 1.1em;
}
.purport { /* Usage: <div class="purport"> */
color: #000000;
}
.purport.inter_diac { /* Usage: <div class="purport inter_diac"> */
font-family: interDiac; /* International diacritics */
font-size: 1.1em;
}
.text { /* Usage: <div class="text"> */
color: #000000; /* Font color #0000 = black */
}
.text.inter_diac { /* Usage: <div class="text inter_diac"> */
font-family: interDiac; /* International diacritics */
font-size: 1.1em;
}
.SB65verse { /* 1962-65 SB */
white-space: pre-line; /* CSS 3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
text-align: center; /* Center or margin-left:1.5em; = a : colon. Only if not using text-align: center;*/
color: #000000; /* Font color #0000 = black */
}
/* ----------------- End book styles (BG is done) ----------------- */
/* --- Begin OLD book styles SB, CC (These #IDs should be replaced with .classes as above) --- */
#verse {
white-space: pre;
}
#text { /* Used for verses and was: font-style: italic; */
}
#synonyms { /* Usage: <div id="synonyms"> */
}
#translation { /* Usage: <div id="translation"> */
color: #000000;
font-weight: bold;
}
#purport { /* Usage: <div id="purport"> */
}
/* ----------------- End old books styles BG, SB, CC ----------------- */
/* -------------------- BEGIN NEW COMPILE FORM -------------------- */
.quote {
margin: 1.5em 0em; /* Places 20px space between quotes on multi-quote pages */
font-family: tahoma;
}
.quote_heading {
font-weight: bold;
color: #296F39;
}
.quote_translation {
font-weight: bold;
color: #000000;
}
.quote_link { /* Vanisource link */
font-weight: bold;
}
.quote_text {
color: #000000;
}
.quote_verse { /* To center use: text-align: center; */
color: #000000;
}
.quote_text a { /* Makes the Vanisource verse links bold */
font-weight: bold;
}
/* -------------------- END NEW COMPILE FORM -------------------- */
/* -------------------- BEGIN MAIN PAGE CODING -------------------- */
.MainHeader h4 {
margin:0!important;
padding:0.2em 0.4em;
}
#mainbanner {
text-align:center;
background:#f0f0f0;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:0.3em;
color:#B5BD64;
font-family:georgia;
font-size:150%;
font-style:italic;
}
#mainlinks {
text-align:center;
font-weight:bold;
font-size: 110%;
margin-bottom:0.5em
}
#mainlinks a {
color:#B5BD64
}
#mainmantra {
text-align:center;
margin-top:1.5em;
color:#B5BD64;
}
.maincenter {
text-align:center;
max-width:65em;
margin:0px auto;
padding-bottom:1em;
}
/* Don't display some stuff on the main page */
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.page-Main_Page #siteSub,
body.page-Main_Page h1.firstHeading {
display: none !important;
}
/* -------------------- END MAIN PAGE CODING -------------------- */
/* -------------------- BEGIN CODING TO IDENTIFY AND SORT OUT -------------------- */
body {
background-image:none;
font-family:tahoma;
}
div.thumb { /* Remove white border from thumbnails */
border: none;
}
div.tright {
border: none;
margin: 0.5em 0 0.8em 1.4em;
}
div.tleft {
border: none;
margin: 0.5em 1.4em 0.8em 0;
}
#lastmod {
display:none
}
li#ca-unify {
margin-left:1.6em;
}
#google-search input {
font-size:95%;
width:10.9em;
}
#searchform {
padding-bottom:0.5em
}
#p-logo a, #p-logo a:hover {
height:190px;
}
#column-one {
padding-top:190px;
}
#p-navigation {
padding-top:30px;
}
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: Window;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/* if width will be 100% horizontal scrollbar will appear when scroll mode will be used */
/* width: 100%; */
font: menu;
font-size: 12px;
/* it is very important, if line-height not set or set in relative units scroll will be broken in firefox */
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: Window url('indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: aquamarine;
color: HighlightText;
}
.ac_moreItems {
text-align: center;
background-color: InactiveCaption;
color: InactiveCaptionText;
margin: 0px;
padding: 0px 5px;
cursor: default;
display: block;
width: 100%;
font: bold menu 12px;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
}
/* -------------------- BEGIN MAIN PAGE TEST -------------------- */
body.page-Main_Page_test h1 {
background:#f0f0f0; /* was background:#faf5ff; */
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:0.3em;
margin:1em 0;
color:#B5BD64; /* font color */
font-family:georgia;
font-weight:bold;
font-size: 140%;
text-align:center;
}
body.page-Main_Page_test h2 {
background:#f0f0f0;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:0.3em;
margin:1em 0;
color:#000000;
font-family:georgia;
font-weight:bold;
font-size: 110%;
text-align:center;
}
#mainh2links a {
color:#B5BD64
}
/* -------------------- END MAIN PAGE TEST -------------------- */
/* --------------- DONATION PAGE - http://vanipedia.org/wiki/Special:IframePage/Donation --------------------*/
#iframeframe {
height: 800px;
}
/* -------------------- END CODING TO IDENTIFY AND SORT OUT -------------------- */
/* Put spacing between the YouTube video player and text that flows around it */
/* left-to-right languages */
.youtube_right .embedvideo
{
padding: 10px;
}
/* right-to-left languages */
.youtube_left .embedvideo
{
padding: 10px;
}
.rtltoc ul
{
text-align: right !important;
direction: rtl;
}
.rtltoc .tocnumber {
padding-left: 0.5em;
padding-right: 0;
}
.rtltoc.he h2::before {
content: "תוכן עניינים";
}
.rtltoc.he h2 {
display: none;
}