User:Raj/timeless.css

From HORTS 1993
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{}