MediaWiki:Vector.css: Difference between revisions

From RAJ INFO
Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(180 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
@import url(https://fonts.googleapis.com/css?family=Fira+Sans+Compressed);
@import url(https://fonts.googleapis.com/css?family=Fira+Sans+Condensed);
@import url(https://fonts.googleapis.com/css?family=Forum);
@import url(https://fonts.googleapis.com/css?family=Cutive+Mono);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url(https://fonts.googleapis.com/css?family=Play);
@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);
@import url(https://fonts.googleapis.com/css?family=BenchNine);


@import url('https://fonts.googleapis.com/css?family=Oswald');


body {
.mw-editsection { color:#b3b3b3 !important; font-size: 90% !important;}
        font-family: 'Oswald';
 
#toc { float: right; font-size: 87%; font-family: 'Fira Sans Compressed', sans-serif; line-height: 93%; !important; }
 
body { font-family: 'Fira Sans Condensed' !important; }
 
 
 
.firstHeading, #firstHeading {
      font-size: 125% !important;
      font-family: 'Fira Sans Condensed', sans-serif !important;
}
H1 {
      font-size: 115% !important;
      color: #3535FD!important;
      font-family: 'Fira Sans Condensed', sans-serif !important;
}
H2 {
      font-size: 105% !important;
      color: #3535FD!important;
      font-family: 'Fira Sans Condensed', sans-serif !important;
}
H3 {
      font-size: 95% !important;
      color: #3535FD!important;
      font-family: 'Fira Sans Condensed', sans-serif !important;
}
H4 {
      font-size: 90% !important;
      font-family: 'Fira Sans Condensed', sans-serif !important;
}
H5 {
      font-size: 85% !important;
      font-family: 'Fira Sans Condensed', sans-serif !important;
}
H6 {
      font-size: 80% !important;
      font-family: 'Fira Sans Condensed', sans-serif !important;
}
 
 
.mw-head, #mw-head {
      background: linear-gradient(to right, #000000, #007B89, #f2f2f2) !important;
}
.portal {
      font-size: 97% !important;
      font-weight: bold !important;
}
}
# Calendar
table.calendar      { margin: 0; padding: 10px; border: 1px solid #ccc; }
table.calendar td    { margin: 0; padding: 2px; vertical-align: top; border: 1px solid #ccc; }
table.calendar th    { padding: 1px; background-color: #ddd; color: #007A74; text-align: center; font-size: 120%; font-weight: bold; border: 1px solid #ccc; }
table.month          { border: 1px solid #ccc; }
table.month .dow th  { color: #aaa; text-align: center; font-size: 100%; border: 1px solid #ccc; }
table.month td.today { background-color:#033; }
table.month td {
border: 1px solid #ccc;
margin: 0;
padding: 1pt 1.5pt;
font-weight: bold;
font-size: 8pt;
text-align: right;
background-color: #eee;
}
table.month td.day-active a { color: #ffffff; }
table.month td.day-empty  a { color: #007A74; }
/* ***** ***** TimelineTable ***** ***** */
table.tl_table{
        border-width: thin;
        border-spacing: 2px;
        border-style: outset;
        border-color: black;
        border-collapse: separate;
        background-color: white;
        border-radius: 5px;
}
th.tl_title{
        text-transform: uppercase
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 5px;
}
th.tl_years{
        text-align: center;
        font-style: italic;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(223, 228, 252);
        border-radius: 4px;
}
th.tl_months{
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}
th.tl_days{
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}
th.tl_weeks{
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}
td.tl_freetime{
        background-color: rgb(187, 210, 236);
        border-width: 1px;
        border-color: black;
        border-style: inset;
        border-radius: 7px;
}
td.tl_event{
        text-align: center;
        padding: 1px;
        background-color: rgb(61, 114, 194);
        border-width: 1px;
        border-color: white;
        border-style: inset;
        color: white;
        border-radius: 7px;
        white-space: normal
}
td.tl_foot{
        text-align: center;
        padding: 1px;
        background-color: rgb(243, 248, 252);
        border-width: 1px;
        border-color: blue;
        border-style: ridge;
        color: gray;
        border-radius: 9px;
}
thead.tl_header{}
tbody.tl_body{}
tfoot.tl_footer{}

Latest revision as of 13:31, 12 March 2019

@import url(https://fonts.googleapis.com/css?family=Fira+Sans+Compressed);
@import url(https://fonts.googleapis.com/css?family=Fira+Sans+Condensed);
@import url(https://fonts.googleapis.com/css?family=Forum);
@import url(https://fonts.googleapis.com/css?family=Cutive+Mono);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url(https://fonts.googleapis.com/css?family=Play);
@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);
@import url(https://fonts.googleapis.com/css?family=BenchNine);


.mw-editsection { color:#b3b3b3 !important; font-size: 90% !important;}

#toc { float: right; font-size: 87%; font-family: 'Fira Sans Compressed', sans-serif; line-height: 93%; !important; }

body { font-family: 'Fira Sans Condensed' !important; }


 

.firstHeading, #firstHeading {
      font-size: 125% !important;
      font-family: 'Fira Sans Condensed', sans-serif !important; 
}
H1 {
      font-size: 115% !important;
      color: #3535FD!important;
      font-family: 'Fira Sans Condensed', sans-serif !important; 
}
H2 {
      font-size: 105% !important;
      color: #3535FD!important;
      font-family: 'Fira Sans Condensed', sans-serif !important; 
}
H3 {
      font-size: 95% !important;
      color: #3535FD!important;
      font-family: 'Fira Sans Condensed', sans-serif !important; 
}
H4 {
      font-size: 90% !important;
      font-family: 'Fira Sans Condensed', sans-serif !important; 
}
H5 {
      font-size: 85% !important;
      font-family: 'Fira Sans Condensed', sans-serif !important; 
}
H6 {
      font-size: 80% !important;
      font-family: 'Fira Sans Condensed', sans-serif !important; 
}


.mw-head, #mw-head {
      background: linear-gradient(to right, #000000, #007B89, #f2f2f2) !important; 
 
}
.portal {
      font-size: 97% !important;
      font-weight: bold !important;
}


# Calendar
table.calendar       { margin: 0; padding: 10px; border: 1px solid #ccc; }
table.calendar td    { margin: 0; padding: 2px; vertical-align: top; border: 1px solid #ccc; }
table.calendar th    { padding: 1px; background-color: #ddd; color: #007A74; text-align: center; font-size: 120%; font-weight: bold; border: 1px solid #ccc; }
table.month          { border: 1px solid #ccc; }
table.month .dow th  { color: #aaa; text-align: center; font-size: 100%; border: 1px solid #ccc; }
table.month td.today { background-color:#033; }
table.month td {
	border: 1px solid #ccc; 
	margin: 0;
	padding: 1pt 1.5pt;
	font-weight: bold;
	font-size: 8pt;
	text-align: right;
	background-color: #eee;
	}
table.month td.day-active a { color: #ffffff; }
table.month td.day-empty  a { color: #007A74; }




/* ***** ***** TimelineTable ***** ***** */
table.tl_table{
        border-width: thin;
        border-spacing: 2px;
        border-style: outset;
        border-color: black;
        border-collapse: separate;
        background-color: white;
        border-radius: 5px;
}

th.tl_title{
        text-transform: uppercase
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 5px;
}

th.tl_years{
        text-align: center;
        font-style: italic;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(223, 228, 252);
        border-radius: 4px;
}

th.tl_months{
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}

th.tl_days{
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}

th.tl_weeks{
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}

td.tl_freetime{
        background-color: rgb(187, 210, 236);
        border-width: 1px;
        border-color: black;
        border-style: inset;
        border-radius: 7px;
}

td.tl_event{
        text-align: center;
        padding: 1px;
        background-color: rgb(61, 114, 194);
        border-width: 1px;
        border-color: white;
        border-style: inset;
        color: white;
        border-radius: 7px;
        white-space: normal
}

td.tl_foot{
        text-align: center;
        padding: 1px;
        background-color: rgb(243, 248, 252);
        border-width: 1px;
        border-color: blue;
        border-style: ridge;
        color: gray;
        border-radius: 9px;
}

thead.tl_header{}
tbody.tl_body{}
tfoot.tl_footer{}