Template:USTC-Software/style.css

/*styles for common elements, ids and classes*/ html, body, #globalWrapper, #top_menu_14, #content, #globalWrapper > div.visualClear, #top {

   margin:0;
   border:0;
   padding:0;
   width:inherit;
   background-color:#aaaaaa;

}

  1. top_menu_14

{

   padding-bottom:2px;
   background-color:#333333;

}

  1. bodyContent

{

   margin:0 auto;
   background-color:#ffffff;

}

  1. main

{

   padding:0;

}

  1. top_menu_14

{

   position:relative;

}

  1. bodyContent > ul

{

   overflow:hidden;
   height:50px;
   width:88%;

}

  1. bodyContent > ul, #bodyContent > ul ul

{

   list-style:none;
   margin:0;
   padding:0;

}

  1. bodyContent > ul

{

   font-size:16px;

}

  1. bodyContent > ul li

{

   float:left;

}

  1. bodyContent > ul li a, #bodyContent > ul li span, #bodyContent > ul li strong

{

   display:block;
   padding:10px 15px;
   color:#000000;
   font-family:'Montserrat', sans-serif;
   text-decoration:none;
   cursor:pointer;
   -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;

}

  1. bodyContent > span

{

   font-family:'Montserrat', sans-serif;

}

  1. bodyContent > ul li a:hover, #bodyContent > ul li span:hover, #bodyContent > ul li strong:hover

{

   color:#22ff00;

}


  1. bodyContent > ul li ul li

{

   float:none;
   

}

  1. bodyContent > ul li ul

{

   display:none;
   position:absolute;

}

  1. bodyContent > ul li:hover ul

{

   display:block;

}

  1. bodyContent > ul

{

   float:right;

}

  1. teamLogo

{

   width:60px;
   height:60px;
   left:0;
   top:0;
   border:1px dashed;

}

/*styles for Page:Home*/

  1. footer

{

   width:100%;
   height:200px;
   background-color:rgb(129,189,232);
   border:1px dashed;

}

.bodyTable {

   margin:0;
   padding:0;
   border:1px dashed;
   display:inline;
   position:absolute;
   background:none;

}

.tr1 {

   height:150px;

}

.tr2 {

   height:50px;

}

td {

   border:1px dashed;
   border-spacing:0;
   width:200px;

}

  1. backgroundSVG

{

   border:1px dashed;
   border-color:#ff0000;
   width:100%;
   height:3800px;
   display:inline;

}

  1. footerSVG

{

   border:1px dashed;
   border-color:#000000;

}

path.headSVG {

   stroke:none;

}

path.bodySVGBig, path.bodySVGSmall {

   stroke:none;

}

  1. biobless > tspan

{

   font-family:'Trebuchet MS';
   font-size:2em;
   text-align:center; 

}

  1. headSVG

{

   fill:#34c2d8;

}

  1. bodySVGBig1

{

   fill:#004181;

}

  1. bodySVGBig2

{

   fill:#3abfc4;
   fill-opacity:0.8;

}

  1. bodySVGSmall_1a

{

   fill:#33d4e8;

}

  1. bodySVGSmall_1b

{

   fill:#225e9d;
   fill-opacity:0.8;

}

  1. bodySVGSmall_1c

{

   fill:#027fb5;
   fill-opacity:0.8;

}

  1. bodySVGSmall_2a

{

   fill:#00b1d2;

}

  1. bodySVGSmall_2b

{

   fill:#00b1d2;

}

  1. bodySVGSmall_2c

{

   fill:#86d3e5;

}

  1. bodySVGSmall_2d

{

   fill:#6290c1;
   fill-opacity:0.8;

}

  1. bodySVGSmall_3a

{

   fill:#86d3e5;

}

  1. bodySVGSmall_3b

{

   fill:#0195af;

}

  1. bodySVGSmall_3c

{

   fill:#00b1d0;

}

  1. bodySVGSmall_3d

{

   fill:#6594be;
   fill-opacity:0.8;

}

  1. bodySVGSmall_3e

{

   fill:#00689e;

}

  1. bodySVGSmall_3f

{

   fill:#12a6d4;

}

  1. bodySVGSmall_4a

{

   fill:#00b2cc;

}

  1. bodySVGSmall_4b

{

   fill:#7bcfda;
   fill-opacity:0.9;

}

  1. bodySVGSmall_4c

{

   fill:#6296be;
   fill-opacity:0.9;

}

  1. bodySVGSmall_4d

{

   fill:#0cacde;
   fill-opacity:0.9;

}

/*styles for Page:Team*/

  1. headingSVG

{

   position:absolute;
   left:0;
   top:50px;
   display:flexbox;

}

.intro {

   width:100%;
   height:500px;
   background-color:rgba(217,235,210,0.5);
   font-family:'Josefin Sans', sans-serif;
   font-size:20px;

}

.photo {

   border:1px dashed;
   width:400px;
   height:300px;
   float:left;

}