/* Parkglen Animal Clinic - legacy site recreation * Scoped under .parkglen-legacy-site to avoid leaking into the rest of the WordPress theme. * Ported from the original static-site stylesheet; not responsive by design. */ .parkglen-legacy-site { font-family: "trebuchet ms", arial !important; font-size: 14px !important; background: url(../images/background.jpg) top repeat-x #fff !important; box-sizing: content-box !important; /* Break out of the theme's (narrower, often off-center) content column so this sits relative to the real browser viewport, matching how the original static site behaved with no surrounding theme wrapper. */ width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow-x: hidden !important; /* fills the viewport height automatically; this div doesn't, so on short pages the theme's own gray body background shows through below our content. Force it to fill at least the window. */ min-height: 100vh !important; } .parkglen-legacy-site *, .parkglen-legacy-site *:before, .parkglen-legacy-site *:after { box-sizing: content-box !important; } .parkglen-legacy-site .surround {width: 900px !important; margin-left: auto !important; margin-right: auto !important; } .parkglen-legacy-site .top {height: 156px !important; width: 900px !important; background: url(../images/parkglen.jpg) no-repeat !important; } .parkglen-legacy-site .menu {float: right !important; margin-top: 2px !important; margin-right: 50px !important; width: 162px !important; } .parkglen-legacy-site .menu ul {margin: 0 !important; padding: 0 !important; list-style: none !important; } .parkglen-legacy-site .menu ul li {margin: 0 !important; padding: 0 0 0px 0 !important; } .parkglen-legacy-site .menu ul a {font-family: "trebuchet ms", arial !important; color: #63494C !important; text-decoration: none !important; font-weight: bold !important; font-size: 14px !important; display: block !important; padding: 1px 0 1px 40px !important; } .parkglen-legacy-site .menu ul a:hover, .parkglen-legacy-site .menu ul a.active {background: url(../images/menuhover.jpg) no-repeat !important; color: #fff !important; } .parkglen-legacy-site .container {padding: 10px 40px 20px 40px !important; width: 820px !important; background: url(../images/containerback.png) repeat-y !important; } .parkglen-legacy-site .contentbox {width: 594px !important; } .parkglen-legacy-site .contenttop {width: 594px !important; height: 16px !important; background: url(../images/contenttop.jpg) !important; } .parkglen-legacy-site .contentbottom {width: 594px !important; height: 17px !important; background: url(../images/contentbottom.jpg) !important; } .parkglen-legacy-site .content {width: 565px !important; padding: 0 15px 50px 15px !important; background: url(../images/contentback.jpg) repeat-y !important; } .parkglen-legacy-site .bottomround {background: url(../images/bottomround.png) no-repeat !important; height: 23px !important; } .parkglen-legacy-site .leftCol {width: 178px !important; margin: 0 10px 0 20px !important; float: left !important; } .parkglen-legacy-site .rightCol {width: 491px !important; float: left !important; padding: 0 0 0 5px !important; } .parkglen-legacy-site .copy {padding: 10px 10px 0 10px !important; } .parkglen-legacy-site .footer {width: 825px !important; color: #5D4447 !important; font-family: arial !important; font-size: 16px !important; margin: 0 auto 0 auto !important; padding: 5px 0 !important; } .parkglen-legacy-site .footer a {color: #5D4447 !important; text-decoration: none !important; font-size: 11px !important; } .parkglen-legacy-site .footer a:hover {text-decoration: underline !important; } .parkglen-legacy-site table {margin: 0 0 10px 20px !important; border-collapse: collapse !important; } .parkglen-legacy-site table td {width: 100px !important; padding: 0 3px !important; border: none !important; background: none !important; } .parkglen-legacy-site ul {list-style: none !important; margin: 0 0 10px 25px !important; padding: 0 !important; } .parkglen-legacy-site ul li {font-weight: normal !important; } .parkglen-legacy-site h1 {font-size: 22px !important; color: #785C5F !important; height: 33px !important; font-family: "trebuchet ms", arial !important; font-weight: normal !important; background: url(../images/h1.jpg) left no-repeat !important; background-position: 0% 30% !important; letter-spacing: 1px !important; border-bottom: solid 1px #AF8A8E !important; padding: 0px 0 0px 28px !important; margin: 0 0 12px 0 !important; } .parkglen-legacy-site h1 span {position: absolute !important; top: -9999px !important; left: -9999px !important; } .parkglen-legacy-site h2 {color: #63494C !important; font-size: 16px !important; font-style: normal !important; margin: 0 !important; margin-bottom: 5px !important; padding: 0 !important; } .parkglen-legacy-site h3 {font-size: 14px !important; font-style: normal !important; margin: 0 0 3px 0px !important; padding: 0 !important; } .parkglen-legacy-site p {margin: 0 0 10px 5px !important; } .parkglen-legacy-site i {font-style: normal !important; } .parkglen-legacy-site .italic {font-style: italic !important; } .parkglen-legacy-site hr {background: #fff !important; border: none !important; border-bottom: solid 1px #AF8A8E !important; margin: 0 0 10px 0 !important; height: 1px !important; } .parkglen-legacy-site a {color: #3169B4 !important; } .parkglen-legacy-site a:hover {text-decoration: none !important; } .parkglen-legacy-site .offsides {position: absolute !important; top: -1000px !important; left: -1000px !important; } .parkglen-legacy-site .smMargR {margin-right: 5px !important; } .parkglen-legacy-site .mdMargR {margin-right: 10px !important; } .parkglen-legacy-site .mdMargL {margin-left: 10px !important; } .parkglen-legacy-site .lgMargL {margin-left: 20px !important; } .parkglen-legacy-site .xlgMargL {margin-left: 170px !important; } .parkglen-legacy-site .mdMargB {margin-bottom: 10px !important; } .parkglen-legacy-site .lgMargB {margin-bottom: 20px !important; } .parkglen-legacy-site .left {float: left !important; } .parkglen-legacy-site .right {float: right !important; } .parkglen-legacy-site .clear {clear: both !important; float: none !important; height: 0 !important; overflow: hidden !important; } .parkglen-legacy-site img {border: none !important; max-width: none !important; height: auto; } .parkglen-legacy-site .bord {border: solid 1px #000 !important; } /* Gravity Form on the contact page: strip its own spacing so it drops into the legacy layout cleanly */ .parkglen-legacy-site .gform_wrapper {margin: 10px 0 0 0 !important; } .parkglen-legacy-site .gform_wrapper ul.gform_fields {list-style: none !important; margin: 0 !important; } .parkglen-legacy-site .gform_wrapper li.gfield {margin: 0 0 12px 0 !important; }