MediaWiki:Common.css: Difference between revisions

Revision as of 07:27, 7 November 2023

/* 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 */

.greentext {                          /* Usage: <span class="greentext">vaniquotes.org</span> */
    color: #296F39;                   /* #296F39=green */
}
.cat_heading {
    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;
}

/* -------------------- 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;
}
.quotelink {                          /* Usage: <span class="quotelink">vaniquotes.org</span> for quote boxes */
    font-size: 1em;
    font-weight: bold;
    color: #296F39;                   /* #296F39=green */
}
.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 RESEARCH TERMS RELATED CLASSES -------------------- */
.hlterm {
    background-color: yellow;
    border: 1px Solid #EE9977;
    padding: 1px 2px 1px 2px;
    margin: -1px;
}
/* -------------------- END RESEARCH TERMS RELATED CLASSES -------------------- */

/* -------------------- BEGIN OLD COMPILE FORM -------------------- */
.quote .trans {
    font-weight: bold;
}
.quote .heading {
    font-weight: bold;
    color: #296F39; 
}
.link {                           /* Bolds the main Vanisource page link */
    font-weight: bold;
}

/* .quote > .link > a {              /* Bolds the Vanisource links within the quote */
    font-weight: bold;
} */

.quote > .text a {                /* Bolds the verse links */
    font-weight: bold;
}
/* -------------------- END OLD COMPILE FORM -------------------- */

/* The following .verse does not work properly because it places two spaces before and after the verse */
.verse {                         /* Usage: <div class="verse" Used throughout Vanisource> */
    white-space: pre-wrap;       /* 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;          /* margin-left:1.5em; = a : colon. Or use: text-align: center;*/
    color: #000000;              /* Font color #0000 = black */
}

.noautonum .tocnumber {
    display: none;
}

/* 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;
}
/* Remove white border from thumbnails */
div.thumb {
    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;
}

.factbox {
    margin-top: 1rem;
}
.statstable {
    background-color: #FFF;
    border: 1px solid #333;
    width: auto;
    margin-inline-end: auto;
}
.statstable td {
    background: #F5F5F5;
    padding: 0 0.3em;
}
.statstable .st-alt {
    background: #DDD;
}
.statstable .factName {
    white-space: nowrap;
}
.MainHeader h4 {
    margin: 0!important;
    padding: 0.2em 0.4em;
}
#chap-nav {
    float: left
}
#verse-nav {
    float: right;
}
#prev-link {
    float: left;
    min-height: 22px;
    padding: 0 0 0 25px;
    background: url(/wiki/images/9/92/Go-previous.png) no-repeat left
}
#next-link {
    float: left;
    min-height: 22px;
    padding: 0 25px;
    background: url(/wiki/images/5/5d/Go-next.png) no-repeat right
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .highlight_terms  {
    border: 1px solid #fcd113;
    background: #fffbdf url(images/ui-bg_highlight-hard_25_fffbdf_1x100.png) 50% top repeat-x;
    color: #915608;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #915608;
}

/* New stuff, sort out later  */

body.page-Main_Page h2, body.page-Talk_Main_Page h2 {
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.3em; margin:1em 0;
    color: #B5BD64;
    font-family: georgia;
    font-weight: bold;
    text-align: center;
}
#mainbanner {
    text-align: center;
    background: #746f4e; 
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.3em;
    color: #FFF3E4; 
    font-family: georgia;
    font-size: 150%;
    font-style: italic;
}
#mainlinks {
    text-align: center;
    margin-bottom: 0.5em
}
#mainlinks a {
    color: #B5BD64
}
#mainfeature h2, #maincontent h2, #mainexplanation h2, #mainprabhupada h2, #mainhelp h2, #mainresources h2 {
    background: #f9f9f9;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #B5BD64;
    font-family: georgia;
    font-weight: bold;
    text-align: center;
    padding: 0.3em;
    margin: 1em 0;
}
#mainmantra {
    text-align:center;
    margin-top: 1.5em;
    color: #B5BD64;
}
.maincenter {
    text-align: center;
    max-width: 65em;
    margin: 0px auto;
    padding-bottom: 1em;
}
.mainleft {
    text-align: left;
    max-width: 65em;
    margin: 0px auto;
    padding-bottom: 1em;
}
.mainjustify {
    text-align: justify;
    max-width: 65em;
    margin: 0px auto;
    padding-bottom: 1em;
}
body {
    background:#fde9ce;
    font-family: tahoma;
}
#headertabs {
    background: inherit;
}
#headertabs ul li.ui-state-active {
  background: #fde9ce;
}
#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;
}
.tagcloud {
    width: 98%;
    text-align: center;
    background-color: #FDFDFD;
    border: 1px solid #EEEEEE;
    padding: 15px 10px 15px 10px;
}
.tagcloud a {
    color: #0052CB;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
}

.center {
    text-align: center;
}

/* -------------------- BEGIN COMPILER STATISTICS -------------------- */
/* CompilerStatistics Special Page */
#compiler_stats_table table tr td { padding: 2px 4px; text-align: center;  background: #B6DEB6; width: 45em; }
#compiler_stats_table .year_head th { background-color: #99653A; color: #EBCCB3; text-align: right; }
#compiler_stats_table .year_totals_head th { background-color: #327B7B; font-weight: bold; color: #ffffff; }
#compiler_stats_table .year_totals_users td { background-color: #8FBC8F; font-weight: bold; }
#compiler_stats_table .year_totals td { background-color: #748D74; font-weight: bold; color: #C0DEC0; }
#compiler_stats_table .quarter_table { margin: 10px; }
#compiler_stats_table .quarter_head th { background-color: #A64444; font-weight: bold; color: #ffffff; }
#compiler_stats_table .quarter_totals_head th { background-color: #327B7B; font-weight: bold; color: #ffffff; }
#compiler_stats_table .quarter_totals_users td { background-color: #8FBC8F; font-weight: bold; }
#compiler_stats_table .quarter_totals td { background-color: #748D74; font-weight: bold; color: #C0DEC0; }
#compiler_stats_table .month { background-color: #C0DEC0; }
#compiler_stats_table .month_head th { background-color: #235C5C; color: #EBCCB3; }
#compiler_stats_table .users td { background-color: #8FBC8F; font-weight: bold; }
#compiler_stats_table .month tr > td.day_total { font-weight: bold; }
#compiler_stats_table .month_totals td { background-color: #748D74; font-weight: bold; color: #C0DEC0; }
#compiler_stats_table .navigator { font-weight: bold; }
#compiler_stats_table .navigator .prev .p_img { background: transparent url(/w/images/Go-previous.png) no-repeat scroll left center; }
#compiler_stats_table .navigator .next .n_img { background: transparent url(/w/images/Go-next.png) no-repeat scroll left center; }
#browsing_table, #browsing_table ul { list-style-image: none; }
 
/* SpecialCompleteCompilations */
#completecompilation_table { border: 2px solid; padding: 5px; width: 100%; background-color: #F3E8FE; }
#completecompilation_table .completecompilation_head th { background-color: #18062C; color: #EBCCB3; text-align: center; padding: 10px; }
#completecompilation_table tr > th.sorted_asc { background: #703FA6 url(images/view_sort_ascending.png) no-repeat right 5%; }
#completecompilation_table tr > th.sorted_desc { background: #703FA6 url(images/view_sort_descending.png) no-repeat right 5%; }
#completecompilation_table tr.completecompilation_head th, #completecompilation_table .completecompilation_head th:visited { background-color: #18062C; color: #EBCCB3; text-align: center; padding: 10px; }                                                                                
table#completecompilation_table tr.completecompilation_head th a, #completecompilation_table .completecompilation_head th a:visited { color: #EBCCB3; }
#completecompilation_table tr td { background-color: #DFC2FF; text-align: center; padding: 2px 10px; text-align: center; }
#completecompilation_table .completecompilation_row .page_name { text-align: right; }
#completecompilation_table .completecompilation_row .editor img.spinner { display: none; }
#completecompilation_table .completecompilation_row .yes_editor > * { display: inline; }
#completecompilation_table .completecompilation_row .no_editor { cursor: pointer; }
#completecompilation_table .completecompilation_row .remove_editor { cursor: pointer; }
div.completecompilation_navigator  { clear: both; padding: 5px; text-align: right; }
div#completecompilation_totals { background: #EBCCB3; color: #18062C; width: 10%; padding: 10px; font-weight: bold; }

/* SpecialCompilerGoals */
table.compilergoals_table { border: 2px solid; padding: 5px; width: 30%; background-color: #F3E8FE; float: left; }
table.compilergoals_table tr.compilergoals_head th, .compilergoals_table .compilergoals_head th:visited { background-color: #18062C; color: #EBCCB3; text-align: center; padding: 10px; }
table.compilergoals_table tr.compilergoals_head th a, .compilergoals_table .compilergoals_head th a:visited { color: #EBCCB3; }
table.compilergoals_table tr > th.sorted_asc { background: #703FA6 url(images/view_sort_ascending.png) no-repeat right 5%; }
table.compilergoals_table tr > th.sorted_desc { background: #703FA6 url(images/view_sort_descending.png) no-repeat right 5%; }
table.compilergoals_table tr > td { background-color: #DFC2FF; text-align: center; padding: 2px 10px; text-align: center; }
table.compilergoals_table tr > td.compiler.has_compiler > a.no_compiler { display: none; }
table.compilergoals_table tr > td.compiler.has_compiler > a.yes_compiler { display: block; }
table.compilergoals_table tr > td.compiler.has_no_compiler > a.no_compiler { display: block; }
table.compilergoals_table tr > td.compiler > a.no_compiler, table.compilergoals_table tr td.compiler img.remove_compiler  { cursor: pointer; color: red; }
table.compilergoals_table tr > td.compiler > img.spinner,  table.compilergoals_table tr td.compiler img.remove_compiler { display: none; }
table.compilergoals_table tr > td.compiler.is_compiler > div.yes_compiler > img.remove_compiler, table.compilergoals_table tr > td.compiler.has_compiler.is_admin > div.yes_compiler > img.remove_compiler { display: inline; }
div.compilergoals_navigator  { clear: both; padding: 5px; text-align: right; }
span#compilergoals_message { display: none; background-color: #703FA6; color: #FFFFFF; border: 2px solid red; padding: 2px 6px; position: relative; left: 35%; }
/* -------------------- END COMPILER STATISTICS -------------------- */

/* ---- CATEGORY TREE VIEW CLASSES ---- */
/* BEGIN */
.CategoryTreeItem > span:nth-of-type(2) {
    font-size: smaller;
    font-weight: bold;
}
/* END */

/* </nowiki></pre> */

.youtube_right .embedvideo
{
    padding: 10px;
}

.youtube_right .thumbcaption
{
    width: 330px;
}