User:Raj/timeless.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@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{}