Template:Css
From 2011.igem.org
(Difference between revisions)
(Created page with " css") |
|||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <style type="text/css"> | ||
- | + | #art-main, table | |
+ | { | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6, p, a, ul, ol, li | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .art-postcontent, | ||
+ | .art-postcontent li, | ||
+ | .art-postcontent table, | ||
+ | .art-postcontent a, | ||
+ | .art-postcontent a:link, | ||
+ | .art-postcontent a:visited, | ||
+ | .art-postcontent a.visited, | ||
+ | .art-postcontent a:hover, | ||
+ | .art-postcontent a.hovered | ||
+ | { | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | } | ||
+ | |||
+ | .art-postcontent p | ||
+ | { | ||
+ | margin: 12px 0; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6, | ||
+ | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, | ||
+ | h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, | ||
+ | h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, | ||
+ | h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover | ||
+ | { | ||
+ | font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
+ | font-size: 20px; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .art-postcontent a | ||
+ | { | ||
+ | text-decoration: underline; | ||
+ | color: #318AB9; | ||
+ | } | ||
+ | |||
+ | .art-postcontent a:link | ||
+ | { | ||
+ | text-decoration: underline; | ||
+ | color: #318AB9; | ||
+ | } | ||
+ | |||
+ | .art-postcontent a:visited, .art-postcontent a.visited | ||
+ | { | ||
+ | color: #587E93; | ||
+ | } | ||
+ | |||
+ | .art-postcontent a:hover, .art-postcontent a.hover | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | color: #09BDDC; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h1 | ||
+ | { | ||
+ | color: #246689; | ||
+ | margin: 12px 0; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent h1 | ||
+ | { | ||
+ | margin: 12px 0; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h2 | ||
+ | { | ||
+ | color: #318AB9; | ||
+ | margin: 13px 0; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent h2 | ||
+ | { | ||
+ | margin: 13px 0; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited | ||
+ | { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h3 | ||
+ | { | ||
+ | color: #4683A4; | ||
+ | margin: 16px 0; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent h3 | ||
+ | { | ||
+ | margin: 16px 0; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited | ||
+ | { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h4 | ||
+ | { | ||
+ | color: #4E7083; | ||
+ | margin: 18px 0; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent h4 | ||
+ | { | ||
+ | margin: 18px 0; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited | ||
+ | { | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h5 | ||
+ | { | ||
+ | color: #4E7083; | ||
+ | margin: 20px 0; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent h5 | ||
+ | { | ||
+ | margin: 20px 0; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited | ||
+ | { | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h6 | ||
+ | { | ||
+ | color: #769AAD; | ||
+ | margin: 25px 0; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent h6 | ||
+ | { | ||
+ | margin: 25px 0; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited | ||
+ | { | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | ul | ||
+ | { | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | ol | ||
+ | { | ||
+ | list-style-position: inside; | ||
+ | } | ||
+ | |||
+ | html | ||
+ | { | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | #art-main | ||
+ | { | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | z-index: 0; | ||
+ | width: 100%; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | cursor:default; | ||
+ | overflow:visible; | ||
+ | float: left; | ||
+ | clear: left; | ||
+ | } | ||
+ | |||
+ | body | ||
+ | { | ||
+ | padding: 0; | ||
+ | margin:0; | ||
+ | color: #2E424C; | ||
+ | height:100%; | ||
+ | min-height:100%; | ||
+ | background-color: #7296AA; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/thumb/1/17/Unipv11_Bottom_texture.jpg/28px-Unipv11_Bottom_texture.jpg'); | ||
+ | background-repeat: repeat-x; | ||
+ | background-attachment: fixed; | ||
+ | background-position: top left; | ||
+ | min-width: 800px; | ||
+ | } | ||
+ | |||
+ | .cleared | ||
+ | { | ||
+ | display:block; | ||
+ | clear: both; | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | font-size: 0; | ||
+ | height:0; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | .reset-box | ||
+ | { | ||
+ | overflow:hidden; | ||
+ | display:table; | ||
+ | } | ||
+ | |||
+ | form | ||
+ | { | ||
+ | padding: 0 !important; | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | table.position | ||
+ | { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | table-layout: fixed; | ||
+ | } | ||
+ | /* end Page */ | ||
+ | |||
+ | /* begin Box, Sheet */ | ||
+ | .art-sheet | ||
+ | { | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | min-width: 53px; | ||
+ | min-height: 53px; | ||
+ | margin-top: 17px; | ||
+ | margin-bottom: -3px; | ||
+ | cursor:auto; | ||
+ | width: 800px; | ||
+ | } | ||
+ | |||
+ | .art-sheet-body | ||
+ | { | ||
+ | position: relative; | ||
+ | padding: 13px; | ||
+ | padding-top:13px; | ||
+ | padding-bottom:13px; | ||
+ | } | ||
+ | |||
+ | .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl | ||
+ | { | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl | ||
+ | { | ||
+ | width: 64px; | ||
+ | height: 64px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/45/Unipv11_sheet_s.png'); | ||
+ | } | ||
+ | |||
+ | .art-sheet-tl | ||
+ | { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | clip: rect(auto, 32px, 32px, auto); | ||
+ | } | ||
+ | |||
+ | .art-sheet-tr | ||
+ | { | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, 32px, 32px); | ||
+ | } | ||
+ | |||
+ | .art-sheet-bl | ||
+ | { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | clip: rect(32px, 32px, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-sheet-br | ||
+ | { | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | clip: rect(32px, auto, auto, 32px); | ||
+ | } | ||
+ | |||
+ | .art-sheet-tc, .art-sheet-bc | ||
+ | { | ||
+ | left: 32px; | ||
+ | right: 32px; | ||
+ | height: 64px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/5/59/Unipv11_sheet_h.png'); | ||
+ | } | ||
+ | |||
+ | .art-sheet-tc | ||
+ | { | ||
+ | top: 0; | ||
+ | clip: rect(auto, auto, 32px, auto); | ||
+ | } | ||
+ | |||
+ | .art-sheet-bc | ||
+ | { | ||
+ | bottom: 0; | ||
+ | clip: rect(32px, auto, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-sheet-cr, .art-sheet-cl | ||
+ | { | ||
+ | top: 32px; | ||
+ | bottom: 32px; | ||
+ | width: 64px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/7/7a/Unipv11_sheet_v.png'); | ||
+ | } | ||
+ | |||
+ | .art-sheet-cr | ||
+ | { | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, auto, 32px); | ||
+ | } | ||
+ | |||
+ | .art-sheet-cl | ||
+ | { | ||
+ | left: 0; | ||
+ | clip: rect(auto, 32px, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-sheet-cc | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 32px; | ||
+ | left: 32px; | ||
+ | right: 32px; | ||
+ | bottom: 32px; | ||
+ | background-color: #FCFDFD; | ||
+ | } | ||
+ | |||
+ | #art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare | ||
+ | { | ||
+ | min-width: 800px; | ||
+ | } | ||
+ | |||
+ | /* end Box, Sheet */ | ||
+ | |||
+ | /* begin Header */ | ||
+ | div.art-header | ||
+ | { | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | width:100%; | ||
+ | height: 250px; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | div.art-header-clip | ||
+ | { | ||
+ | position: absolute; | ||
+ | width:100%; | ||
+ | left:0; | ||
+ | overflow:hidden; | ||
+ | height:250px; | ||
+ | } | ||
+ | |||
+ | div.art-header-png | ||
+ | { | ||
+ | position: absolute; | ||
+ | left:0; | ||
+ | top: 0; | ||
+ | width: 774px; | ||
+ | height: 250px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/1/1c/Unipv11_header.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position:center center; | ||
+ | } | ||
+ | |||
+ | div.art-header-jpeg | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left:0; | ||
+ | width: 774px; | ||
+ | height: 250px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/d/d2/Unipv11_header.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center center; | ||
+ | } | ||
+ | /* end Header */ | ||
+ | |||
+ | /* begin Logo */ | ||
+ | div.art-logo | ||
+ | { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 20px; | ||
+ | left: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #headline, #slogan | ||
+ | { | ||
+ | display: block; | ||
+ | min-width: 150px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | /* end Logo */ | ||
+ | |||
+ | /* begin Menu */ | ||
+ | /* menu structure */ | ||
+ | |||
+ | .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover | ||
+ | { | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | .art-hmenu, .art-hmenu ul | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | list-style-type: none; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | z-index: 5; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li:hover | ||
+ | { | ||
+ | z-index: 10000; | ||
+ | white-space: normal; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li li | ||
+ | { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .art-hmenu ul | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | z-index: 10; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | background: none; | ||
+ | min-height: 0; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/7/73/Unipv11_space.gif'); | ||
+ | padding: 10px 30px 30px 30px; | ||
+ | margin: -10px 0 0 -30px; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li:hover>ul | ||
+ | { | ||
+ | visibility: visible; | ||
+ | top: 100%; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li li:hover>ul | ||
+ | { | ||
+ | top: 0; | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .art-hmenu:after, .art-hmenu ul:after | ||
+ | { | ||
+ | content: "."; | ||
+ | height: 0; | ||
+ | display: block; | ||
+ | visibility: hidden; | ||
+ | overflow: hidden; | ||
+ | clear: both; | ||
+ | } | ||
+ | .art-hmenu{ | ||
+ | min-height: 0; | ||
+ | position:relative; | ||
+ | padding: 0 10px 0 10px; | ||
+ | } | ||
+ | |||
+ | .art-hmenu ul ul | ||
+ | { | ||
+ | padding: 30px 30px 30px 10px; | ||
+ | margin: -30px 0 0 -10px; | ||
+ | } | ||
+ | |||
+ | ul.art-hmenu | ||
+ | { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | /* menu structure */ | ||
+ | |||
+ | .art-nav | ||
+ | { | ||
+ | position: relative; | ||
+ | margin:0 auto; | ||
+ | min-height: 27px; | ||
+ | z-index: 100; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .art-nav-outer | ||
+ | { | ||
+ | position:absolute; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .art-nav-l, .art-nav-r | ||
+ | { | ||
+ | position: absolute; | ||
+ | z-index: -1; | ||
+ | top: 0; | ||
+ | height: 100%; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/3/33/Unipv11_nav.png'); | ||
+ | } | ||
+ | |||
+ | .art-nav-l | ||
+ | { | ||
+ | left: 0; | ||
+ | right: 10px; | ||
+ | } | ||
+ | |||
+ | .art-nav-r | ||
+ | { | ||
+ | right: 0; | ||
+ | width: 774px; | ||
+ | clip: rect(auto, auto, auto, 764px); | ||
+ | } | ||
+ | |||
+ | /* end Menu */ | ||
+ | |||
+ | /* begin MenuItem */ | ||
+ | .art-hmenu a | ||
+ | { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | overflow: hidden; | ||
+ | height: 27px; | ||
+ | cursor: pointer; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .art-hmenu ul li | ||
+ | { | ||
+ | margin:0; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .art-hmenu a .r, .art-hmenu a .l | ||
+ | { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | top: 0; | ||
+ | z-index: -1; | ||
+ | height: 91px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/8/86/Unipv11_menuitem.png'); | ||
+ | } | ||
+ | |||
+ | .art-hmenu a .l | ||
+ | { | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | .art-hmenu a .r | ||
+ | { | ||
+ | width: 400px; | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, auto, 400px); | ||
+ | } | ||
+ | |||
+ | .art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover | ||
+ | { | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .art-hmenu a .t | ||
+ | { | ||
+ | color: #0C212C; | ||
+ | padding: 0 17px; | ||
+ | margin: 0 0; | ||
+ | line-height: 27px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .art-hmenu a:hover .l, .art-hmenu a:hover .r | ||
+ | { | ||
+ | top: -32px; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r | ||
+ | { | ||
+ | top: -32px; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li:hover a .l, .art-hmenu li:hover a .r | ||
+ | { | ||
+ | top: -32px; | ||
+ | } | ||
+ | .art-hmenu a:hover .t | ||
+ | { | ||
+ | color: #D9E3E8; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li:hover a .t | ||
+ | { | ||
+ | color: #D9E3E8; | ||
+ | } | ||
+ | |||
+ | .art-hmenu li:hover>a .t | ||
+ | { | ||
+ | color: #D9E3E8; | ||
+ | } | ||
+ | |||
+ | /* end MenuItem */ | ||
+ | |||
+ | /* begin MenuSeparator */ | ||
+ | .art-hmenu .art-hmenu-li-separator | ||
+ | { | ||
+ | display: block; | ||
+ | width: 1px; | ||
+ | height:27px; | ||
+ | } | ||
+ | .art-nav .art-hmenu-separator | ||
+ | { | ||
+ | display: block; | ||
+ | margin:0 auto; | ||
+ | width: 1px; | ||
+ | height: 27px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/0/0d/Unipv11_menuseparator.png'); | ||
+ | } | ||
+ | /* end MenuSeparator */ | ||
+ | |||
+ | /* begin MenuSubItem */ | ||
+ | .art-hmenu ul a | ||
+ | { | ||
+ | display: block; | ||
+ | white-space: nowrap; | ||
+ | height: 26px; | ||
+ | width: 180px; | ||
+ | overflow: hidden; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/0/0e/Unipv11_subitem.png'); | ||
+ | background-position: left top; | ||
+ | background-repeat: repeat-x; | ||
+ | border-width: 1px; | ||
+ | border-style: solid; | ||
+ | border-color: #E2EAEE; | ||
+ | text-align: left; | ||
+ | text-indent: 12px; | ||
+ | text-decoration: none; | ||
+ | line-height: 26px; | ||
+ | color: #0C212C; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span | ||
+ | { | ||
+ | display: inline; | ||
+ | float: none; | ||
+ | margin: inherit; | ||
+ | padding: inherit; | ||
+ | background-image: none; | ||
+ | text-align: inherit; | ||
+ | text-decoration: inherit; | ||
+ | } | ||
+ | |||
+ | .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span | ||
+ | { | ||
+ | text-align: left; | ||
+ | text-indent: 12px; | ||
+ | text-decoration: none; | ||
+ | line-height: 26px; | ||
+ | color: #0C212C; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | .art-hmenu ul li a:hover | ||
+ | { | ||
+ | color: #111F27; | ||
+ | border-color: #E2EAEE; | ||
+ | background-position: 0 -26px; | ||
+ | } | ||
+ | |||
+ | .art-hmenu ul li:hover>a | ||
+ | { | ||
+ | color: #111F27; | ||
+ | border-color: #E2EAEE; | ||
+ | background-position: 0 -26px; | ||
+ | } | ||
+ | |||
+ | .art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span | ||
+ | { | ||
+ | color: #111F27; | ||
+ | } | ||
+ | |||
+ | .art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span | ||
+ | { | ||
+ | color: #111F27; | ||
+ | } | ||
+ | |||
+ | /* end MenuSubItem */ | ||
+ | |||
+ | /* begin Layout */ | ||
+ | .art-content-layout | ||
+ | { | ||
+ | display: table; | ||
+ | position:relative; | ||
+ | margin: 0 auto; | ||
+ | table-layout: fixed; | ||
+ | border-collapse: collapse; | ||
+ | background-color: Transparent; | ||
+ | border: none !important; | ||
+ | padding:0 !important; | ||
+ | width:100%; | ||
+ | margin-top:25px; | ||
+ | margin-bottom:0; | ||
+ | } | ||
+ | .art-layout-cell, .art-content-layout-row | ||
+ | { | ||
+ | background-color: Transparent; | ||
+ | vertical-align: top; | ||
+ | text-align: left; | ||
+ | border: none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | .art-content-layout .art-content-layout{margin:0;} | ||
+ | .art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;} | ||
+ | .art-layout-cell .art-layout-cell{display: block;} | ||
+ | .art-content-layout-row {display: table-row;} | ||
+ | .art-layout-glare{position:relative;}/* end Layout */ | ||
+ | |||
+ | /* begin Box, Block, VMenuBlock */ | ||
+ | .art-vmenublock | ||
+ | { | ||
+ | position: relative; | ||
+ | min-width: 31px; | ||
+ | min-height: 31px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-body | ||
+ | { | ||
+ | position: relative; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl, .art-vmenublock-tc, .art-vmenublock-bc,.art-vmenublock-cr, .art-vmenublock-cl | ||
+ | { | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl | ||
+ | { | ||
+ | width: 38px; | ||
+ | height: 38px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/c/c6/Unipv11_vmenublock_s.png'); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-tl | ||
+ | { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | clip: rect(auto, 19px, 19px, auto); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-tr | ||
+ | { | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, 19px, 19px); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-bl | ||
+ | { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | clip: rect(19px, 19px, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-br | ||
+ | { | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | clip: rect(19px, auto, auto, 19px); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-tc, .art-vmenublock-bc | ||
+ | { | ||
+ | left: 19px; | ||
+ | right: 19px; | ||
+ | height: 38px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/b/b9/Unipv11_vmenublock_h.png'); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-tc | ||
+ | { | ||
+ | top: 0; | ||
+ | clip: rect(auto, auto, 19px, auto); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-bc | ||
+ | { | ||
+ | bottom: 0; | ||
+ | clip: rect(19px, auto, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-cr, .art-vmenublock-cl | ||
+ | { | ||
+ | top: 19px; | ||
+ | bottom: 19px; | ||
+ | width: 38px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/8/8c/Unipv11_vmenublock_v.png'); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-cr | ||
+ | { | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, auto, 19px); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-cl | ||
+ | { | ||
+ | left: 0; | ||
+ | clip: rect(auto, 19px, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-vmenublock-cc | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 19px; | ||
+ | left: 19px; | ||
+ | right: 19px; | ||
+ | bottom: 19px; | ||
+ | background-color: #E2EAEE; | ||
+ | } | ||
+ | |||
+ | /* end Box, Block, VMenuBlock */ | ||
+ | |||
+ | /* begin BlockHeader, VMenuBlockHeader */ | ||
+ | .art-vmenublockheader | ||
+ | { | ||
+ | margin-bottom: 0; | ||
+ | position: relative; | ||
+ | height: 33px; | ||
+ | } | ||
+ | |||
+ | .art-vmenublockheader h3.t | ||
+ | { | ||
+ | position: relative; | ||
+ | height: 33px; | ||
+ | color: #000000; | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-size: 13px; | ||
+ | margin:0; | ||
+ | padding: 0 10px 0 28px; | ||
+ | white-space: nowrap; | ||
+ | line-height: 33px; | ||
+ | } | ||
+ | |||
+ | .art-vmenublockheader h3.t a, | ||
+ | .art-vmenublockheader h3.t a:link, | ||
+ | .art-vmenublockheader h3.t a:visited, | ||
+ | .art-vmenublockheader h3.t a:hover | ||
+ | { | ||
+ | color: #000000; | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | .art-vmenublockheader .l, .art-vmenublockheader .r | ||
+ | { | ||
+ | position: absolute; | ||
+ | height: 33px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/a7/Unipv11_vmenublockheader.png'); | ||
+ | } | ||
+ | |||
+ | .art-vmenublockheader .l | ||
+ | { | ||
+ | left: 0; | ||
+ | right: 22px; | ||
+ | } | ||
+ | |||
+ | .art-vmenublockheader .r | ||
+ | { | ||
+ | width: 774px; | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, auto, 752px); | ||
+ | } | ||
+ | |||
+ | /* end BlockHeader, VMenuBlockHeader */ | ||
+ | |||
+ | /* begin Box, Box, VMenuBlockContent */ | ||
+ | .art-vmenublockcontent | ||
+ | { | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | min-width: 1px; | ||
+ | min-height: 1px; | ||
+ | } | ||
+ | |||
+ | .art-vmenublockcontent-body | ||
+ | { | ||
+ | position: relative; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | |||
+ | /* end Box, Box, VMenuBlockContent */ | ||
+ | |||
+ | /* begin VMenu */ | ||
+ | ul.art-vmenu, ul.art-vmenu li | ||
+ | { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: auto; | ||
+ | line-height: 0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu | ||
+ | { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul | ||
+ | { | ||
+ | display: none; | ||
+ | padding: 0; | ||
+ | margin:0 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul.active | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | /* end VMenu */ | ||
+ | |||
+ | /* begin VMenuItem */ | ||
+ | ul.art-vmenu a | ||
+ | { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | overflow: hidden; | ||
+ | height: 30px; | ||
+ | cursor: pointer; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu li.art-vmenu-separator | ||
+ | { | ||
+ | display: block; | ||
+ | padding: 0 0 0 0; | ||
+ | margin: 0; | ||
+ | font-size: 1px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu .art-vmenu-separator-span | ||
+ | { | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | font-size: 1px; | ||
+ | height: 0; | ||
+ | line-height: 0; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a .r, ul.art-vmenu a .l | ||
+ | { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | top: 0; | ||
+ | height: 100px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/0/04/Unipv11_vmenuitem.png'); | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a .l | ||
+ | { | ||
+ | left: 0; | ||
+ | right: 12px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a .r | ||
+ | { | ||
+ | width: 776px; | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, auto, 764px); | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a .t, ul.art-vmenu ul a | ||
+ | { | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a .t | ||
+ | { | ||
+ | display: block; | ||
+ | position:relative; | ||
+ | top:0; | ||
+ | line-height: 30px; | ||
+ | color: #263740; | ||
+ | padding: 0 8px 0 17px; | ||
+ | margin-left:0; | ||
+ | margin-right:0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a.active .l, ul.art-vmenu a.active .r | ||
+ | { | ||
+ | top: -70px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a.active .t | ||
+ | { | ||
+ | color: #153C51; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r | ||
+ | { | ||
+ | top: -35px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu a:hover .t | ||
+ | { | ||
+ | color: #1F3947; | ||
+ | } | ||
+ | |||
+ | /* end VMenuItem */ | ||
+ | |||
+ | /* begin VMenuSubItem */ | ||
+ | ul.art-vmenu ul li | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul a | ||
+ | { | ||
+ | display: block; | ||
+ | white-space: nowrap; | ||
+ | height: 20px; | ||
+ | overflow: visible; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/b/bd/Unipv11_vsubitem.gif'); | ||
+ | background-position: 15px 0; | ||
+ | background-repeat: repeat-x; | ||
+ | padding: 0 0 0 28px; | ||
+ | border: solid 1px #A9BFCB; | ||
+ | line-height: 20px; | ||
+ | color: #184259; | ||
+ | font-size: 11px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul span, ul.art-vmenu ul span span | ||
+ | { | ||
+ | display: inline; | ||
+ | float: none; | ||
+ | margin: inherit; | ||
+ | padding: inherit; | ||
+ | background-image: none; | ||
+ | text-align: inherit; | ||
+ | text-decoration: inherit; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span | ||
+ | { | ||
+ | line-height: 20px; | ||
+ | color: #184259; | ||
+ | font-size: 11px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul ul | ||
+ | { | ||
+ | margin:0 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li.art-vsubmenu-separator | ||
+ | { | ||
+ | display: block; | ||
+ | margin: 0; | ||
+ | font-size: 1px; | ||
+ | padding: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul .art-vsubmenu-separator-span | ||
+ | { | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | font-size: 1px; | ||
+ | height: 0; | ||
+ | line-height: 0; | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li.art-vmenu-separator-first | ||
+ | { | ||
+ | margin-bottom:0; | ||
+ | padding-bottom:0; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li a | ||
+ | { | ||
+ | background-position: 30px 0; | ||
+ | padding: 0 0 0 43px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li a | ||
+ | { | ||
+ | background-position: 45px 0; | ||
+ | padding: 0 0 0 58px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li li a | ||
+ | { | ||
+ | background-position: 60px 0; | ||
+ | padding: 0 0 0 73px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li li li a | ||
+ | { | ||
+ | background-position: 75px 0; | ||
+ | padding: 0 0 0 88px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li a.active | ||
+ | { | ||
+ | color: #BFD0D9; | ||
+ | background-position: 15px -50px; | ||
+ | border: solid 1px #A9BFCB; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li a.active | ||
+ | { | ||
+ | background-position: 30px -50px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li a.active | ||
+ | { | ||
+ | background-position: 45px -50px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li li a.active | ||
+ | { | ||
+ | background-position: 60px -50px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li li li a.active | ||
+ | { | ||
+ | background-position: 75px -50px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active | ||
+ | { | ||
+ | color: #12222B; | ||
+ | background-position: 15px -25px; | ||
+ | border: solid 1px #7BACC6; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active | ||
+ | { | ||
+ | background-position: 30px -25px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active | ||
+ | { | ||
+ | background-position: 45px -25px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active | ||
+ | { | ||
+ | background-position: 60px -25px; | ||
+ | } | ||
+ | |||
+ | ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active | ||
+ | { | ||
+ | background-position: 75px -25px; | ||
+ | } | ||
+ | /* end VMenuSubItem */ | ||
+ | |||
+ | /* begin Box, Block */ | ||
+ | .art-block | ||
+ | { | ||
+ | position: relative; | ||
+ | min-width: 23px; | ||
+ | min-height: 23px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .art-block-body | ||
+ | { | ||
+ | position: relative; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl, .art-block-tc, .art-block-bc,.art-block-cr, .art-block-cl | ||
+ | { | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl | ||
+ | { | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/c/cb/Unipv11_block_s.png'); | ||
+ | } | ||
+ | |||
+ | .art-block-tl | ||
+ | { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | clip: rect(auto, 15px, 15px, auto); | ||
+ | } | ||
+ | |||
+ | .art-block-tr | ||
+ | { | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, 15px, 15px); | ||
+ | } | ||
+ | |||
+ | .art-block-bl | ||
+ | { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | clip: rect(15px, 15px, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-block-br | ||
+ | { | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | clip: rect(15px, auto, auto, 15px); | ||
+ | } | ||
+ | |||
+ | .art-block-tc, .art-block-bc | ||
+ | { | ||
+ | left: 15px; | ||
+ | right: 15px; | ||
+ | height: 30px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/6/6d/Unipv11_block_h.png'); | ||
+ | } | ||
+ | |||
+ | .art-block-tc | ||
+ | { | ||
+ | top: 0; | ||
+ | clip: rect(auto, auto, 15px, auto); | ||
+ | } | ||
+ | |||
+ | .art-block-bc | ||
+ | { | ||
+ | bottom: 0; | ||
+ | clip: rect(15px, auto, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-block-cr, .art-block-cl | ||
+ | { | ||
+ | top: 15px; | ||
+ | bottom: 15px; | ||
+ | width: 30px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/f/f4/Unipv11_block_v.png'); | ||
+ | } | ||
+ | |||
+ | .art-block-cr | ||
+ | { | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, auto, 15px); | ||
+ | } | ||
+ | |||
+ | .art-block-cl | ||
+ | { | ||
+ | left: 0; | ||
+ | clip: rect(auto, 15px, auto, auto); | ||
+ | } | ||
+ | |||
+ | .art-block-cc | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 15px; | ||
+ | left: 15px; | ||
+ | right: 15px; | ||
+ | bottom: 15px; | ||
+ | background-color: #E2EAEE; | ||
+ | } | ||
+ | |||
+ | div.art-block img | ||
+ | { | ||
+ | /* WARNING do NOT collapse this to 'border' - inheritance! */ | ||
+ | border-width: 0; | ||
+ | border-color: #A9BFCB; | ||
+ | border-style: solid; | ||
+ | margin: 5px; | ||
+ | } | ||
+ | |||
+ | /* end Box, Block */ | ||
+ | |||
+ | /* begin BlockHeader */ | ||
+ | .art-blockheader | ||
+ | { | ||
+ | margin-bottom: 0; | ||
+ | position: relative; | ||
+ | height: 33px; | ||
+ | } | ||
+ | |||
+ | .art-blockheader h3.t | ||
+ | { | ||
+ | position: relative; | ||
+ | height: 33px; | ||
+ | color: #000000; | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-size: 13px; | ||
+ | margin:0; | ||
+ | padding: 0 10px 0 28px; | ||
+ | white-space: nowrap; | ||
+ | line-height: 33px; | ||
+ | } | ||
+ | |||
+ | .art-blockheader h3.t a, | ||
+ | .art-blockheader h3.t a:link, | ||
+ | .art-blockheader h3.t a:visited, | ||
+ | .art-blockheader h3.t a:hover | ||
+ | { | ||
+ | color: #000000; | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | .art-blockheader .l, .art-blockheader .r | ||
+ | { | ||
+ | position: absolute; | ||
+ | height: 33px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/7/71/Unipv11_blockheader.png'); | ||
+ | } | ||
+ | |||
+ | .art-blockheader .l | ||
+ | { | ||
+ | left: 0; | ||
+ | right: 22px; | ||
+ | } | ||
+ | |||
+ | .art-blockheader .r | ||
+ | { | ||
+ | width: 774px; | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, auto, 752px); | ||
+ | } | ||
+ | |||
+ | /* end BlockHeader */ | ||
+ | |||
+ | /* begin Box, BlockContent */ | ||
+ | .art-blockcontent | ||
+ | { | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | min-width: 1px; | ||
+ | min-height: 1px; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent-body | ||
+ | { | ||
+ | position: relative; | ||
+ | padding: 3px; | ||
+ | color: #283A43; | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent-body table, | ||
+ | .art-blockcontent-body li, | ||
+ | .art-blockcontent-body a, | ||
+ | .art-blockcontent-body a:link, | ||
+ | .art-blockcontent-body a:visited, | ||
+ | .art-blockcontent-body a:hover | ||
+ | { | ||
+ | color: #283A43; | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent-body p | ||
+ | { | ||
+ | margin: 6px 0; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent-body a, .art-blockcontent-body a:link | ||
+ | { | ||
+ | color: #2C7BA5; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent-body a:visited, .art-blockcontent-body a.visited | ||
+ | { | ||
+ | color: #668EA3; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent-body a:hover, .art-blockcontent-body a.hover | ||
+ | { | ||
+ | color: #09BDDC; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .art-blockcontent-body ul li | ||
+ | { | ||
+ | line-height: 125%; | ||
+ | color: #436070; | ||
+ | padding: 0 0 0 14px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/2/2a/Unipv11_blockcontentbullets.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | }/* end Box, BlockContent */ | ||
+ | |||
+ | /* begin Button */ | ||
+ | .art-button-wrapper a.art-button, | ||
+ | .art-button-wrapper a.art-button:link, | ||
+ | .art-button-wrapper input.art-button, | ||
+ | .art-button-wrapper button.art-button | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 12px; | ||
+ | position:relative; | ||
+ | top:0; | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | white-space: nowrap; | ||
+ | text-align: center; | ||
+ | color: #000000 !important; | ||
+ | width: auto; | ||
+ | outline: none; | ||
+ | border: none; | ||
+ | background: none; | ||
+ | line-height: 29px; | ||
+ | height: 29px; | ||
+ | margin: 0 !important; | ||
+ | padding: 0 16px !important; | ||
+ | overflow: visible; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .art-button img, .art-button-wrapper img | ||
+ | { | ||
+ | margin: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper | ||
+ | { | ||
+ | vertical-align: middle; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | height: 29px; | ||
+ | overflow: hidden; | ||
+ | white-space: nowrap; | ||
+ | width: auto; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | .firefox2 .art-button-wrapper | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | input, select, textarea | ||
+ | { | ||
+ | vertical-align: middle; | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | .art-block select | ||
+ | { | ||
+ | width:96%; | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover | ||
+ | { | ||
+ | color: #000000 !important; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link | ||
+ | { | ||
+ | color: #111F27 !important; | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r | ||
+ | { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | height: 97px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/0/08/Unipv11_button.png'); | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper .art-button-l | ||
+ | { | ||
+ | left: 0; | ||
+ | right: 10px; | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper .art-button-r | ||
+ | { | ||
+ | width: 409px; | ||
+ | right: 0; | ||
+ | clip: rect(auto, auto, auto, 399px); | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r | ||
+ | { | ||
+ | top: -34px; | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r | ||
+ | { | ||
+ | top: -68px; | ||
+ | } | ||
+ | |||
+ | .art-button-wrapper input | ||
+ | { | ||
+ | float: none !important; | ||
+ | } | ||
+ | /* end Button */ | ||
+ | |||
+ | /* begin Box, Post */ | ||
+ | .art-post | ||
+ | { | ||
+ | position: relative; | ||
+ | min-width: 1px; | ||
+ | min-height: 1px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .art-post-body | ||
+ | { | ||
+ | position: relative; | ||
+ | padding: 15px; | ||
+ | } | ||
+ | |||
+ | a img | ||
+ | { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .art-article img, img.art-article, .art-block img, .art-footer img | ||
+ | { | ||
+ | border: solid 0 #A9BFCB; | ||
+ | margin: 5px; | ||
+ | } | ||
+ | |||
+ | .art-metadata-icons img | ||
+ | { | ||
+ | border: none; | ||
+ | vertical-align: middle; | ||
+ | margin: 2px; | ||
+ | } | ||
+ | |||
+ | .art-article table, table.art-article | ||
+ | { | ||
+ | border-collapse: collapse; | ||
+ | margin: 1px; | ||
+ | } | ||
+ | |||
+ | .art-article th, .art-article td | ||
+ | { | ||
+ | padding: 2px; | ||
+ | border: solid 1px #7095A9; | ||
+ | vertical-align: top; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .art-article th | ||
+ | { | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | padding: 7px; | ||
+ | } | ||
+ | |||
+ | pre | ||
+ | { | ||
+ | overflow: auto; | ||
+ | padding: 0.1em; | ||
+ | } | ||
+ | |||
+ | /* end Box, Post */ | ||
+ | |||
+ | /* begin PostHeaderIcon */ | ||
+ | h2.art-postheader | ||
+ | { | ||
+ | color: #1A4861; | ||
+ | margin: 3px 0; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | h2.art-postheader a, | ||
+ | h2.art-postheader a:link, | ||
+ | h2.art-postheader a:visited, | ||
+ | h2.art-postheader a.visited, | ||
+ | h2.art-postheader a:hover, | ||
+ | h2.art-postheader a.hovered | ||
+ | { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | h2.art-postheader a, h2.art-postheader a:link | ||
+ | { | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | color: #2A759D; | ||
+ | } | ||
+ | |||
+ | h2.art-postheader a:visited, h2.art-postheader a.visited | ||
+ | { | ||
+ | color: #4B6B7C; | ||
+ | } | ||
+ | |||
+ | h2.art-postheader a:hover, h2.art-postheader a.hovered | ||
+ | { | ||
+ | text-decoration: underline; | ||
+ | color: #09BDDC; | ||
+ | } | ||
+ | |||
+ | /* end PostHeaderIcon */ | ||
+ | |||
+ | /* begin PostIcons, PostHeaderIcons */ | ||
+ | .art-postheadericons, | ||
+ | .art-postheadericons a, | ||
+ | .art-postheadericons a:link, | ||
+ | .art-postheadericons a:visited, | ||
+ | .art-postheadericons a:hover | ||
+ | { | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-style: italic; | ||
+ | font-weight: normal; | ||
+ | color: #4E7083; | ||
+ | } | ||
+ | |||
+ | .art-postheadericons | ||
+ | { | ||
+ | padding: 1px; | ||
+ | } | ||
+ | |||
+ | .art-postheadericons a, .art-postheadericons a:link | ||
+ | { | ||
+ | text-decoration: underline; | ||
+ | color: #318AB9; | ||
+ | } | ||
+ | |||
+ | .art-postheadericons a:visited, .art-postheadericons a.visited | ||
+ | { | ||
+ | color: #246689; | ||
+ | } | ||
+ | |||
+ | .art-postheadericons a:hover, .art-postheadericons a.hover | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | color: #09BDDC; | ||
+ | } | ||
+ | /* end PostIcons, PostHeaderIcons */ | ||
+ | |||
+ | /* begin PostBullets */ | ||
+ | .art-post ol, .art-post ul | ||
+ | { | ||
+ | margin: 1em 0 1em 2em; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .art-post li | ||
+ | { | ||
+ | font-size: 12px; | ||
+ | color: #091820; | ||
+ | padding: 0 0 0 11px; | ||
+ | } | ||
+ | |||
+ | .art-post li ol, .art-post li ul | ||
+ | { | ||
+ | margin: 0.5em 0 0.5em 2em; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .art-post ol>li | ||
+ | { | ||
+ | background: none; | ||
+ | padding-left: 0; | ||
+ | /* overrides overflow for "ul li" and sets the default value */ | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | .art-post ul>li | ||
+ | { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/5/59/Unipv11_postbullets.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | padding-left: 11px; | ||
+ | /* makes "ul li" not to align behind the image if they are in the same line */ | ||
+ | overflow-x: visible; | ||
+ | overflow-y: hidden; | ||
+ | } | ||
+ | |||
+ | /* end PostBullets */ | ||
+ | |||
+ | /* begin PostQuote */ | ||
+ | .art-postcontent blockquote, | ||
+ | .art-postcontent blockquote a, | ||
+ | .art-postcontent blockquote a:link, | ||
+ | .art-postcontent blockquote a:visited, | ||
+ | .art-postcontent blockquote a:hover | ||
+ | { | ||
+ | color: #0B1013; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .art-postcontent blockquote p | ||
+ | { | ||
+ | margin: 5px 10px 10px; | ||
+ | } | ||
+ | |||
+ | .art-postcontent blockquote | ||
+ | { | ||
+ | border: solid 0 #A9BFCB; | ||
+ | margin: 10px 10px 10px 50px; | ||
+ | padding: 0 0 0 37px; | ||
+ | background-color: #D2DEE4; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/b/b3/Unipv11_postquote.png'); | ||
+ | background-position: left top; | ||
+ | background-repeat: no-repeat; | ||
+ | /* makes blockquote not to align behind the image if they are in the same line */ | ||
+ | overflow: auto; | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | /* end PostQuote */ | ||
+ | |||
+ | /* begin PostIcons, PostFooterIcons */ | ||
+ | .art-postfootericons, | ||
+ | .art-postfootericons a, | ||
+ | .art-postfootericons a:link, | ||
+ | .art-postfootericons a:visited, | ||
+ | .art-postfootericons a:hover | ||
+ | { | ||
+ | font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; | ||
+ | font-style: italic; | ||
+ | font-weight: normal; | ||
+ | color: #4E7083; | ||
+ | } | ||
+ | |||
+ | .art-postfootericons | ||
+ | { | ||
+ | padding: 1px; | ||
+ | } | ||
+ | |||
+ | .art-postfootericons a, .art-postfootericons a:link | ||
+ | { | ||
+ | text-decoration: underline; | ||
+ | color: #318AB9; | ||
+ | } | ||
+ | |||
+ | .art-postfootericons a:visited, .art-postfootericons a.visited | ||
+ | { | ||
+ | color: #246689; | ||
+ | } | ||
+ | |||
+ | .art-postfootericons a:hover, .art-postfootericons a.hover | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | color: #09BDDC; | ||
+ | } | ||
+ | /* end PostIcons, PostFooterIcons */ | ||
+ | |||
+ | /* begin Footer */ | ||
+ | .art-footer | ||
+ | { | ||
+ | position: relative; | ||
+ | margin-top:0; | ||
+ | margin-bottom:0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .art-footer-b | ||
+ | { | ||
+ | position: absolute; | ||
+ | left:10px; | ||
+ | right:10px; | ||
+ | bottom:0; | ||
+ | height:50px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/46/Unipv11_footer_b.png'); | ||
+ | } | ||
+ | |||
+ | .art-footer-r, .art-footer-l | ||
+ | { | ||
+ | position: absolute; | ||
+ | height:50px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/7/75/Unipv11_footer_s.png'); | ||
+ | bottom: 0; | ||
+ | } | ||
+ | |||
+ | .art-footer-l | ||
+ | { | ||
+ | left: 0; | ||
+ | width:10px; | ||
+ | } | ||
+ | |||
+ | .art-footer-r | ||
+ | { | ||
+ | right: 0; | ||
+ | width:20px; | ||
+ | clip: rect(auto, auto, auto, 10px); | ||
+ | } | ||
+ | |||
+ | .art-footer-t | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 50px; | ||
+ | background-color: #83A3B4; | ||
+ | } | ||
+ | |||
+ | .art-footer-body | ||
+ | { | ||
+ | position:relative; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .art-footer-body .art-rss-tag-icon | ||
+ | { | ||
+ | position: absolute; | ||
+ | left: 6px; | ||
+ | bottom:10px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | .art-rss-tag-icon | ||
+ | { | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/0/0b/Unipv11_rssicon.png'); | ||
+ | background-position: center right; | ||
+ | background-repeat: no-repeat; | ||
+ | height: 25px; | ||
+ | width: 25px; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .art-footer-text p | ||
+ | { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .art-footer-text, | ||
+ | .art-footer-text a, | ||
+ | .art-footer-text a:link, | ||
+ | .art-footer-text a:visited, | ||
+ | .art-footer-text a:hover, | ||
+ | .art-footer-text td, | ||
+ | .art-footer-text th, | ||
+ | .art-footer-text caption | ||
+ | { | ||
+ | color: #151E23; | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
+ | |||
+ | .art-footer-text | ||
+ | { | ||
+ | min-height: 50px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .art-footer-text a, | ||
+ | .art-footer-text a:link | ||
+ | { | ||
+ | color: #153C51; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .art-footer-text a:visited | ||
+ | { | ||
+ | color: #263740; | ||
+ | } | ||
+ | |||
+ | .art-footer-text a:hover | ||
+ | { | ||
+ | color: #09BDDC; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | div.art-footer img | ||
+ | { | ||
+ | /* WARNING do NOT collapse this to 'border' - inheritance! */ | ||
+ | border-width: 0; | ||
+ | border-color: #A9BFCB; | ||
+ | border-style: solid; | ||
+ | margin: 10px; | ||
+ | }/* end Footer */ | ||
+ | |||
+ | /* begin PageFooter */ | ||
+ | .art-page-footer, | ||
+ | .art-page-footer a, | ||
+ | .art-page-footer a:link, | ||
+ | .art-page-footer a:visited, | ||
+ | .art-page-footer a:hover | ||
+ | { | ||
+ | font-family: Arial; | ||
+ | font-size: 10px; | ||
+ | letter-spacing: normal; | ||
+ | word-spacing: normal; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-decoration: underline; | ||
+ | color: #1B4B65; | ||
+ | } | ||
+ | |||
+ | .art-page-footer | ||
+ | { | ||
+ | padding: 1em; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | color: #304550; | ||
+ | } | ||
+ | /* end PageFooter */ | ||
+ | |||
+ | /* begin LayoutCell, sidebar1 */ | ||
+ | |||
+ | .art-content-layout .art-sidebar1 | ||
+ | { | ||
+ | width: 210px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | </html> |
Revision as of 17:09, 30 June 2011