|
|
| Line 54: |
Line 54: |
| | font-size: 1.2em; | | font-size: 1.2em; |
| | } | | } |
| - | }
| |
| - |
| |
| - | /*======
| |
| - | Desktop Styling
| |
| - | ======*/
| |
| - |
| |
| - | /***Nav styling***/
| |
| - | header{
| |
| - | position: relative;
| |
| - | top: -45px;
| |
| - | z-index: 999;
| |
| - | }
| |
| - |
| |
| - | #nav-wrap{
| |
| - | height: 0px;
| |
| - | margin-top: -45px;
| |
| - | }
| |
| - |
| |
| - | #nav, #nav ul{
| |
| - | list-style: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | width: 965px;
| |
| - | height: 100%;
| |
| - | display: table;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | /*To be moved to JQ block*/
| |
| - | #menu-icon{
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | /*menu*/
| |
| - | #nav li{
| |
| - | height: auto;
| |
| - | padding: 0;
| |
| - | list-style: none;
| |
| - | float: left;
| |
| - | width: auto;
| |
| - | margin: 0;
| |
| - | background: #333333;
| |
| - | position: relative;
| |
| - | }
| |
| - | #nav > li a{
| |
| - | padding: 0 15px;
| |
| - | }
| |
| - | #nav > li{
| |
| - | background: transparent;
| |
| - | }
| |
| - |
| |
| - | /*submenu*/
| |
| - | #nav li ul {
| |
| - | position: absolute;
| |
| - | width: 200px;
| |
| - | display: none;
| |
| - | }
| |
| - | #nav li:hover ul {
| |
| - | display: block;
| |
| - | }
| |
| - | /*sub-submenu*/
| |
| - | #nav li ul ul{
| |
| - | margin-left: 230px;
| |
| - | margin-top: -15px;
| |
| - | }
| |
| - | #nav li:hover ul ul{
| |
| - | display: none;
| |
| - | }
| |
| - | #nav li:hover ul, #nav li li:hover ul{
| |
| - | display: block;
| |
| - | }
| |
| - | #nav a{
| |
| - | display: block;
| |
| - | font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
| |
| - | color: white;
| |
| - | }
| |
| - | #nav li a{
| |
| - | line-height: 1.4em; /*centers the text vertically*/
| |
| - | font-size: 2em;
| |
| - | }
| |
| - | #nav ul li > a{
| |
| - | width: 200px;
| |
| - | }
| |
| - | /*color change after rollover*/
| |
| - | #nav li a:hover, #nav li li a.drop:hover::after{
| |
| - | display: block;
| |
| - | text-decoration: none;
| |
| - | color: #43bbff;
| |
| - | }
| |
| - | #nav li ul li ul{
| |
| - | margin-top: -35px;
| |
| - | position: absolute;
| |
| - | }
| |
| - | /*submenu and sub-submenu*/
| |
| - | #nav li ul li ul li a, #nav li ul li a{
| |
| - | font-size: 1.8em;
| |
| - | }
| |
| - | #nav li li a.drop:after{
| |
| - | content: '>';
| |
| - | padding-left: 20px;
| |
| - | color: #BBB;
| |
| - | display: inline;
| |
| - | float: right;
| |
| - | }
| |
| - |
| |
| - | /***End nav styling***/
| |
| - |
| |
| - | /***Headerimage***/
| |
| - | #headerimage{
| |
| - | width: 968px;
| |
| - | position: relative;
| |
| - | margin-left: 0px;
| |
| - | margin-bottom: 10px;
| |
| - | top: 0px;
| |
| - | }
| |
| - | #css-full{
| |
| - | display: none;
| |
| - | }
| |
| - | #css-mobi{
| |
| - | display: block;
| |
| - | top: 0px;
| |
| - | }
| |
| - |
| |
| - | /***Logo styling***/
| |
| - | #logo{
| |
| - | position: absolute;
| |
| - | top: 10px;
| |
| - | right: 20px;
| |
| - | float: right;
| |
| - | }
| |
| - |
| |
| - | #logo img{
| |
| - | width: 260px;
| |
| - | }
| |
| - |
| |
| - | /***Body styling***/
| |
| - | h1{
| |
| - | font-size: 2.3em;
| |
| - | }
| |
| - | h2{
| |
| - | font-size: 1.8em;
| |
| - | }
| |
| - | h3{
| |
| - | font-size: 1.6em;
| |
| - | }
| |
| - | h4{
| |
| - | font-size: 1.4em;
| |
| - | color: #333333;
| |
| - | }
| |
| - | #bodycontainer p{
| |
| - | font-size: 1.1em;
| |
| - | }
| |
| - | #pagetitle{
| |
| - | border-bottom: 2px solid black;
| |
| - | padding-bottom: 10px;
| |
| - | padding-left: 10px;
| |
| - | }
| |
| - | #bodycontainer h2, #bodycontainer p{
| |
| - | margin-left: 10px;
| |
| - | margin-right: 10px;
| |
| - | }
| |
| - | #bodycontainer{
| |
| - | margin-left: 225px;
| |
| - | }
| |
| - | #sidebar{
| |
| - | position: absolute;
| |
| - | width: 220px;
| |
| - | z-index: 0;
| |
| - | }
| |
| - | /*
| |
| - | #sidebarimg{
| |
| - | width: 214px;
| |
| - | height: 144px;
| |
| - | background: #43bbff;
| |
| - | margin: 5px 0px;
| |
| - | border: 3px solid #333333;
| |
| - | }
| |
| - | */
| |
| - |
| |
| - | #sidebar #list{
| |
| - | background: #333333;
| |
| - | }
| |
| - | #sidebar h2{
| |
| - | color: white;
| |
| - | padding: 20px 15px 0px 15px;
| |
| - | width: 100%;
| |
| - | }
| |
| - | #sidebar ul{
| |
| - | list-style: none;
| |
| - | margin: 0px 15px;
| |
| - | }
| |
| - | #sidebar #list > ul{
| |
| - | padding-bottom: 20px;
| |
| - | }
| |
| - | #sidebar a{
| |
| - | color: white;
| |
| - | font-family: Georgia, Serif;
| |
| - | font-size: 1.4em;
| |
| - | display: block;
| |
| - | line-height: 1.4em;
| |
| - | }
| |
| - | #sidebar a:hover{
| |
| - | text-decoration: none;
| |
| - | color: #43BBFF;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* thumbnails */
| |
| - | div.thumb {
| |
| - | margin-bottom: .5em;
| |
| - | border-style: solid;
| |
| - | border-color: transparent;
| |
| - | width: auto;
| |
| - | }
| |
| - | div.thumb div {
| |
| - | border: 0px;
| |
| - | padding: 3px !important;
| |
| - | font-size: 94%;
| |
| - | text-align: center;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - | div.thumb div a img {
| |
| - | border: 1px solid #333;
| |
| - | }
| |
| - | div.thumb div div.thumbcaption {
| |
| - | border: 1px solid #333;
| |
| - | text-align: left;
| |
| - | line-height: 1.4em;
| |
| - | padding: .3em 0 .1em 0;
| |
| - |
| |
| - | }
| |
| - | div.magnify {
| |
| - | float: right;
| |
| - | border: none !important;
| |
| - | background: none !important;
| |
| - | }
| |
| - | div.magnify a, div.magnify img {
| |
| - | display: block;
| |
| - | border: none !important;
| |
| - | background: none !important;
| |
| - | }
| |
| - | div.tright {
| |
| - | clear: right;
| |
| - | float: right;
| |
| - | border-width: .5em 0 .8em 1.4em;
| |
| - | }
| |
| - | div.tleft {
| |
| - | float: left;
| |
| - | margin-right: .5em;
| |
| - | border-width: .5em 1.4em .8em 0;
| |
| | } | | } |
| | | | |
"
