|
|
| Line 1: |
Line 1: |
| - | img.homepage{
| |
| - | display: block;
| |
| - | width: 40%;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | -ms-transform: translate(0,10%); /* IE 9 */
| |
| - | -webkit-transform: translate(0,10%); /* Chrome, Safari, Opera */
| |
| - | transform: translate(0,10%);
| |
| - | z-index: 100;
| |
| - | }
| |
| - | img.homepageLogo{
| |
| - | display: block;
| |
| - | width: 25%;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | -ms-transform: translate(50%,-175%); /* IE 9 */
| |
| - | -webkit-transform: translate(50%,-175%); /* Chrome, Safari, Opera */
| |
| - | transform: translate(0,-175%);
| |
| - | }
| |
| | | | |
| - | /*Common tags*/
| |
| - | a{
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | li{
| |
| - | list-style: none;
| |
| - | line-height: 18px;
| |
| - | }
| |
| - |
| |
| - | /*Specific class or id elements*/
| |
| - | .content {
| |
| - | width:80%;
| |
| - | background: #F0F0F0;
| |
| - | margin: auto;
| |
| - | margin-top: 30px;
| |
| - | }
| |
| - | ul#headings li {
| |
| - | float: left;
| |
| - | display: block;
| |
| - | }
| |
| - | ul#shortheadings li{
| |
| - | float: left;
| |
| - | display: none;
| |
| - | }
| |
| - | .icons{
| |
| - | height: 30px;
| |
| - | }
| |
| - | a.barheading{
| |
| - | color: #71CCE6;
| |
| - | font-size: 15px;
| |
| - | font-family: Georgia;
| |
| - | font-weight: bold;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - | a.subheading{
| |
| - | color: #FFFFFF;
| |
| - | font-size: 14px;
| |
| - | font-family: Georgia;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - | div.empty{
| |
| - | height: 60px;
| |
| - | }
| |
| - | div.heading{
| |
| - | font-family: Georgia;
| |
| - | font-size: 50px;
| |
| - | color: #000000;
| |
| - | text-align: center;
| |
| - | margin-top: 20px;
| |
| - | }
| |
| - | div.subheading{
| |
| - | font-family: Georgia;
| |
| - | font-size: 30px;
| |
| - | color: #000000;
| |
| - | text-align: center;
| |
| - | }
| |
| - | ul.projSubs li {
| |
| - | list-style: none;
| |
| - | line-height: 30px;
| |
| - | }
| |
| - | div#imgBox{
| |
| - | height: 500px;
| |
| - | width: 70%;
| |
| - | min-width: 700px;
| |
| - | margin: auto;
| |
| - | margin-top: 30px;
| |
| - | background: #FFFFFF;
| |
| - | }
| |
| - | img.toTop{
| |
| - | height: 30px;
| |
| - | position: fixed;
| |
| - | bottom: 5%;
| |
| - | float: right;
| |
| - | right: 2%;
| |
| - | -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
| |
| - | transition: height 0.5s;
| |
| - | }
| |
| - | img.toTop:hover{
| |
| - | height: 150px;
| |
| - | }
| |
| - | div#topbar{
| |
| - | width: 100%;
| |
| - | min-width:200px;
| |
| - | position:fixed;
| |
| - | left:0;
| |
| - | right:0;
| |
| - | margin-right:0;
| |
| - | margin-left:0;
| |
| - | z-index:999;
| |
| - | top:0px;
| |
| - | background: #333;
| |
| - | height:60px;
| |
| - | }
| |
| - | div#topbar > .sections_panel{
| |
| - | position:absolute;
| |
| - | height:0px;
| |
| - | background:#000;
| |
| - | top:60px;
| |
| - | left:10%;
| |
| - | border-radius:0px 0px 8px 8px;
| |
| - | overflow:hidden;
| |
| - | z-index:10000;
| |
| - | transition: height 0.3s linear 0s;
| |
| - | }
| |
| - | div#topbar > .sections_panel > div{
| |
| - | background:#333;
| |
| - | padding:20px;
| |
| - | height:258px;
| |
| - | margin:10px;
| |
| - | color:#71CCE6;
| |
| - | }
| |
| - |
| |
| - | table#navMenu{
| |
| - | margin-top: -15px;
| |
| - | }
| |
| - |
| |
| - | table#navMenu tr, table#navMenu td{
| |
| - | border: 1px solid #444;
| |
| - | padding: 8px;
| |
| - | width: 200px;
| |
| - | }
| |
| - |
| |
| - | div.navItems{
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | /*Tabs*/
| |
| - | ul.tabs
| |
| - | {
| |
| - | padding: 1px 0; /*background bar*/
| |
| - | font-size: 0;
| |
| - | height: 20px;
| |
| - | margin:0;
| |
| - | list-style-type: none;
| |
| - | text-align: center; /*set to left, center, or right to align the tabs as desired*/
| |
| - | /*border:1px solid #663300;*/
| |
| - | border-bottom:none;
| |
| - | background: #333;
| |
| - | }
| |
| - |
| |
| - | ul.tabs li
| |
| - | {
| |
| - | display: inline;
| |
| - | margin: 0;
| |
| - | margin-right:5px; /*distance between tabs*/
| |
| - | }
| |
| - |
| |
| - | ul.tabs li a
| |
| - | { /*each tab box*/
| |
| - | font: normal 12px Verdana;
| |
| - | text-decoration: none;
| |
| - | position: relative;
| |
| - | padding: 8px 10px;
| |
| - | border: 1px solid #663300;
| |
| - | /*border-right:none;*/
| |
| - | color: #000;
| |
| - | background: #FFF;
| |
| - | outline:none;
| |
| - | -webkit-border-radius:5px;
| |
| - | -moz-border-radius:5px;
| |
| - | border-radius:5px;
| |
| - | }
| |
| - |
| |
| - | ul.tabs li:last-child a
| |
| - | {
| |
| - | border-right:1px solid #663300;
| |
| - | }
| |
| - |
| |
| - | ul.tabs li a:visited
| |
| - | {
| |
| - | color: #000;
| |
| - | }
| |
| - |
| |
| - | ul.tabs li a:hover
| |
| - | {
| |
| - | text-decoration: none;
| |
| - | font-weight: bold;
| |
| - | background: #9EE0F3;
| |
| - | }
| |
| - |
| |
| - | ul.tabs li.selected a, ul.tabs li.selected a:hover
| |
| - | {
| |
| - | position: relative;
| |
| - | top: 0px;
| |
| - | font-weight:bold;
| |
| - | background: #71CCE6;
| |
| - | color: dimgrey;
| |
| - | }
| |
| - |
| |
| - | ul.tabs li.selected a:hover
| |
| - | {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | div.tabcontents
| |
| - | {
| |
| - | padding: 30px;
| |
| - | background-color:#FFF;
| |
| - | }
| |
| - |
| |
| - | /*Footer*/
| |
| - | div.footerBorder{
| |
| - | width: 100%;
| |
| - | min-width: 900px;
| |
| - | height: 210px;
| |
| - | position: absolute;
| |
| - | left: 0;
| |
| - | right: 0;
| |
| - | margin-left: 0;
| |
| - | margin-right: 0;
| |
| - | background: #71CCE6;
| |
| - | }
| |
| - |
| |
| - | div#footer{
| |
| - | width: 100%;
| |
| - | min-width: 900px;
| |
| - | height: 200px;
| |
| - | position: absolute;
| |
| - | left: 0;
| |
| - | right: 0;
| |
| - | bottom: 0;
| |
| - | margin-left: 0;
| |
| - | margin-right: 0;
| |
| - | background: #333;
| |
| - | color: #FFF;
| |
| - | font-size: 12px;
| |
| - | }
| |
| - |
| |
| - | img.logoFoot{
| |
| - | margin-left: 50px;
| |
| - | margin-top: 10px;
| |
| - | height: 130px;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | div#siteMap1{
| |
| - | position: absolute;
| |
| - | margin-left: 35%;
| |
| - | margin-top: -180px;
| |
| - | }
| |
| - |
| |
| - | div#siteMap2{
| |
| - | position: absolute;
| |
| - | margin-left: 55%;
| |
| - | margin-top: -180px;
| |
| - | }
| |
| - |
| |
| - | div#siteMap3{
| |
| - | position: absolute;
| |
| - | margin-left: 75%;
| |
| - | margin-top: -180px;
| |
| - | }
| |
| - |
| |
| - | li.footHeadings{
| |
| - | color: #71CCE6;
| |
| - | font-size: 18px;
| |
| - | font-weight: bold;
| |
| - | font-variant: small-caps;
| |
| - | line-height: 33px;
| |
| - | cursor: pointer;
| |
| - | }
| |
"
