Difference between revisions of "MediaWiki:Common.css"
From Vanictionary
								
												
				|  (Created page with "/* CSS placed here will be applied to all skins */  /* <pre><nowiki> */   →Don't display some stuff on the main page:  body.page-Main_Page #t-cite, body.page-Main_Page #las...") | |||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| /* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | |||
| /* <pre><nowiki> */ | /* <pre><nowiki> */ | ||
| + | |||
| + | .noautonum .tocnumber { | ||
| + |  display: none;  | ||
| + | } | ||
| + | .quotelink {                          /* Usage: <span class="quotelink">vaniquotes.org</span> for quote boxes */ | ||
| + |     font-size: 1em; | ||
| + |     font-weight: bold; | ||
| + |     color: #296F39;                   /* #296F39=green */ | ||
| + | } | ||
| + | |||
| + | #daystext {                /* Usage example: <div id="daystext"> Text Here </div> or <span id="daystext"> Text Here </span> */ | ||
| + |     color:#296F39;         /* #296F39 = Green used for Video info on the Day in the life pages */ | ||
| + |     text-align:left; | ||
| + | } | ||
| + | |||
| + | #daystextb { | ||
| + |     color:#296F39;         /* #296F39 = Green used for Video info on the Day in the life pages */ | ||
| + |     font-weight:bold;  | ||
| + |     text-align:left; | ||
| + | } | ||
| + | |||
| + | #monthtextb { | ||
| + |     color:#296F39;         /* #296F39 = Green used in small calendar navigation */ | ||
| + |     font-weight:bold;  | ||
| + |     text-align:center; | ||
| + | } | ||
| + | |||
| + | #firstchar {                            /* Usage: <span id="firstchar">A</span> */ | ||
| + |     float: left; | ||
| + |     width: 0.7em; | ||
| + |     font-size: 375%; | ||
| + |     font-family: algerian, courier; | ||
| + |     line-height: 80%; | ||
| + | } | ||
| /* Don't display some stuff on the main page */ | /* Don't display some stuff on the main page */ | ||
| Line 10: | Line 43: | ||
|      display: none !important; |      display: none !important; | ||
| } | } | ||
| − | + | ||
| − | + | ||
| div.thumb { | div.thumb { | ||
| − |      border: none; | + |      border: none;                      /* Remove white border from thumbnails */ | 
| } | } | ||
| Line 26: | Line 58: | ||
| } | } | ||
| − | .MainHeader h4 {margin:0!important;padding:0.2em 0.4em;} | + | .MainHeader h4 { | 
| + |     margin:0!important;padding:0.2em 0.4em; | ||
| + | } | ||
| − | #chap-nav { | + | #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 | ||
| + | } | ||
| + | .highlight_terms { | ||
| + |  background-color: #EEE8AA; | ||
| + | } | ||
| + | |||
| /* New stuff, sort out later  */ | /* New stuff, sort out later  */ | ||
| − | body.page-Main_Page h2, body.page-Sandbox 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;} | + | body.page-Main_Page h2, body.page-Sandbox 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:#f9f9f9; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:0.3em; color:#B5BD64; font-family:georgia; font-size:150%; font-style:italic;} | + | #mainbanner { | 
| + |     text-align:center;   | ||
| + |     background:#f9f9f9;   | ||
| + |     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; margin-bottom:0.5em} | + | #mainlinks { | 
| + |     text-align:center;   | ||
| + |     margin-bottom:0.5em | ||
| + | } | ||
| − | #mainlinks a {color:#B5BD64} | + | #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;} | + | #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;} | + | #mainmantra { | 
| + |     text-align:center;   | ||
| + |     margin-top:1.5em;   | ||
| + |     color:#B5BD64; | ||
| + | } | ||
| − | .maincenter {text-align:center; max-width:65em; margin:0px auto; padding-bottom:1em;} | + | .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;} | + | .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;} | + | .mainjustify { | 
| + |     text-align:justify;   | ||
| + |     max-width:65em;   | ||
| + |     margin:0px auto;   | ||
| + |     padding-bottom:1em; | ||
| + | } | ||
| − | body {background-image:none;} | + | body { | 
| + |     background-image:none; | ||
| + | } | ||
| − | #lastmod {display:none} | + | #lastmod { | 
| + |     display:none | ||
| + | } | ||
| − | body {font-family:tahoma;} | + | body { | 
| + |     font-family:tahoma; | ||
| + | } | ||
| − | li#ca-unify {margin-left:1.6em | + | li#ca-unify { | 
| + |     margin-left:1.6em; | ||
| + | } | ||
| − | #google-search input {font-size:95%; width:10.9em;} | + | #google-search input { | 
| + |     font-size:95%;   | ||
| + |     width:10.9em; | ||
| + | } | ||
| − | #searchform {padding-bottom:0.5em} | + | #searchform { | 
| + |     padding-bottom:0.5em | ||
| + | } | ||
| − | #p-logo a, #p-logo a:hover {height:190px;} | + | #p-logo a, #p-logo a:hover { | 
| − | #column-one {padding-top:190px;} | + |     height:190px; | 
| − | #p-navigation {padding-top:30px;} | + | } | 
| + | |||
| + | #column-one { | ||
| + |     padding-top:190px; | ||
| + | } | ||
| + | |||
| + | #p-navigation { | ||
| + |     padding-top:30px; | ||
| + | } | ||
| .ac_results { | .ac_results { | ||
| Line 139: | Line 260: | ||
| 	-khtml-user-select: none; | 	-khtml-user-select: none; | ||
| } | } | ||
| − | /* < | + | /* <pre><nowiki> */ | 
Latest revision as of 18:19, 22 April 2015
/* CSS placed here will be applied to all skins */
/* <pre><nowiki> */
.noautonum .tocnumber {
 display: none; 
}
.quotelink {                          /* Usage: <span class="quotelink">vaniquotes.org</span> for quote boxes */
    font-size: 1em;
    font-weight: bold;
    color: #296F39;                   /* #296F39=green */
}
                        
#daystext {                /* Usage example: <div id="daystext"> Text Here </div> or <span id="daystext"> Text Here </span> */
    color:#296F39;         /* #296F39 = Green used for Video info on the Day in the life pages */
    text-align:left;
}
#daystextb {
    color:#296F39;         /* #296F39 = Green used for Video info on the Day in the life pages */
    font-weight:bold; 
    text-align:left;
}
#monthtextb {
    color:#296F39;         /* #296F39 = Green used in small calendar navigation */
    font-weight:bold; 
    text-align:center;
}
#firstchar {                            /* Usage: <span id="firstchar">A</span> */
    float: left;
    width: 0.7em;
    font-size: 375%;
    font-family: algerian, courier;
    line-height: 80%;
}
 
/* 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;
}
div.thumb {
    border: none;                      /* Remove white border from thumbnails */
}
 
div.tright {
    border: none;
    margin: 0.5em 0 0.8em 1.4em;
}
 
div.tleft {
    border: none;
    margin: 0.5em 1.4em 0.8em 0;
}
 
.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
}
 
.highlight_terms {
 background-color: #EEE8AA;
}
/* New stuff, sort out later  */
 
body.page-Main_Page h2, body.page-Sandbox 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:#f9f9f9; 
    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; 
    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-image:none;
}
 
#lastmod {
    display:none
}
 
body {
    font-family:tahoma;
}
 
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 apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	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;
}
/* <pre><nowiki> */
