Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| + | |
| + | /* CSS for VVH */ |
| + | .myopac img{border: none;filter:alpha(opacity=0);-moz-opacity: 0.00;opacity: 0.00;position: relative;} |
| + | .myopac:hover img{border: none;filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;position: relative;} |
| + | .ns-102 #bodyContent a { position: right top;width: 180px; height: 135px;} |
| + | .ns-102 #content { border-left: 1px solid #a7d7f9; background-image: url(http://commons.wikivet.net/images/b/b8/PD-banner.png); background-repeat: no-repeat; background-position: right top;} |
| + | .ns-102 #bodyContent { background-image: url(http://commons.wikivet.net/images/3/36/VVH-Banner.png); background-repeat: no-repeat; background-position: right 25px; min-height:600px;} |
| + | .ns-102 .mw-content-ltr{ min-height:600px;} |
| + | #EntMain {left: 0px; top: 0px; position:relative;} |
| + | #EntHosp {left: 235px; top: -367px; z-index: 1; position: relative; width: 0; height: 0; *margin-top: -115px; _margin-top: -0px;} |
| + | #EntEq {left: 44px; top: -259px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -112px; _margin-top: -241px;} |
| + | #EntFarm {left: 392px; top: -217px; z-index: 10; position: relative; width: 0; height: 0; *margin-top: -103px; _margin-top: -233px;} |
| + | /* VVH Equine*/ |
| + | #EqEnt{left: 420px; top: -351px; z-index: 2; position: relative; width: 0; height: 0; *margin-top: -15px; _margin-top: -1px;} |
| + | #EqCardio{left: 194px; top: -199px; z-index: 3; position: relative; width: 0; height: 0; *margin-top: -0px; _margin-top: -36px;} |
| + | #EqDerm{left: 213px; top: -179px; z-index: 4; position: relative; width: 0; height: 0; *margin-top: -1px; _margin-top: -15px;} |
| + | #EqEndo{left: 208px; top: -160px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -5px; _margin-top: -18px;} |
| + | #EqGi{left: 201px; top: -139px; z-index: 6; position: relative; width: 0; height: 0; *margin-top: -6px; _margin-top: -18px;} |
| + | #EqHaem{left: 212px; top: -121px; z-index: 7; position: relative; width: 0; height: 0; *margin-top: -2px; _margin-top: -19px;} |
| + | #EqMsk{left: 202px; top: -101px; z-index: 8; position: relative; width: 0; height: 0; *margin-top: -7px; _margin-top: -19px;} |
| + | #EqAllcc{left: 458px; top: -101px; z-index: 9; position: relative; width: 0; height: 0; *margin-top: -46px; _margin-top: -22px;} |
| + | #EqNeuro{left: 223px; top: -83px; z-index: 10; position: relative; width: 0; height: 0; *margin-top: -0px; _margin-top: -98px;} |
| + | #EqRepro{left: 214px; top: -62px; z-index: 11; position: relative; width: 0; height: 0; *margin-top: -7px; _margin-top: -19px;} |
| + | #EqUrinary{left: 232px; top: -43px; z-index: 12; position: relative; width: 0; height: 0; *margin-top: -1px; _margin-top: -19px;} |
| + | /* VVH Small Animal */ |
| + | #SAExit{left: 314px; top: -428px; z-index: 2; position: relative; width: 0; height: 0; *margin-top: -15px; _margin-top: -0px;} |
| + | #Cardio{left: 79px; top: -401px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: 1px; _margin-top: -36px;} |
| + | #Endo{ left: 94px; top: -379px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -3px; _margin-top: -16px;} |
| + | #Derm{ left: 101px; top: -358px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -3px; _margin-top: -16px;} |
| + | #STSx{ left: 552px; top: -365px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -4px; _margin-top: -17px;} |
| + | #Gastro{left: 86px; top: -339px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -3px; _margin-top: -17px;} |
| + | #Ortho{ left: 552px; top: -348px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -3px; _margin-top: -17px;} |
| + | #Haem{ left: 99px; top: -316px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -2px; _margin-top: -16px;} |
| + | #Ana{ left: 551px; top: -330px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -3px; _margin-top: -15px;} |
| + | #MSK{ left: 88px; top: -296px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -4px; _margin-top: -17px;} |
| + | #Neuro{ left: 112px; top: -274px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -3px; _margin-top: -17px;} |
| + | #Repro{ left: 100px; top: -253px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -3px; _margin-top: -17px;} |
| + | #Urinary{left: 123px; top: -232px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -3px; _margin-top: -16px;} |
| + | #Onc{ left: 524px; top: -233px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -40px; _margin-top: -20px;} |
| + | #Cat { left: 67px; top: -136px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -43px; _margin-top: -82px;} |
| + | #Dog{ left: 529px; top: -119px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -55px; _margin-top: -99px;} |
| + | #Rabbit{left: 265px; top: -86px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -37px; _margin-top: -118px;} |
| + | #Help{ left: 0px; top: -43px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -1px; _margin-top: -89px;} |
| + | /* VVH Farm */ |
| + | #Poultry{left: 66px; top: -381px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -20px; _margin-top: -0px;} |
| + | #Pigs{ left: 163px; top: -352px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -14px; _margin-top: -51px;} |
| + | #Cattle{left: 162px; top: -317px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -15px; _margin-top: -36px;} |
| + | #Sheep{ left: 37px; top: -304px; z-index: 5; position: relative; width: 0; height: 0; *margin-top: -13px; _margin-top: -42px;} |
| + | #DefenT{left: 401px; top: -226px; z-index: 2; position: relative; width: 0; height: 0; *margin-top: -54px; _margin-top: -36px;} |
| + | #DefenB{left: 310px; top: -118px; z-index: 1; position: relative; width: 0; height: 0; *margin-top: -54px; _margin-top: -118px;} |
| + | |
| + | |
| + | #vvh a:link{text-decoration: none;color: white;} |
| + | #vvh a:visited{text-decoration: none;color: white;} |
| + | #vvh a:active{text-decoration: none;color: white;} |
| + | #vvh a:hover{text-decoration: underline;color: white;} |
| | | |
| /* Hide title on front page */ | | /* Hide title on front page */ |
| body.page-Veterinary_Education_Online h1.firstHeading { display:none; } | | body.page-Veterinary_Education_Online h1.firstHeading { display:none; } |
− | body.page-Veterinary_Education_Online div.BreadCrumbsTrail { display:none; } | + | body.page-Veterinary_Education_Online div#BreadCrumbsTrail { display:none; } |
| + | body.page-Veterinary_Education_Online div.articleFeedback-panel { display:none; } |
| + | body.page-Veterinary_Education_Online div#mw-confirmaccount-msg {border: none;} |
| + | |
| + | /* Hide title on mobile home page */ |
| + | body.page-Mobile_App_Home h1.firstHeading { display:none; } |
| + | body.page-Mobile_App_Home div#BreadCrumbsTrail { display:none; } |
| + | body.page-Mobile_App_Home div.articleFeedback-panel { display:none; } |
| + | body.page-Mobile_App_Home div#mw-confirmaccount-msg {border: none;} |
| | | |
| /* Increased size of search box */ | | /* Increased size of search box */ |
Line 385: |
Line 449: |
| span.citation:target { | | span.citation:target { |
| background-color: #DEF; | | background-color: #DEF; |
| + | } |
| + | |
| + | |
| + | /* Hide mobile content from now mobile users */ |
| + | #mf-body { |
| + | display:none |
| + | } |
| + | |
| + | /* Skin HTML buttons */ |
| + | .button { |
| + | border-top: 1px solid #96d1f8; |
| + | background: #65a9d7; |
| + | background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); |
| + | background: -webkit-linear-gradient(top, #3e779d, #65a9d7); |
| + | background: -moz-linear-gradient(top, #3e779d, #65a9d7); |
| + | background: -ms-linear-gradient(top, #3e779d, #65a9d7); |
| + | background: -o-linear-gradient(top, #3e779d, #65a9d7); |
| + | padding: 20px 40px; |
| + | -webkit-border-radius: 14px; |
| + | -moz-border-radius: 14px; |
| + | border-radius: 14px; |
| + | -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; |
| + | -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; |
| + | box-shadow: rgba(0,0,0,1) 0 1px 0; |
| + | text-shadow: rgba(0,0,0,.4) 0 1px 0; |
| + | color: #ffffff; |
| + | font-size: 23px; |
| + | font-family: Helvetica, Arial, Sans-Serif; |
| + | text-decoration: none; |
| + | vertical-align: middle; |
| + | } |
| + | .button:hover { |
| + | border-top-color: #3e84b3; |
| + | background: #3e84b3; |
| + | color: #ccc; |
| + | } |
| + | .button:active { |
| + | border-top-color: #42799e; |
| + | background: #42799e; |
| + | } |
| + | .button#small{ |
| + | padding: 8px 16px; |
| + | font-size: 16px; |
| + | } |
| + | |
| + | .frontpage-tpl{ |
| + | margin: 0 auto; |
| + | background: #fcfcfc; |
| + | border: #50A6C2 1px solid; |
| + | max-width: 800px; |
| + | } |
| + | .frontpage-tpl .tpl-title{ |
| + | background: #E0EEEE; |
| + | padding: 4px; |
| + | text-align: center; |
| + | font-weight: bold; |
| + | } |
| + | .frontpage-tpl .tpl-body{ |
| + | padding: 0 30px 30px; |
| + | } |
| + | .frontpage-tpl .tpl-content{ |
| + | display: flex; |
| + | align-items: stretch; |
| + | justify-content: space-between; |
| + | margin-top:30px; |
| + | } |
| + | .frontpage-tpl .tpl-content-additional{ |
| + | margin-top: 1px; |
| + | } |
| + | .frontpage-tpl .tpl-content .tpl-col, .frontpage-tpl .tpl-content-additional .tpl-col{ |
| + | width: 46.9%; |
| + | border: 1px solid #cef2e0; |
| + | background: #f5faff; |
| + | color: #000; |
| + | padding: 10px; |
| + | } |
| + | .frontpage-tpl .tpl-content-additional .tpl-col{ |
| + | width: 100%; |
| + | } |
| + | .frontpage-tpl .tpl-content .tpl-col-logo{ |
| + | display: flex; |
| + | flex-direction: column; |
| + | justify-content: center; |
| + | text-align:center; |
| + | } |
| + | .frontpage-tpl .tpl-content .tpl-col-logo img{ |
| + | max-width: 100%; |
| + | height: auto; |
| + | } |
| + | .frontpage-tpl .tpl-content h2, .frontpage-tpl .tpl-content-additional h2{ |
| + | margin: 0; |
| + | background: #cedff2; |
| + | font-size: 120%; |
| + | font-weight: bold; |
| + | border: 1px solid #a3bfb1; |
| + | text-align: left; |
| + | color: #000; |
| + | padding: 0.2em 0.4em; |
| + | } |
| + | |
| + | @media(max-width:900px) { |
| + | .frontpage-tpl .tpl-content{ |
| + | flex-wrap: wrap; |
| + | } |
| + | .frontpage-tpl .tpl-content .tpl-col{ |
| + | width:100%; |
| + | } |
| + | .frontpage-tpl .tpl-content .tpl-col-logo{ |
| + | display:none; |
| + | } |
| + | } |
| + | .learning-resources tr th{ |
| + | width:400px; |
| + | } |
| + | .system-images img{ |
| + | padding:36px; |
| + | } |
| + | .wikiclinical .floatleft{ |
| + | float:none; |
| + | } |
| + | .thumb.embedvideo{ |
| + | margin-top:1em; |
| + | margin-bottom:1em; |
| } | | } |