|
|
| (14 intermediate revisions not shown) |
| Line 3: |
Line 3: |
| | <style type="text/css"> | | <style type="text/css"> |
| | | | |
| - | .box{
| |
| - | width:500px;
| |
| - | height: 500px;
| |
| - | float:left;
| |
| - | }
| |
| - | .trigger{
| |
| - | width:255px;
| |
| - | height: 255px;
| |
| - | position:relative;
| |
| - | z-index: 10;
| |
| - | left:110px;
| |
| - | top:110px;
| |
| - | background-image:url(http://www.psdgraphics.com/wp-content/uploads/2009/04/light-blue-circle.jpg); cursor: pointer;
| |
| - | }
| |
| | | | |
| - | .popcircle{
| + | #thumbTwo{ |
| - | position:relative;
| + | |
| - | z-index: 9;
| + | height: 250px; |
| - | width:500px;
| + | font-size: 100px; |
| - | height:500px;
| + | text-align: center; |
| - | left:0px;
| + | color: white; |
| - | top:-250px; | + | background-color: #5C8AE6; |
| | + | |
| | + | |
| | } | | } |
| - | .popcircle ul{
| + | |
| - | list-style:none;
| + | #thumbTwo:hover{ |
| - | padding:0px;
| + | border: 1px solid gold; |
| - | margin: 0px;
| + | background-color:#1947A3 ; |
| - | height: auto;
| + | color:gold; |
| - | cursor: pointer;
| + | |
| - | }
| + | |
| - | .popcircle ul li{
| + | |
| - | top: 187.5px;
| + | |
| - | left: 187.5px; | + | |
| - | height: 100px;
| + | |
| - | width: 100px;
| + | |
| - | position: absolute; | + | |
| | } | | } |
| | | | |
| Line 101: |
Line 81: |
| | border: 1px solid gold; | | border: 1px solid gold; |
| | color:gold; | | color:gold; |
| | + | |
| | + | } |
| | + | |
| | + | |
| | + | #nav1{ |
| | + | background-color: #003D99;//rgba(0,0,0,0.5); |
| | + | color: white; |
| | + | //border: 1px solid white; |
| | + | padding: 1px; |
| | + | text-align: center; |
| | + | box-sizing: border-box; |
| | + | border-radius: 0; |
| | + | margin-top: -50px; |
| | + | } |
| | + | |
| | + | #nav1 .btn:hover{ |
| | + | color: gold; |
| | + | //background-color: rgba(204,204,204,0.5); |
| | | | |
| | } | | } |
| Line 218: |
Line 216: |
| | } | | } |
| | | | |
| | + | /*::selection { |
| | + | background: gold; |
| | + | color: #fff; |
| | + | }*/ |
| | | | |
| | /*************************************************** | | /*************************************************** |
| Line 223: |
Line 225: |
| | ******************************* | | ******************************* |
| | ******************/ | | ******************/ |
| | + | |
| | | | |
| | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ |
| Line 279: |
Line 282: |
| | text-decoration: underline; | | text-decoration: underline; |
| | background-color:transparent; | | background-color:transparent; |
| - | }
| |
| - |
| |
| - |
| |
| - | ::selection {
| |
| - | background: #F79042;
| |
| - | color: #fff;
| |
| - | }
| |
| - |
| |
| - | .slide-out-div {
| |
| - | padding: 20px;
| |
| - | background-image:url(../img_bu14/popopenbkgd_bu14.png);
| |
| - | background-repeat:repeat;
| |
| - | z-index:30;
| |
| - | text-align:left;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | body {
| |
| - | color: #353535;
| |
| - | font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
| |
| - | //text-align:center;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .content{
| |
| - | text-align:left;
| |
| - | width:100%;
| |
| - | position:relative;
| |
| - | z-index:10;
| |
| - |
| |
| - | }
| |
| - | .text{
| |
| - | width:75%;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | }
| |
| - | .content1{
| |
| - | background-image:url(../img_bu14/whitebkgd_bu14.png);
| |
| - | background-repeat:repeat;}
| |
| - |
| |
| - |
| |
| - |
| |
| - | @media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
| |
| - | .wrap {
| |
| - | width: 90%;
| |
| - | }
| |
| - | #logo {
| |
| - | left: 50px;
| |
| - | top: 30px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
| |
| - | .features li:before {
| |
| - | background: url('img/icons@2x.png');
| |
| - | background-size: 100%;
| |
| - | }
| |
| | } | | } |
| | | | |
| Line 358: |
Line 295: |
| | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} |
| | | | |
| - | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color: #333;//#383838;
| |
| - | border: 0 none;
| |
| - | height: 46px; // DEFAULT 14 px
| |
| - | z-index: 100;
| |
| - | top: 0;
| |
| - | //display: none;
| |
| - | position: fixed;
| |
| - | width: 2975px;
| |
| - | left: 50%;
| |
| - | margin-left: -687px;
| |
| - | }
| |
| | | | |
| - | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color: #333;
| |
| - | height: 1px; //DEFAULT 14 PX
| |
| - | display: none;//block;
| |
| - |
| |
| - | z-index: 10;
| |
| - | position: fixed;
| |
| - | width: 100%;
| |
| - | top: 0;
| |
| - | }
| |
| - |
| |
| - | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| |
| - | color: #727272;
| |
| - | text-decoration: none;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | border: 0px;
| |
| - | background-color: transparent;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | }
| |
| - |
| |
| - | html, body, .wrapper { /*-- changes default wiki settings --*/
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | background-color: transparent;
| |
| - | }
| |
| | | | |
| | #contentcontainer { /*-- creates container for all content on page --*/ | | #contentcontainer { /*-- creates container for all content on page --*/ |
| Line 416: |
Line 308: |
| | margin-top: 0px; | | margin-top: 0px; |
| | } | | } |
| - |
| |
| - | .sidemenu, .sidemenu li {
| |
| - | list-style-type: none;
| |
| - | list-style-image: none;
| |
| - | font-family: verdana;
| |
| - | text-decoration: none;
| |
| - | color:#000;
| |
| - | font-size: 14px;
| |
| - | }
| |
| - |
| |
| - | .sidemenu li {display: block;}
| |
| - |
| |
| - | .sidemenu a {
| |
| - | text-decoration:none;
| |
| - | color: #000;
| |
| - | display: block;
| |
| - | width: 180px;
| |
| - | height: 100%;
| |
| - | padding: 3px 5px;
| |
| - | transition: .25s ease-in-out;
| |
| - | -moz-transition: .25s ease-in-out;
| |
| - | -webkit-transition: .25s ease-in-out;
| |
| - | }
| |
| - |
| |
| - | .sidemenu a.greyout { color: #909090; }
| |
| - |
| |
| - | .sidemenu a:hover {
| |
| - | color:#666;
| |
| - | background-color: #d9f5aa;
| |
| - | }
| |
| - |
| |
| - | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
| |
| - | .sub-sidemenu a {color: #666;}
| |
| - |
| |
| - | div.underconst
| |
| - | {
| |
| - | padding:10px;
| |
| - | border-radius:5px;
| |
| - | background-color:pink;
| |
| - | text-align:center;
| |
| - | }
| |
| - |
| |
| - | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| |
| - |
| |
| - | .contentpara {margin-bottom: 30px;}
| |
| - |
| |
| - | span.email{font-family: monospace; font-weight: normal;}
| |
| - |
| |
| - | fieldset {border: 1px solid #337f53;}
| |
| - |
| |
| - | .greyout {color: #A0A0A0;}
| |
| - | .highlightme {background-color: #FFFF00;}
| |
| - |
| |
| - | #alertContainer { margin-bottom: 10px; width: 936px;}
| |
| - | #annContainer {margin-left: 8px;}
| |
| - | #newsContainer {border: 1px solid #ccc;}
| |
| - |
| |
| - | .newsTitle {
| |
| - | display: block;
| |
| - | color: #414141;
| |
| - | font-size: 25px;
| |
| - | font-family: Georgia, Times, "Times New Roman", serif;
| |
| - | padding: 10px 15px 5px 10px;
| |
| - | border-bottom: 1px solid #ccc;
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - |
| |
| - | .newsItem {
| |
| - | border-bottom: 1px solid #ccc;
| |
| - | display: block;
| |
| - | padding: 5px 15px 0px 10px;
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - |
| |
| - | .newsItem h3 {
| |
| - | width: auto;
| |
| - | display: inline;
| |
| - | font-size: 14px;
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | padding: 0px;
| |
| - | margin: 0px;
| |
| - | }
| |
| - |
| |
| - | .newsItem img {
| |
| - | float: right;
| |
| - | clear: right;
| |
| - | width: 80px;
| |
| - | padding-left: 15px;
| |
| - | display: inline-block;
| |
| - | }
| |
| - |
| |
| - | .newsItem .newsDate {
| |
| - | font-style: italic;
| |
| - | font-size: 14px;
| |
| - | display: inline-block;
| |
| - | color: #999;
| |
| - | float: right;
| |
| - | padding: 0px 0px 10px 15px;
| |
| - | }
| |
| - |
| |
| - | .newsItem p, .newsItem ul, .newsItem li {
| |
| - | padding: 0px;
| |
| - | margin-left: 20px;
| |
| - | font-size: 12px;
| |
| - | line-height: 1.2;
| |
| - | }
| |
| - |
| |
| - | .newsItem p {margin-top: 10px;}
| |
| - |
| |
| - | .annItem {
| |
| - | border: 2px solid #414141;
| |
| - | display: block;
| |
| - | padding: 0px 15px 10px 10px;
| |
| - | margin-bottom: 18px;
| |
| - | position: relative;
| |
| - | height: 160px;
| |
| - | vertical-align: middle;
| |
| - | }
| |
| - |
| |
| - | .annItem .annCentered {
| |
| - | display: table-cell;
| |
| - | vertical-align: middle;
| |
| - | height: 160px;
| |
| - | }
| |
| - |
| |
| - | .annCentered h3 {
| |
| - | padding: 0px;
| |
| - | display: block;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| |
| - | .annItem li {list-style: none; margin: 5px}
| |
| | | | |
| | </style> | | </style> |
| | </html> | | </html> |
"
