|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <style>
| |
| | | | |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | #homeContentBottom {
| |
| − | width:100%;
| |
| − | overflow:hidden;
| |
| − | margin:auto;
| |
| − | height:680px;
| |
| − | text-align: center;
| |
| − | vertical-align: middle;
| |
| − | }*/
| |
| − | .content {
| |
| − | position:relative;
| |
| − | text-align: center;
| |
| − | display:table;
| |
| − | overflow:hidden;
| |
| − | background-clip:border-box;
| |
| − | width:33.333333%;
| |
| − | height:25%;
| |
| − | }
| |
| − | .contentInner {
| |
| − | background:rgba(255,255,255,1);
| |
| − | margin:2.5%;
| |
| − | position:absolute;
| |
| − | overflow:hidden;
| |
| − | top:0;
| |
| − | left:0;
| |
| − | bottom:0;
| |
| − | right:0;
| |
| − | border-radius:10px;
| |
| − | background-clip:border-box;
| |
| − | z-index:1;
| |
| − | }
| |
| − | .centered {
| |
| − | position:absolute !important;
| |
| − | top:50%;
| |
| − | left:50%;
| |
| − | -webkit-transform:translateY(-50%) translateX(-50%);
| |
| − | -moz-transform:translateY(-50%) translateX(-50%);
| |
| − | -o-transform:translateY(-50%) translateX(-50%);
| |
| − | transform:translateY(-50%) translateX(-50%);
| |
| − | }
| |
| − | .tileIcon {
| |
| − | position:absolute !important;
| |
| − | opacity:0.4;
| |
| − | top:50%;
| |
| − | left:50%;
| |
| − | -webkit-transform:translateY(-10%) translateX(-50%);
| |
| − | -moz-transform:translateY(-10%) translateX(-50%);
| |
| − | -o-transform:translateY(-10%) translateX(-50%);
| |
| − | transform:translateY(-10%) translateX(-50%);
| |
| − | filter: gray;
| |
| − | filter: grayscale(1);
| |
| − | -webkit-filter: grayscale(1);
| |
| − | -webkit-transition: filter 0.5s;
| |
| − | -moz-transition: filter 0.5s;
| |
| − | -o-transition: filter 0.5s;
| |
| − | transition: filter 0.5s;
| |
| − | z-index:2;
| |
| − | border-radius:60px;
| |
| − | overflow:hidden;
| |
| − | background-clip:border-box;
| |
| − | }
| |
| − | .tileBack {
| |
| − | z-index:1;
| |
| − | opacity: 0.4;
| |
| − | }
| |
| − | .tileText {
| |
| − | position:absolute !important;
| |
| − | z-index:3;
| |
| − | top:50%;
| |
| − | left:50%;
| |
| − | -webkit-transform:translateY(-200%) translateX(-50%);
| |
| − | -moz-transform:translateY(-200%) translateX(-50%);
| |
| − | -o-transform:translateY(-200%) translateX(-50%);
| |
| − | transform:translateY(-200%) translateX(-50%);
| |
| − | }
| |
| − |
| |
| − | .content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.content p,.content ul,.content li,.content ol,.content img {
| |
| − | /* text-align:center !important;*/
| |
| − | /* display:table-cell !important;*/
| |
| − | margin:0 auto !important;
| |
| − | /* vertical-align:middle !important;*/
| |
| − | position:relative;
| |
| − | }
| |
| − | .content a.over {
| |
| − | display:table;
| |
| − | height:100%;
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | .content h1 {
| |
| − | /* vertical-align:middle;*/
| |
| − | color: #006EB4 !important;
| |
| − | }
| |
| − | .content img {
| |
| − | -webkit-transition: opacity 0.5s;
| |
| − | -moz-transition: opacity 0.5s;
| |
| − | -o-transition: opacity 0.5s;
| |
| − | transition: opacity 0.5s;
| |
| − | }
| |
| − | .content:hover .tileBack {
| |
| − | }
| |
| − | .content:hover .tileIcon {
| |
| − | filter: none;
| |
| − | -webkit-filter: grayscale(0);
| |
| − | opacity:1;
| |
| − | }
| |
| − |
| |
| − | #rightSideFiller {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | #homepageLogo {
| |
| − | width:80%;
| |
| − | margin:auto;
| |
| − | display:inherit;
| |
| − | }
| |
| − |
| |
| − | #homepageImageContainer {
| |
| − | height:80%;
| |
| − | position:relative;
| |
| − | }
| |
| − | #homeMainCaption {
| |
| − | background: rgba(0,0,0,0.7);
| |
| − | height:20%;
| |
| − | /* transition: height 0.2s;
| |
| − | position:absolute;
| |
| − | left:0;
| |
| − | right:0;
| |
| − | bottom:0;*/
| |
| − | }
| |
| − | #homeMainCaption h3 {
| |
| − | color:white;
| |
| − | padding:5%;
| |
| − | }
| |
| − | @media screen and (max-device-width:480px) {
| |
| − | #homepageLogo {
| |
| − | display:none;
| |
| − | width:80%;
| |
| − | margin:0;
| |
| − | float:left;
| |
| − | }
| |
| − | p#slogan {
| |
| − | display:none;
| |
| − | }
| |
| − | #sideFiller {
| |
| − | display:block;
| |
| − | }
| |
| − | }
| |
| − | /*#homeMainContainer:hover img {
| |
| − | opacity:1;
| |
| − | }*/
| |
| − | /*
| |
| − | #homeMainContainer img {
| |
| − | height:auto;
| |
| − | width:80%;
| |
| − | position:absolute !important;
| |
| − | top:50%;
| |
| − | left:50%;
| |
| − | -webkit-transform:translateY(-50%) translateX(-50%);
| |
| − | -moz-transform:translateY(-50%) translateX(-50%);
| |
| − | -o-transform:translateY(-50%) translateX(-50%);
| |
| − | transform:translateY(-50%) translateX(-50%);
| |
| − |
| |
| − |
| |
| − | }*/
| |
| − | #homeMainContainer a {
| |
| − | color:#006EB4;
| |
| − | transition: color 0.2s;
| |
| − | }
| |
| − | #homeMainContainer a:hover {
| |
| − | text-decoration:none;
| |
| − | color:#00964B;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | </html>
| |
