Difference between revisions of "Template:USTC-Software/style.css"

Line 111: Line 111:
  
 
/*styles for Page:Home*/
 
/*styles for Page:Home*/
#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;
 
}
 
 
 
#backgroundSVG
 
#backgroundSVG
 
{
 
{
    border:1px dashed;
 
    border-color:#ff0000;
 
 
     width:100%;
 
     width:100%;
 
     height:3800px;
 
     height:3800px;
    display:inline;
 
}
 
 
#footerSVG
 
{
 
    border:1px dashed;
 
    border-color:#000000;
 
}
 
 
path.headSVG
 
{
 
    stroke:none;
 
}
 
 
path.bodySVGBig, path.bodySVGSmall
 
{
 
    stroke:none;
 
 
}
 
}
  
Line 178: Line 124:
 
}
 
}
  
#headSVG
+
#globe
 
{
 
{
     fill:#34c2d8;
+
     left:312px;
}
+
     top:3024px;
 
+
     width:752px;
#bodySVGBig1
+
     height:564px;
{
+
     position:absolute;
     fill:#004181;
+
     border:0px;
}
+
 
+
#bodySVGBig2
+
{
+
     fill:#3abfc4;
+
     fill-opacity:0.8;
+
}
+
 
+
#bodySVGSmall_1a
+
{
+
    fill:#33d4e8;
+
}
+
 
+
#bodySVGSmall_1b
+
{
+
    fill:#225e9d;
+
    fill-opacity:0.8;
+
}
+
 
+
#bodySVGSmall_1c
+
{
+
    fill:#027fb5;
+
    fill-opacity:0.8;
+
}
+
 
+
#bodySVGSmall_2a
+
{
+
    fill:#00b1d2;
+
}
+
 
+
#bodySVGSmall_2b
+
{
+
    fill:#00b1d2;
+
}
+
 
+
#bodySVGSmall_2c
+
{
+
    fill:#86d3e5;
+
}
+
 
+
#bodySVGSmall_2d
+
{
+
    fill:#6290c1;
+
    fill-opacity:0.8;
+
}
+
 
+
#bodySVGSmall_3a
+
{
+
    fill:#86d3e5;
+
}
+
 
+
#bodySVGSmall_3b
+
{
+
    fill:#0195af;
+
}
+
 
+
#bodySVGSmall_3c
+
{
+
    fill:#00b1d0;
+
}
+
 
+
#bodySVGSmall_3d
+
{
+
    fill:#6594be;
+
    fill-opacity:0.8;
+
}
+
 
+
#bodySVGSmall_3e
+
{
+
    fill:#00689e;
+
}
+
 
+
#bodySVGSmall_3f
+
{
+
    fill:#12a6d4;
+
}
+
 
+
#bodySVGSmall_4a
+
{
+
    fill:#00b2cc;
+
}
+
 
+
#bodySVGSmall_4b
+
{
+
    fill:#7bcfda;
+
    fill-opacity:0.9;
+
}
+
 
+
#bodySVGSmall_4c
+
{
+
    fill:#6296be;
+
    fill-opacity:0.9;
+
}
+
 
+
#bodySVGSmall_4d
+
{
+
     fill:#0cacde;
+
     fill-opacity:0.9;
+
 
}
 
}
  

Revision as of 09:46, 3 September 2015

/*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. backgroundSVG

{

   width:100%;
   height:3800px;

}

  1. biobless > tspan

{

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

}

  1. globe

{

   left:312px;
   top:3024px;
   width:752px;
   height:564px;
   position:absolute;
   border:0px;

}

/*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;

}