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

Line 1: Line 1:
−
html, body, #globalWrapper, #top_menu_14, #content, #globalWrapper > div.visualClear, #top {
+
/*styles for common elements, ids and classes*/
−
     margin: 0;
+
html, body, #globalWrapper, #top_menu_14, #content, #globalWrapper > div.visualClear, #top  
−
     border: 0;
+
{
−
     padding: 0;
+
     margin:0;
−
     width: inherit;
+
     border:0;
−
     background-color: #aaa;
+
     padding:0;
 +
     width:inherit;
 +
     background-color:#aaaaaa;
 
}
 
}
−
#top_menu_14 {
+
 
−
     padding-bottom: 2px;
+
#top_menu_14  
−
     background-color: #333;
+
{
 +
     padding-bottom:2px;
 +
     background-color:#333333;
 
}
 
}
−
#bodyContent {
+
 
−
     margin: 0 auto;
+
#bodyContent
−
    width: 965px;
+
{
−
     background-color: #fff;
+
     margin:0 auto;
 +
     background-color:#ffffff;
 
}
 
}
−
#main {
+
 
−
     padding: 10px;
+
#main  
 +
{
 +
     padding:0;
 
}
 
}
−
#top_menu_14 {
+
 
−
     position: relative;
+
#top_menu_14  
 +
{
 +
     position:relative;
 
}
 
}
  
−
#bodyContent > ul {
+
#bodyContent > ul  
−
     overflow: hidden;
+
{
 +
     overflow:hidden;
 +
    height:50px;
 +
    width:88%;
 
}
 
}
−
#bodyContent > ul, #bodyContent > ul ul {
+
 
−
     list-style: none;
+
#bodyContent > ul, #bodyContent > ul ul  
−
    background: #333;
+
{
−
     margin: 0;
+
     list-style:none;
−
     padding: 0;
+
     margin:0;
 +
     padding:0;
 
}
 
}
−
#bodyContent > ul li {
+
 
−
     float: left;
+
#bodyContent > ul
 +
{
 +
     font-size:16px;
 
}
 
}
−
#bodyContent > ul li a, #bodyContent > ul li span, #bodyContent > ul li strong {
+
 
−
     display: block;
+
#bodyContent > ul li  
−
    padding: 10px 15px;
+
{
−
    color: #ccc;
+
     float:left;
−
    text-decoration: none;
+
−
    border-right: 1px solid;
+
−
    cursor: pointer;
+
−
    -webkit-user-select: none;
+
−
    -moz-user-select: none;
+
−
    -ms-user-select: none;
+
 
}
 
}
−
#bodyContent > ul li a:hover, #bodyContent > ul li span:hover, #bodyContent > ul li strong:hover {
+
 
−
     background: #ecc;
+
#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;
 
}
 
}
−
#bodyContent > ul li ul li {
+
 
−
     float: none;
+
#bodyContent > span
 +
{
 +
     font-family:'Montserrat', sans-serif;
 
}
 
}
−
#bodyContent > ul li ul {
+
 
−
     display: none;
+
#bodyContent > ul li a:hover, #bodyContent > ul li span:hover, #bodyContent > ul li strong:hover
−
    position: absolute;
+
{
 +
     color:#22ff00;
 
}
 
}
−
#bodyContent > ul li:hover ul {
+
 
−
     display: block;
+
 
 +
#bodyContent > ul li ul li
 +
{
 +
    float:none;
 +
   
 +
}
 +
 
 +
#bodyContent > ul li ul
 +
{
 +
    display:none;
 +
    position:absolute;
 +
}
 +
 
 +
#bodyContent > ul li:hover ul  
 +
{
 +
     display:block;
 +
}
 +
 
 +
#bodyContent > ul
 +
{
 +
    float:right;
 +
}
 +
 
 +
#teamLogo
 +
{
 +
    width:60px;
 +
    height:60px;
 +
    left:0;
 +
    top:0;
 +
    border:1px dashed;
 +
}
 +
 
 +
/*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
 +
{
 +
    border:1px dashed;
 +
    border-color:#ff0000;
 +
    width:100%;
 +
    height:3800px;
 +
    display:inline;
 +
}
 +
 
 +
#footerSVG
 +
{
 +
    border:1px dashed;
 +
    border-color:#000000;
 +
}
 +
 
 +
path.headSVG
 +
{
 +
    stroke:none;
 +
}
 +
 
 +
path.bodySVGBig, path.bodySVGSmall
 +
{
 +
    stroke:none;
 +
}
 +
 
 +
#biobless > tspan
 +
{
 +
    font-family:'Trebuchet MS';
 +
    font-size:2em;
 +
    text-align:center;
 +
}
 +
 
 +
#headSVG
 +
{
 +
    fill:#34c2d8;
 +
}
 +
 
 +
#bodySVGBig1
 +
{
 +
    fill:#004181;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
/*styles for Page:Team*/
 +
#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;
 
}
 
}

Revision as of 12:43, 1 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. 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;

}