Template:SYSU-Software/CSS
/*Global*/
html,body {
margin: 0; border: 0; padding: 0; color: white !important; width: 100%;
}
- {
margin: 0; border: 0; padding: 0;
}
p {
margin-top:8px; margin-bottom: 8px; padding: 5px;
}
h1, h2, h3, h4 {
margin: 10px; padding: 5px;
}
h1 {
font-size: 180%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 120%;
}
h4 {
font-size: 90%;
}
a {
text-decoration: none; outline-style: none;
}
/*super container*/
- content {
width: 100%; border: 0; padding: 0; margin: 0;
}
/*no default title for Team:SYSU-Software*/ .firstHeading {
display:none;
}
/*back to top button*/
- top {
background: url(""); background-position: center; background-size: 100px 100px; width:100px; height:100px; border-radius:50%; position: fixed; bottom: 20px; right: 20px;
}
/* Creates a container that will wrap all of the content inside your wiki pages. */
- mainContainer {
width: 100%; margin-bottom: 15px; overflow:hidden;
}
/* Creates the container for the menu */ /*MENU STYLING */ /*Styling for the links in the menu */
- menuContainer {
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 9pt; width: 100%; height: 40px; top:16px; position: fixed; text-align: center; z-index:100;
}
- menuContainer #oplayer {
opacity: 0.5; position: fixed; width: 100%; height: 40px; background-color: #000;
}
- menuContainer a {
color: #fff; text-decoration:none; font-weight: bold;
}
/* Sets the style for lists inside menuContainer */
- menuContainer ul {
height: 40px; width: 99%; /*this is going to be modified*/ list-style: none; margin: 0 auto; clear: both;
}
/*Styles the list items to become menu buttons */
- menuContainer ul li {
height: 30px; padding-top: 8px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; display: block; float: left; position: relative; width: 120px;
}
/*For the menu buttons, changes the color when hovering*/
- menuContainer li {
transition:background-color 0.5s;
}
- menuContainer li:hover {
color: #FFF;/*this is going to be modified*/ background-color: #14747D;/*this is going to be modified*/
}
/*style for opacity for sub op*/
- sub_oplayer {
opacity: 0.3; position: fixed; top:56px; height: 30px; width: 100%; background-color: #a8a9a9;
}
/*Submenus are not displayed as default*/
- menuContainer li ul {
width: 100%; position: fixed; top: 56px; transition: all 0.5s; left: 0px; visibility: hidden; opacity: 0;
}
/*Submenus are displayed when hovering the menu button */
- menuContainer li:hover ul {
/*display: inline-block; */ visibility: visible; opacity: 1; height: 30px; position: fixed; top: 56px; float:left;
}
/*Style the submenu buttons*/
- menuContainer li ul li{
transition:all 0.5s; color: #313131; padding-top: 5px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; height: 30px; overflow: hidden; width: auto; display: block; float: left; text-align: center; opacity: 1;
}
- menuContainer li ul li:hover{
background-color: inherit; color: gray;
}
/******************end of menuContainer*****************/
/* Creates the container for the content */
- contentContainer {
padding-top:20px; padding-right:10px; margin:0 auto; margin-bottom: 20px; width: 800px; padding-left: 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/*Set up height place holder for the banner*/
- bannerContainer {
width: 100%; margin:0; height: 650px; text-align:center; color: #24B694; background: url(""); background-repeat: no-repeat; background-position: top center; background-size:100% auto;
}
- bannerContainer h3 {
font-size:30px;
}
- title {
height: 700px; padding-top: 140px;
}
- title h2 {
font-size: 50pt; color: black;
}
- flame {
color: #399e80 !important; font-size: 30pt; margin: 0px;
}
- title p {
margin-top: 200px; font-size: 12pt; font-family:"MV Boli";
}
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
/*Change the styling of text for everything inside main container*/
- mainContainer p {
color: #000000;
}
- contentContainer {
font-family: Arial; font-size: 12pt; width: 930px;
}
/*This changes the color and font family */
- contentContainer h1, h2, h3, h4, h5, h6 {
font-family:"MV Boli", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #399e80 ; padding: 3px; border-bottom: none;
}
- contentContainer h1 {
font-size: 40pt;
}
- contentContainer h2 {
font-size: 30pt;
}
/*Style of the links - links are different inside the menu */
- contentContainer a {
font-weight: bold; color: #22BCB9;
}
/* Styling links on hover- links are different inside the menu */
- contentContainer a:hover {
color: #14747D;
}
/*Change the styling of tables */
- contentContainer table {
margin: auto; margin-bottom: 15px; margin-top: 15px; margin-right: 10px; margin-left: 10px;
}
/*Change the styling of table cells*/
- contentContainer td {
background-color: #fff; padding: 10px; vertical-align: text-top;
}
/*Change the styling of table headers */
- contentContainer th {
background-color: #F4F0D8; padding: 10px; vertical-align: text-top;
}
- contentContainer li{
margin-left:1.5em;
}
/*CLASSES */
/*Clear class for all the pages, adds spacing too*/ .clear{
clear:both; height: 10px;
}
/* highlight box for special messages */ .highlightBox {
width:500px; margin:auto; background-color: #F4F0D8; margin-bottom: 15px; margin-top: 15px; padding: 15px; padding-top: 5px;
}