Content-Length: 4442 | pFad | http://www.novascotiawebcams.com/css/home.css

#webcamhome { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #173962; background: #ffffff; } #webcamhome h3 { height: 48px; line-height: 48px; color: #ffffff; background: #173962; text-align: center; padding: 0; margin: auto; overflow: hidden; } #webcamhome a, #webcamhome a:visited, #webcamhome a:hover { color: #ffffff; text-decoration: none; display: block; } #dummyfeatured { width: 100%; } #webcamhome .hometopleft { position: absolute; top: 0; left: 0; width: 49.5%; height: 50%; margin: 0; display: inline-block; } #webcamhome .piccontainer { position: relative; overflow: hidden; width: 100%; padding-bottom: 62.5%; } #webcamhome .pic { position: absolute; left: 0; top: 0; width: 100%; } #webcamhome .nsw_images img { position: absolute; -moz-backface-visibility: hidden; box-shadow: #000 0em 0em 0em; } #webcamhome .hometopright { position: absolute; top: 0; left: 50.5%; width: 49.5%; height: 50%; margin: 0; display: inline-block; } #webcamhome .hometopleft.homelem a{display: inline-block;} #webcamhome .homemiddle1, #webcamhome .homemiddle2, #webcamhome .homemiddle3, #webcamhome .homemiddle4 { position: absolute; top: 59%; width: 24.25%; background: #6d8fc0; /* Old browsers */ background: -moz-linear-gradient(top, #6d8fc0 0%, #5179b4 75%, #5179b4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d8fc0), color-stop(75%,#5179b4), color-stop(100%,#5179b4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6d8fc0 0%,#5179b4 75%,#5179b4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6d8fc0 0%,#5179b4 75%,#5179b4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6d8fc0 0%,#5179b4 75%,#5179b4 100%); /* IE10+ */ background: linear-gradient(to bottom, #6d8fc0 0%,#5179b4 75%,#5179b4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d8fc0', endColorstr='#5179b4',GradientType=0 ); /* IE6-9 */ display: inline-block; } #webcamhome .homemiddle1 { left: 0%; } #webcamhome .homemiddle2 { left: 25.25%; } #webcamhome .homemiddle3 { left: 50.50%; } #webcamhome .homemiddle4 { left: 75.75%; } #webcamhome img { width: 100%; } #hometicker { position: absolute; bottom: 0; left: 0; width: 100%; height: 43px; line-height: 43px; color: #a2bedb; background: #173962; padding: 0 0 0 0; margin: 0px 0px 0px 0px; overflow: hidden; } #hometicker ul { position: absolute; left: 0; top: 0; padding: 0; margin: 0; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #hometicker li { color: #ffffff; font-weight: bold; white-space: nowrap; padding: 0 1em 0 1em; border-right: 1px solid #163054; margin: 0; display: inline; } #hometicker a, #hometicker a:active, #hometicker a:visited { color: #a2bedb; font-weight: bold; text-decoration: none; } #hometicker a:hover { color: #ffffff; font-weight: bold; text-decoration: none; } @media only screen and (max-width: 767px) { #webcamimgdummy { margin-bottom: 92px; } #webcamcontainer { position: relative; top: 0; } #webcam { width: 100%; padding-bottom: 92px; overflow: hidden; } #webcamhome { width: auto; overflow: hidden; } #webcamhome .hometopleft { position: relative; left: auto; top: auto; width: 100%; height: 100%; display: inline-block; vertical-align: top; } #webcamhome .hometopright, #webcamhome .homemiddle1, #webcamhome .homemiddle2, #webcamhome .homemiddle3, #webcamhome .homemiddle4 { position: relative; left: auto; top: auto; width: 100%; height: 100%; display: inline-block; vertical-align: top; } /* #webcamhome h3 { position: absolute; left: 0; top: 0; width: 100%; } */ #hometicker { font-size: 13px; } } @media only screen and (min-width: 768px) { #webcamhome h3 { height: 33px; line-height: 33px; } #hometicker { height: 34px; line-height: 34px; font-size: 13px; } } @media only screen and (min-width: 1024px) { #webcamhome h3 { height: 29px; line-height: 29px; } #hometicker { height: 29px; line-height: 29px; font-size: 14px; } } @media only screen and (min-width: 1152px) { #webcamhome h3 { height: 38px; line-height: 38px; } #hometicker { height: 35px; line-height: 35px; font-size: 14px; } } @media only screen and (min-width: 1360px) { #webcamhome h3 { height: 48px; line-height: 48px; } #hometicker { height: 43px; line-height: 43px; font-size: 15px; } }

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! Saves Data!