MediaWiki:Vector.css: Difference between revisions

@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: 75% !important;}

#toc { float: right; font-size: 85%; font-family: 'BenchNine', sans-serif !important; }

body {
      font-family: 'Play', sans-serif !important;

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


.mw-head, #mw-head, {
      background: linear-gradient(to right, #343434, #008A93); 
 
}
.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: #666; 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: #00ffff; }
table.month td.day-empty  a { color: #cc0000; }



#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}