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 */ |
| + | body.page-Veterinary_Education_Online h1.firstHeading { 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 */ |
| + | #simpleSearch input#searchInput {width: 14em;} |
| + | |
| + | /* Moved upload link from toolbox into the MediaWiki:Sidebar thus suppressing the old duplicate */ |
| + | div#p-tb li#t-upload { display: none; } |
| | | |
| /* Collapsible Tables */ | | /* Collapsible Tables */ |
Line 9: |
Line 83: |
| } | | } |
| | | |
− | /* wikitable/prettytable class for skinning normal tables */ | + | |
| + | /******************* |
| + | ** Table formatting |
| + | *******************/ |
| table.wikitable, | | table.wikitable, |
| table.prettytable { | | table.prettytable { |
− | margin: 1em 1em 1em 0;
| + | margin:1em 1em 1em 0; |
− | background: #f9f9f9;
| + | border:1px solid #AAA; |
− | border: 1px #aaa solid;
| + | border-collapse:collapse; |
− | border-collapse: collapse;
| + | background:#F9F9F9; |
| + | } |
| + | |
| + | table.wikitable th, table.wikitable td, |
| + | table.prettytable th, table.prettytable td { |
| + | padding:0.2em; |
| + | border:1px solid #AAA; |
| + | } |
| + | |
| + | table.wikitable th, |
| + | table.prettytable th { |
| + | background:#F2F2F2; |
| + | text-align:center; |
| } | | } |
− | .wikitable th, .wikitable td, | + | |
− | .prettytable th, .prettytable td { | + | table.wikitable caption, |
− | border: 1px #aaa solid;
| + | table.prettytable caption { |
− | padding: 0.2em;
| + | margin-left:inherit; |
| + | margin-right:inherit; |
| } | | } |
− | .wikitable th,
| + | |
− | .prettytable th { | + | /* default skin for navigation boxes */ |
− | background: #f2f2f2; | + | table.navbox { |
| + | background-color: #f9f9f9; |
| + | border: 1px solid #aaa; |
| + | clear: both; |
| + | font-size: 90%; |
| + | margin: 1em 0em 0em; |
| + | padding: 2px; |
| text-align: center; | | text-align: center; |
| + | width: 100%; |
| + | } |
| + | |
| + | table.navbox th { |
| + | background-color: #ccf; |
| + | padding-left: 1em; |
| + | padding-right: 1em; |
| + | } |
| + | |
| + | table.navbox tr:not(:first-child) th { |
| + | background-color: #ddf; |
| + | } |
| + | |
| + | @media print { |
| + | .navbox { |
| + | display: none; |
| + | } |
| + | } |
| + | |
| + | /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */ |
| + | |
| + | div.Boxmerge, |
| + | div.NavFrame { |
| + | margin: 0px; |
| + | padding: 4px; |
| + | border: 1px solid #aaa; |
| + | text-align: center; |
| + | border-collapse: collapse; |
| + | font-size: 95%; |
| } | | } |
− | .wikitable caption, | + | div.Boxmerge div.NavFrame { |
− | .prettytable caption { | + | border-style: none; |
− | font-weight: bold;
| + | border-style: hidden; |
| + | } |
| + | div.NavFrame + div.NavFrame { |
| + | border-top-style: none; |
| + | border-top-style: hidden; |
| + | } |
| + | div.NavPic { |
| + | background-color: #fff; |
| + | margin: 0px; |
| + | padding: 2px; |
| + | float: left; |
| + | } |
| + | div.NavFrame div.NavHead { |
| + | height: 1.6em; |
| + | font-weight: bold; |
| + | background-color: #ccccff; |
| + | position:relative; |
| + | } |
| + | div.NavFrame p { |
| + | font-size: 100%; |
| + | } |
| + | div.NavFrame div.NavContent { |
| + | font-size: 100%; |
| + | } |
| + | div.NavFrame div.NavContent p { |
| + | font-size: 100%; |
| + | } |
| + | div.NavEnd { |
| + | margin: 0px; |
| + | padding: 0px; |
| + | line-height: 1px; |
| + | clear: both; |
| + | } |
| + | a.NavToggle { |
| + | position:absolute; |
| + | top:0px; |
| + | right:3px; |
| + | font-weight:normal; |
| + | font-size:smaller; |
| } | | } |
| + | |
| | | |
| /* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */ | | /* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */ |
− | .my-buttons { padding: 0.5em; } | + | .my-buttons { |
| + | padding: .5em; |
| + | } |
| .my-buttons a { | | .my-buttons a { |
| color: black; | | color: black; |
− | background-color: #ccddee !important; | + | background-color: #cde !important; |
| font-weight: bold; | | font-weight: bold; |
− | font-size: 0.9em; | + | font-size: .9em; |
| text-decoration: none; | | text-decoration: none; |
− | border: thin #006699 outset; | + | border: thin #069 outset; |
− | padding: 0 0.1em 0.1em 0.1em; | + | padding: 0 .1em .1em; |
| } | | } |
| .my-buttons a:hover, .my-buttons a:active { | | .my-buttons a:hover, .my-buttons a:active { |
− | background-color: #bbccdd; | + | background-color: #bcd; |
| border-style: inset; | | border-style: inset; |
| + | } |
| + | |
| + | /* from [[User:Splarka/Help:Linked images]] */ |
| + | .imagelink_wikilogo a { |
| + | width: 135px; |
| + | height: 135px; |
| + | display: block; |
| + | text-decoration: none; |
| + | background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png"); |
| + | } |
| + | |
| + | |
| + | /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ |
| + | th.mbox-text, td.mbox-text { /* The message body cell(s) */ |
| + | border: none; |
| + | padding: 0.25em 0.9em; /* 0.9em left/right */ |
| + | width: 100%; /* Make all mboxes the same width regardless of text length */ |
| + | } |
| + | td.mbox-image { /* The left image cell */ |
| + | border: none; |
| + | padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ |
| + | text-align: center; |
| + | } |
| + | td.mbox-imageright { /* The right image cell */ |
| + | border: none; |
| + | padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ |
| + | text-align: center; |
| + | } |
| + | |
| + | /* Article message box styles */ |
| + | table.ambox { /* 10% = Will not overlap with other elements */ |
| + | margin: -1px 10% 0px; /* -1px = Single border between stacked boxes in all browsers */ |
| + | border: 1px solid #aaa; |
| + | border-left: 10px solid #1e90ff; /* Default "notice" blue */ |
| + | background: #fbfbfb; |
| + | } |
| + | .ambox th.mbox-text, |
| + | .ambox td.mbox-text { /* The message body cell(s) */ |
| + | padding: 0.25em 0.5em; /* 0.5em left/right */ |
| + | } |
| + | .ambox td.mbox-image { /* The left image cell */ |
| + | padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ |
| + | } |
| + | .ambox td.mbox-imageright { /* The right image cell */ |
| + | padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ |
| + | } |
| + | |
| + | table.ambox-notice { |
| + | border-left: 10px solid #1e90ff; /* Blue */ |
| + | } |
| + | table.ambox-reviewed{ |
| + | border-left: 10px solid #00CC00; /* Green*/ |
| + | } |
| + | table.ambox-speedy { |
| + | border-left: 10px solid #b22222; /* Red */ |
| + | background: #fee; /* Pink */ |
| + | } |
| + | table.ambox-serious, |
| + | table.ambox-delete { /* "serious" is deprecated, use "delete" instead. */ |
| + | border-left: 10px solid #b22222; /* Red */ |
| + | } |
| + | table.ambox-content { |
| + | border-left: 10px solid #f28500; /* Orange */ |
| + | } |
| + | table.ambox-style { |
| + | border-left: 10px solid #f4c430; /* Yellow */ |
| + | } |
| + | table.ambox-merge, |
| + | table.ambox-move { /* "merge" is deprecated, use "move" instead. */ |
| + | border-left: 10px solid #9932cc; /* Purple */ |
| + | } |
| + | table.ambox-protection { |
| + | border-left: 10px solid #bba; /* Gray-gold */ |
| + | } |
| + | |
| + | /* Image message box styles */ |
| + | table.imbox { |
| + | margin: 4px 10%; |
| + | border-collapse: collapse; |
| + | border: 3px solid #1e90ff; /* Default "notice" blue */ |
| + | background: #fbfbfb; |
| + | } |
| + | .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ |
| + | margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ |
| + | } |
| + | .mbox-inside .imbox { /* For imboxes inside other templates. */ |
| + | margin: 4px; |
| + | } |
| + | |
| + | table.imbox-notice { |
| + | border: 3px solid #1e90ff; /* Blue */ |
| + | } |
| + | table.imbox-speedy { |
| + | border: 3px solid #b22222; /* Red */ |
| + | background: #fee; /* Pink */ |
| + | } |
| + | table.imbox-delete { |
| + | border: 3px solid #b22222; /* Red */ |
| + | } |
| + | table.imbox-content { |
| + | border: 3px solid #f28500; /* Orange */ |
| + | } |
| + | table.imbox-style { |
| + | border: 3px solid #f4c430; /* Yellow */ |
| + | } |
| + | table.imbox-move { |
| + | border: 3px solid #9932cc; /* Purple */ |
| + | } |
| + | table.imbox-protection { |
| + | border: 3px solid #bba; /* Gray-gold */ |
| + | } |
| + | table.imbox-license { |
| + | border: 3px solid #88a; /* Dark gray */ |
| + | background: #f7f8ff; /* Light gray */ |
| + | } |
| + | table.imbox-featured { |
| + | border: 3px solid #cba135; /* Brown-gold */ |
| + | } |
| + | |
| + | /* Category message box styles */ |
| + | table.cmbox { |
| + | margin: 3px 10%; |
| + | border-collapse: collapse; |
| + | border: 1px solid #aaa; |
| + | background: #DFE8FF; /* Default "notice" blue */ |
| + | } |
| + | |
| + | table.cmbox-notice { |
| + | background: #DFE8FF; /* Blue */ |
| + | } |
| + | table.cmbox-speedy { |
| + | margin-top: 4px; |
| + | margin-bottom: 4px; |
| + | border: 4px solid #b22222; /* Red */ |
| + | background: #FFDBDB; /* Pink */ |
| + | } |
| + | table.cmbox-delete { |
| + | background: #FFDBDB; /* Red */ |
| + | } |
| + | table.cmbox-content { |
| + | background: #FFE7CE; /* Orange */ |
| + | } |
| + | table.cmbox-style { |
| + | background: #FFF9DB; /* Yellow */ |
| + | } |
| + | table.cmbox-move { |
| + | background: #F1D0FF; /* Purple */ |
| + | } |
| + | table.cmbox-protection { |
| + | background: #EFEFE1; /* Gray-gold */ |
| + | } |
| + | |
| + | /* Other pages message box styles */ |
| + | table.ombox { |
| + | margin: 4px 10%; |
| + | border-collapse: collapse; |
| + | border: 1px solid #aaa; /* Default "notice" gray */ |
| + | background: #f9f9f9; |
| + | } |
| + | table.ombox-small { /* For the "small=yes" option */ |
| + | clear: right; |
| + | float: right; |
| + | margin: 4px 0 4px 1em; |
| + | width: 238px; |
| + | font-size: 88%; |
| + | line-height: 1.25em; |
| + | } |
| + | |
| + | table.ombox-notice { |
| + | border: 1px solid #aaa; /* Gray */ |
| + | } |
| + | table.ombox-speedy { |
| + | border: 2px solid #b22222; /* Red */ |
| + | background: #fee; /* Pink */ |
| + | } |
| + | table.ombox-delete { |
| + | border: 2px solid #b22222; /* Red */ |
| + | } |
| + | table.ombox-content { |
| + | border: 1px solid #f28500; /* Orange */ |
| + | } |
| + | table.ombox-style { |
| + | border: 1px solid #f4c430; /* Yellow */ |
| + | } |
| + | table.ombox-move { |
| + | border: 1px solid #9932cc; /* Purple */ |
| + | } |
| + | table.ombox-protection { |
| + | border: 2px solid #bba; /* Gray-gold */ |
| + | } |
| + | |
| + | /* Talk page message box styles */ |
| + | table.tmbox { |
| + | margin: 4px 10%; |
| + | border-collapse: collapse; |
| + | border: 1px solid #c0c090; /* Default "notice" gray-brown */ |
| + | background: #f8eaba; |
| + | } |
| + | table.tmbox-small { /* For the "small=yes" option */ |
| + | clear: right; |
| + | float: right; |
| + | margin: 4px 0 4px 1em; |
| + | width: 238px; |
| + | font-size: 88%; |
| + | line-height: 1.25em; |
| + | } |
| + | .mbox-inside .tmbox { /* For tmboxes inside other templates. */ |
| + | margin: 2px 0; |
| + | width: 100%; /* Fix for Safari and Opera. */ |
| + | } |
| + | |
| + | table.tmbox-speedy { |
| + | border: 2px solid #b22222; /* Red */ |
| + | background: #fee; /* Pink */ |
| + | } |
| + | table.tmbox-delete { |
| + | border: 2px solid #b22222; /* Red */ |
| + | } |
| + | table.tmbox-content { |
| + | border: 2px solid #f28500; /* Orange */ |
| + | } |
| + | table.tmbox-style { |
| + | border: 2px solid #f4c430; /* Yellow */ |
| + | } |
| + | table.tmbox-move { |
| + | border: 2px solid #9932cc; /* Purple */ |
| + | } |
| + | table.tmbox-protection, |
| + | table.tmbox-notice { |
| + | border: 1px solid #c0c090; /* Gray-brown */ |
| + | } |
| + | |
| + | /* Highlight clicked reference in blue to help navigation */ |
| + | ol.references > li:target, |
| + | sup.reference:target, |
| + | span.citation:target { |
| + | 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; |
| } | | } |