MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| (78 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
@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=Forum); | ||
@import url(https://fonts.googleapis.com/css?family=Cutive+Mono); | @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=Titillium+Web:400,600'); | ||
@import url(https://fonts.googleapis.com/css?family=Play); | @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 { | .firstHeading, #firstHeading { | ||
font-size: 125% !important; | font-size: 125% !important; | ||
font-family: 'Fira Sans Condensed', sans-serif !important; | |||
} | } | ||
H1 { | H1 { | ||
font-size: 115% !important; | font-size: 115% !important; | ||
color: #3535FD!important; | color: #3535FD!important; | ||
font-family: 'Fira Sans Condensed', sans-serif !important; | |||
} | } | ||
H2 { | H2 { | ||
font-size: 105% !important; | font-size: 105% !important; | ||
color: #3535FD!important; | color: #3535FD!important; | ||
font-family: 'Fira Sans Condensed', sans-serif !important; | |||
} | } | ||
H3 { | H3 { | ||
font-size: 95% !important; | font-size: 95% !important; | ||
color: #3535FD!important; | color: #3535FD!important; | ||
font-family: 'Fira Sans Condensed', sans-serif !important; | |||
} | } | ||
H4 { | H4 { | ||
font-size: 90% !important; | 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 { | .mw-head, #mw-head { | ||
background: linear-gradient(to right, # | background: linear-gradient(to right, #000000, #007B89, #f2f2f2) !important; | ||
} | } | ||
.portal { | .portal { | ||
| Line 45: | Line 64: | ||
table.calendar { margin: 0; padding: 10px; border: 1px solid #ccc; } | 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 td { margin: 0; padding: 2px; vertical-align: top; border: 1px solid #ccc; } | ||
table.calendar th { padding: 1px; background-color: #ddd; color: # | 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 { border: 1px solid #ccc; } | ||
table.month .dow th { color: #aaa; text-align: center; font-size: 100%; border: 1px solid #ccc; } | table.month .dow th { color: #aaa; text-align: center; font-size: 100%; border: 1px solid #ccc; } | ||
| Line 58: | Line 77: | ||
background-color: #eee; | background-color: #eee; | ||
} | } | ||
table.month td.day-active a { color: # | table.month td.day-active a { color: #ffffff; } | ||
table.month td.day-empty a { color: # | 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{}