/* ================================================================= */ /* */ /* SCREEN.CSS */ /* */ /* Hans Mühlen / 2007-08-07 -- 2010-01-18 */ /* */ /* ================================================================= */ /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* */ /* *** WORK IN PROGRESS! *** Do not copy or comment! */ /* */ /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* ----------------------------------------------------------------- */ /* -- IMPORTED STYLE SHEETS -- */ /* ----------------------------------------------------------------- */ @import url(nonstandard.css); /* ----------------------------------------------------------------- */ /* -- INFORMATIONAL: COLOURS FOR 'FROSTY' STYLE -- */ /* ----------------------------------------------------------------- body text #014 body bgr #fdfdff + image link link #05b link visited #038 link hover #17f link hover (wiki) #094 link hover (application) #c91 b #111 form buttons text #111 form buttons bgr #eeeff4 form buttons txt hover #000 form buttons bgr hover #e0e3f4 banner text #013 banner bgr #f0f3f4 banner bgr (wiki) #dec banner bgr (application) #f9f5df banner border #3b586e side menu fill #f5f6f7 side menu fill (wiki) #e5f5d5 side menu fill (applic.) #ffffd3 side menu 'arrow' image #358 side backdrop # side backdrop border # side bgr # side border # side current text # side linked text # side hover # menu divider # widget head text # widget head bgr # widget head border # widget fill # widget border # widget th #eeeff4 widget td #f5f6f8 widget border #3b586e agenda th text # agenda th bgr # agenda td text # agenda td fill # agenda border # contentheading h2 # address border top # */ /* ----------------------------------------------------------------- */ /* -- INFORMATIONAL: IMAGES FOR 'FROSTY' STYLE -- */ /* ----------------------------------------------------------------- [background image under entire page] html, body img/backdrop_pentaflakes_1200_win.jpg [dropshadow under banner box] block-dropshadow img/background-shadow.png [background image in banner box] block-banner img/background-banner.png [little arrows in front of each menu item: inactive items] block-menu img/arrow_left_358_7x10.png [little arrows in front of each menu item: active items (breadcrumb)] block-menu img/arrow_down_358_7x10.png [if you want a bullet before the widget headlines -- not activated] widget img/pentaflake_14x14.png [logo, in '_tpl/div_banner_logo.inc.php'] img/logo_star_60x60.png */ /* ----------------------------------------------------------------- */ /* -- INFORMATIONAL: UNICODE FOR CONTENT -- */ /* ----------------------------------------------------------------- Anm: content does not work in IE 6+ Anm: unicode \2794 will not work in eg. Georgia och Trebuchet fonts fylld punkt "\2022" storre-an "\003E" dubbel vertikal "\2016" not "\00AC" smal pil "\279D" fet pil "\2794" stor fylld triang "\25BA" liten fylld triang "\2023" liten fylld ruta "\25A0" liten tom ruta "\25A1" medium fylld ruta "\25FC" medium tom ruta "\25FB" liten fylld romb "\25C6" liten tom romb "\25C7" fyra romber "\2756" blank "\00A0" smalt mellanrum "\2009" hÃ¥rfint mellanrum "\200A" */ /* ----------------------------------------------------------------- */ /* -- INFORMATIONAL: BOX STRUCTURE -- */ /* ----------------------------------------------------------------- -- POSITIONING: [width,height] {top,right,bottom,left} Stat,Fix,Rel,Abs,Hidd -- MARGIN: -- PADDING: (top,right,bottom,left) ---- [W,H] {t,r,b,l} P margin pad body [,] {,,,} - <0> (0) backdrop-head [100%,120] {0,a,a,0} A container-head [100%,120] {10,a,a,0} F block-skiptocontent [0,0] {a,a,a,a} A block-banner [a,70] {10,a,a,a} R <,20,,20> (7) div-banner-logo [a,a] {a,a,a,a} R block-info [a,?] {?,a,a,a} ? <,?,,?> (?) [block-dropshadow] [a,12] {0,a,a,a} R <,20,,20> container-navigation {left} [190,100%] {120,a,a,20+15} F container-navigation {right} [200,100%] {120,0,a,a} F .wide container-navigation [100%,100%]{97,0,a,a} F search [widget] [a,a] {a,a,a,a} R <0,0,10,0> (5,10,2.5ex,0) block-menu [175,a] {20,a,a,1ex} S widget_wiki_edit [a,a] {a,a,a,a} R <0,0,10,0> (5,10,2.5ex,10) // --- if INDEX PAGE: container-index-boxes {left} [200,a] {120,a,a,20} A container-index-boxes {right} [200,a] {120,20,a,a} A [widgets and widget_tables] [a,a] {a,a,a,a} R <0,0,10,0> (5,10,2.5ex,10) container-index-body {nav left} [550<50%,] {120,a,a,200+40} A container-index-body {nav right} [550<50%,] {120,a,a,220+40} A // --- if CONTENT PAGE: container-body {left} [680<70%,] {120,a,a,20} A container-body {right} [680<70%,] {120,a,a,220+40} A // --- if WIDE CONTENT PAGE: .wide container-body [100%,] {120,0,a,0} A // --- block-main [a,a] {a,a,a,a} R div-main-contentheading [a,a] {a,a,a,a} R div-main-content [a,a] {a,a,a,a} R block-colophon [a,a] {a,a,a,a} R div-colophon-address [a,a] {a,a,a,a} R div-colophon-footprint [a,a] {a,a,a,a} R backdrop-navigation {left} [220,100%] {120-10,a,a,20} F backdrop-navigation {right} [220,100%] {120-10,20,a,a} F backdrop-scrollprotect [100%,90] {0,a,a,0} F appendix-pageextension [10%,1] {a,a,-0.1,a} H <0> (0) */ /* ---------------------------------------------------------------- */ /* -- SCREEN VERSION -- */ /* ---------------------------------------------------------------- */ /* @media screen { 720px - 960px body { max-width: 1200px; } } */ /* ---------------------------------------------------------------- */ /* -- PRINT VERSION -- */ /* ---------------------------------------------------------------- */ /* The "@page" rule is not supported by any major browsers yet, except possibly opera. The property "rule" was introduced in CSS2, dropped in CSS2.1 and reintroduced in CSS3 Examples: size: 21.0cm 29.7cm; size: portrait; @page { margin: 0cm; size: 21.0cm 29.7cm; } */ /* ----------------------------------------------------------------- */ /* -- REDEFINITION OF HTML ELEMENTS -- */ /* ----------------------------------------------------------------- */ /* From "http://www.xml.com/pub/a/2003/03/19/dive-into-xml.html" The element is somewhat magical in HTML, but not in XML. The technical background is not worth delving into; the upshot is that if you define CSS styles on body, you should define them on html as well. For example, if you define a background color on body, it will apply to the entire page in HTML, but it may not in XML. You'll need to define the background on html as well. */ html, body { margin: 0ex 0ex 0ex 0ex; padding: 0ex 0ex 0ex 0ex; } td, th { text-align: left; vertical-align: top; } abbr { text-decoration: inherit; } a { text-decoration: none; } hr { border-width: 0px; border-top: 1px solid black; } dd { margin-left: 3ex; } /* -- BORDERS -- */ form input, form input[type=file], form select, form textarea, form button { border-width: 1px; border-style: solid; border-color: #777; } form input[type=image] { border-width: 0ex ! important; } img { border: 0px; } /* -- COLOURS AND BACKGROUNDS -- */ /* html, *//* needed for XML */ body { color: #014; background-color: #fdfdff; background-repeat: no-repeat; background-position: 60px 60px; /* default is 160px 60px */ background-attachment: fixed; background-image: url(img/backdrop_pentaflakes_1200_mac.jpg); /* 'win' stronger */ } /* html.wiki, *//* needed for XML */ body.wiki { /* background-image: url(img/backdrop_pentaflakes_1200_green.jpg) ! important; */ background-image: none ! important; } /* html.application, *//* needed for XML */ body.application { background-image: url(img/backdrop_pentaflakes_1200_yellow_mac.png); /* background-image: none ! important; */ } /* html.application, *//* needed for XML */ body.nobackground { background-image: none ! important; } body.screen_resolution, body.nobackground.screen_resolution { background-repeat: no-repeat; background-position: 0px 0px; background-attachment: fixed; background-image: url(img/screen_resolution_1300x1000.png) ! important; } a:link { color: #05b; } a:visited { color: #038; } a:link:hover { color: #17f; } a:visited:hover { color: #17f; } .wiki a:link:hover { color: #094; } .wiki a:visited:hover { color: #094; } .application a:link:hover { color: #c91; } .application a:visited:hover { color: #c91; } strong, b { color: #111; } form input[type=submit], form input[type=reset], form input[type=button] { font-size: x-small; font-weight: bold; color: #111; background-color: #eeeff4; } form input[type=submit]:hover, form input[type=reset]:hover, form input[type=button]:hover { font-weight: bold; color: #000; background-color: #e0e3f4; } /* -- FONTS: ALWAYS MONOSPACE -- */ tt, pre, code, kbd { font-family: "Courier","Courier New",monospace; font-size: 1.1em; } /* -- FONTS: BODY TEXT-- */ p, div, blockquote, form *, td, th, ol, ul, dl, li, dt, dd { font-family: "Verdana","Geneva","Arial","Helvetica",sans-serif; font-size: small; line-height: 1.4; } /* -- FONTS: HEADLINES -- */ .widget_table th, #container-navigation ul *, h1, h2, h3, h4, h5, h6, #maildb_doorlabel * { font-family: "Trebuchet MS","Trebuchet","Geneva","Arial","Helvetica",sans-serif; } h1, h2, h3, h4, h5, h6 { line-height: 1.0 ! important; font-weight: bold; letter-spacing: 0.1ex; } th p, td p { margin-top: 0px; } /* -- FONTS: OTHER FONT-RELATED STYLE -- */ /* ----------------------------------------------------------------- */ /* -- DEFINITION OF GENERAL-PURPOSE CLASSES -- */ /* ----------------------------------------------------------------- */ /* -- VISIBILITY -- */ .hidden { display: none; position: absolute; visibility: hidden; } /* -- ERRORS -- */ .red { color: #700 ! important; } .green { color: #070 ! important; } /* -- SITEMAP -- */ .thesitemap li { margin-left: -2ex; list-style-type: square; font-weight: normal; } .thesitemap>li { margin-left: -4ex; list-style-type: none; font-weight: bold; font-size: large; } /* -- TWO-COLUMN LAYOUT -- */ .left { float: left; } .right { float: right; } .clear { clear: both; } .left-column, .right-column { width: 48%; } .left-column { float: left; } .right-column { float: right; } /* problem med MSIE, som visar sådana
med full radhöjd */ /* får ej vara "display:none" för annars avslutas inte tidigare boxar korrekt */ .end-column { display: block; visibility: hidden; clear: both; width: 100%; height: 0ex; margin: 0ex; padding: 0ex; border: 0ex; background-color: transparent !important; } /* -- SIMULATION OF LINE BREAK -- */ .only_online { visibility: visible; } .only_print { display: inline; position: absolute; visibility: hidden; } /* -- SIMULATION OF AT-CHARACTER -- */ /* .snabela:before { content: "\0040"; } */ .snabela:before { content: "\00A0@"; } /* -- WIKI-IMAGE CAPTIONS -- */ .imagecaption { margin: 0px; font-style: italic; font-size: small; } /* -- VARIA -- */ .padcolumn { padding-right: 20px; } .debug { color: red; background-color: yellow; } .splash { background-image: url(img/backdrop_pentaflakes_ffb.png); /* #ffb; */ } .x-splash { background-image: url(img/backdrop_pentaflakes_fbb.png); /* #fbb; */ } /* -- WIKI -- */ .loggedin { border: 1px #999 solid; margin-top: 0px ! important; padding: 0.5em 0.5em 0.5em 0.75em; background-color: #f0f3f4 ! important; } .wiki .loggedin { background-color: #dec ! important; } .application .loggedin { background-color: #f9f5df ! important; } .loggedin strong, .loggedin b { color: #224 ! important; /* #060 */ } .wiki .pagetitle { color: #444; } .wiki .pagetitle em { color: #999; } .wiki .editsection { font-size: xx-small ! important; } .specialeventwithlogo { border: 1px solid black; padding: 1.0em 0em 1.5em 0.5em; font-weight: normal ! important; font-size: small ! important; line-height: 1.2 ! important; } .specialeventwithlogo img { float: left; margin-top: -0.5em; margin-right: 1em; } .specialeventwithlogo strong, .specialeventwithlogo b { font-size: x-large; font-weight: bold ! important; } /* -- BOXES -- */ .box { display: block; margin: 1em 0em 1em 0em; padding: 0em 1em 0em 1em ; } .grayborder { border-style: solid; border-color: #ddd; border-width: medium; color: #000; background-color: #fafafa; } .blackborder { border-style: solid; border-color: #000; border-width: thin; color: #000; background-color: #fff; } /* ----------------------------------------------------------------- */ /* -- POSITIONING -- */ /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* -- GENERAL IDS AND CLASSES -------------------------------------- */ /* Visible blocks */ #backdrop-scrollprotect, #backdrop-navigation, #block-banner, #block-info, #block-colophon, /* #block-dropshadow, */ #block-main, #block-menu, #block-tabs, #block-buttons, #block-tabbox, #container-body, #container-index-body, #container-index-boxes, #container-head, #container-navigation, #wikibar, #div-banner-logo, #div-colophon-address, #div-colophon-footprint, #div-main-content, #div-main-contentheading, .widget, .widget p, .wiki_edit, #slideshow { display: block; position: relative; visibility: visible; /* 'visible' important for Safari */ top: auto; bottom: auto; left: auto; right: auto; width: auto; height: auto; float: none; clear: both; overflow: visible; clip: inherit ! important; /* important for safari */ } /* Invisible blocks */ #block-dropshadow, #appendix-pageextension, #block-skiptocontent { display: none; position: absolute; visibility: hidden; width: 0px; height: 0px; top: auto; bottom: auto; left: auto; right: auto; } /* ----------------------------------------------------------------- */ /* -- APPENDIX BLOCKS ---------------------------------------------- */ /* backdrop-scrollprotect only needed if #block-banner doesn't cover 100% width */ #backdrop-scrollprotect { position: fixed; top: 0px; left: 0px; width: 100%; height: 90px; } .nobanner #backdrop-scrollprotect { display: none; position: absolute; visibility: hidden; width: 0px; height: 0px; top: auto; bottom: auto; left: auto; right: auto; } #backdrop-navigation { position: fixed; top: 0px; /* if backdrop should continue under the banner */ top: 113px; /* = like #container-body; if backdrop should top-align with page content */ right: 20px; width: 200px; height: 100%; } .nobanner #backdrop-navigation { top: 10px ! important; } #appendix-pageextension { display: block; position: absolute; visibility: visible; overflow: hidden; clear: both; bottom: -0.1px; width: 10%; height: 1px; margin: 0ex; padding: 0ex; border: 0ex; } /* ----------------------------------------------------------------- */ /* -- CONTAINERS --------------------------------------------------- */ /* -- CONTAINER HEAD -- */ #container-head { position: fixed; top: 10px; /* offset 10px from top of viewport */ left: 0px; width: 100%; height: auto; /* must not be bigger than ~100px not to cover tabs */ } .nobanner #container-head { display: none; position: absolute; visibility: hidden; width: 0px; height: 0px; top: auto; bottom: auto; left: auto; right: auto; } /* #block-dropshadow { position: relative; top: 10px; width: auto; height: 12px; margin-left: 20px; margin-right: 20px; } */ /* -- CONTAINER NAVIGATION -- */ #container-navigation, #wikibar { position: fixed; /* wtr container-head */ top: 120px; right: 0px; width: 205px; height: 100%; } .application #container-navigation { position: fixed; /* wtr container-head */ top: 94px; left: 0px; right: auto; width: 100%; height: auto; } .nobanner #container-navigation, .nobanner #wikibar { top: 20px; } #container-navigation #block-menu, #container-navigation #debug-menu { position: static; top: 50px; /* 20px + height of search box (typically 50px) */ left: 1ex; width: 175px; height: auto; } /* -- CONTAINER INDEX BOXES -- */ /* Only in START PAGE */ #container-index-boxes { position: absolute; /* or fixed */ top: 120px; /* container-navigation:top + 20px */ left: 20px; width: 200px; } /* -- CONTAINER BODY -- */ /* Only in CONTENT PAGES */ #container-body { position: absolute; left: 20px; width: 680px; max-width: 70%; } #container-body.wide, /* DEBUG */ .wide #container-body { position: absolute; left: 0px; width: 95%; max-width: 100%; margin-left: 20px; margin-right: 20px; } /* top position */ #container-body.wide, /* DEBUG */ .wide #container-body /* before .wide.xxx */ { top: 170px; /* 140px; for drop-down tabs: 82px+20px+20p: to offset fixed content-header */ /* 165px; for tabs-on-box */ } .wide.nopagetitle #container-body /* before .wide.nomenu */ { top: 128px; } .nopagetitle #container-body { top: 103px; /* 82px+13px: to offset fixed content-header */ } #container-body, .wide.nomenu #container-body { top: 113px; /* 82px+13px: to offset fixed content-header */ } .nobanner #container-body { top: 10px; } /* Only in START PAGE */ #container-index-body { position: absolute; top: 120px; /* 82px+20px: to offset fixed content-header */ left: 230px; width: 550px; max-width: 50%; } .nobanner #container-index-body { top: 10px; } /* ----------------------------------------------------------------- */ /* -- STACKING ORDER -- */ /* ----------------------------------------------------------------- */ #div-banner-logo, #div-colophon-address { z-index: auto; } /* TODO sortera in */ .wiki_edit { z-index: 150; } /* over #block-menu */ #block-menu .menu { z-index: 140; } /* over #block-menu .menu .submenu */ #block-menu .menu .submenu { z-index: 130; } #block-menu * { z-index: 120; } #block-info, #block-skiptocontent, #wikibar, #div-colophon-footprint { z-index: 110; } /* over #block-banner */ #block-skiptocontent, #block-banner, .widget, .widget p { z-index: 100 ! important; } #container-head { z-index: 70; } /* over all backdrops, over container-index-boxes */ #backdrop-scrollprotect { z-index: 55; } /* over #container-index-boxes */ #block-tabs, #container-index-boxes { z-index: 50; } /* over #backdrop-navigation */ #block-tabs .menu { z-index: 42; } #block-tabs .submenu { z-index: 41; } #container-navigation { z-index: 50; } #backdrop-navigation { z-index: 30; } #container-body, #container-index-body { z-index: 25; } #block-main, #block-colophon, #div-main-contentheading, #div-main-content { z-index: 20; } #appendix-pageextension { z-index: 1; } /* ----------------------------------------------------------------- */ /* -- FURTHER PROPERTIES OF BLOCKS -- */ /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* -- APPENDIX BLOCKS ---------------------------------------------- */ /* -- BACKDROP-SCROLLPROTECT --------------------------------------- */ /* background under banner; must not be transparent */ #backdrop-scrollprotect { background-color: #fdfdff; } /* -- BACKDROP-NAVIGATION ------------------------------------------ */ #backdrop-navigation { background-color: #f5f6f7; } .wiki #backdrop-navigation { background-color: #e5f5d5; } .application #backdrop-navigation { background-color: #ffffd3; } /* -- APPENDIX-PAGEEXTENSION -------------------------------------- */ /* ----------------------------------------------------------------- */ /* -- BLOCKS IN CONTAINER-HEAD ------------------------------------- */ /* -- BLOCK-SKIPTOCONTENT ------------------------------------------ */ #block-skiptocontent { display: block; visibility: visible; position: fixed; overflow: hidden; clear: both; top: 0ex; left: 50%; width: 20em; height: 1.5em; margin: -1px 0ex 0ex -10em; padding: 0ex 0ex 0ex 0ex; color: inherit; background-color: transparent; text-align: center; } #block-skiptocontent p { display: inline; visibility: hidden; top: 0ex; left: 0ex; margin: -1px 0px 0ex -1ex; padding: 0ex 5ex 1px 5ex; color: #000; background-color: #fff; border-top: 0px; border-right: 2px; border-bottom: 2px; border-left: 2px; border-style: solid; border-color: #ccc; font-size: x-small; text-align: center; vertical-align: top; line-height: 1.3; } #block-skiptocontent a { color: #010101; font-weight: bold; text-decoration: none; } #block-skiptocontent p:before { content: "[ "; } #block-skiptocontent p:after { content: " ]"; } /* turn on display of skip link */ #block-skiptocontent:hover p { /* visibility: visible ! important; */ } /* -- BLOCK-BANNER ------------------------------------------------- */ #block-banner { position: relative; /* must have position set for z-index */ top: 0px; width: auto; height: 70px; margin-left: 20px; margin-right: 20px; padding: 7px; color: #013; background-color: #f0f3f4; border: 1px solid #3b586e; border-bottom-width: 1px; /* mysko buggfix */ } .wiki #block-banner { background-color: #dec; } .application #block-banner { background-color: #f9f5df; } /* -- BANNER BACKGROUND IMAGE ---- */ #block-banner { background-image: url(img/background-banner.png); background-repeat: no-repeat; } .wiki #block-banner { background-image: url(img/background-banner-green.png); } .application #block-banner { background-image: url(img/background-banner-yellow.png); } /* -- NONWRAPPABLE CONTENT OF #block-banner -- */ #div-banner-logo { white-space: nowrap ! important; overflow: hidden; /* problems in Opera for two-line

*/ } #div-banner-logo p /* -- LOGO IMAGE ---------------------------- */ { display: inline ! important; position: relative; /* float: left; */ float: none ! important; top: 5px; /* margin: 5px 0ex 0ex 43px; */ margin-left: 43px; } #div-banner-logo h1 /* -- TEXT "NORDITA" ------------------------ */ { display: inline ! important; position: relative; /* float: left; */ float: none ! important; bottom: 8px; /* margin: 12px 0ex 0px 20px; */ /* 20px 123px */ margin-left: 20px; font-family: "Baskerville", "Times", "Times New Roman", serif; font-weight: normal; font-size: 50px ! important; /* 6.5ex; */ line-height: 1.0 ! important; } #div-banner-logo a { text-decoration: none; color: #013; background-color: transparent; } #div-banner-logo h2 /* -- TEXT "Nordic institute..." ------------ */ { display: inline ! important; position: relative; /* float: left; */ float: none ! important; bottom: 8px; /* margin: 16px 0ex 0px 4ex; */ margin-left: 20px; font-family: "Times", "Times New Roman", serif; font-weight: normal; font-size: 21px ! important; /* 2.7ex; */ line-height: 1.0 ! important; } #div-banner-logo h2 span { position: absolute; top: -1em; left: 0px; } /* bugfix */ #div-banner-logo h2 br { position: absolute; bottom: 1em; } /* -- LOGGEDIN INFO BOXES --------- */ #block-banner .loggedinTEST { display: inline ! important; position: absolute; top: 5px; /* like padding in #div-banner-logo */ right: 27px; float: none ! important; } #block-banner #div-banner-logo .loggedinTEST { top: 0px; right: 20px; } /* BUG FIX -- remove when possible */ #div-banner-logo div[align='right'] { position: absolute ! important; top: 0px; right: 0px; } /* -- BLOCK-DROPSHADOW --------------------------------------------- */ /* OBSOLETE */ #block-dropshadow { background-image: url(img/background-shadow.png); background-repeat: repeat-x; content: " "; } /* -- BLOCK-INFO --------------------------------------------------- */ #block-info { position: relative; /* must have position set for z-index */ width: auto; height: 1.5em; margin-left: 20px; margin-right: 20px; padding: 1px 10px 3px 10px; color: #013; border: 1px solid #666; border-top-width: 0px; } #container-head #block-info { top: 0px; background-color: #ffd; /* url(img/backdrop_pentaflakes_ffb.png); */ } #container-navigation #block-info { top: 2.5em; background-color: #ffd; /* #f0f3f4; /* url(img/backdrop_pentaflakes_ffb.png); */ } #block-info p { margin: 0px; } /* -- LOGGEDIN INFO BOXES --------- */ #block-info .loggedin_user { font-style: italic; float: right; margin-left: 1em; } #block-info .logout { font-weight: bold; float: right; margin-left: 1em; } #block-info .loggedin_mode { color: red; float: right; margin-left: 1em; } /* BUG FIX -- remove when possible */ #div-banner-logo div[align='right'] { position: absolute ! important; top: 0px; right: 0px; } /* -- LOGGEDIN WIDGETS --------- */ #widget_banner_login { position: absolute; /* must have position set for z-index */ width: auto; top: 3px; /* 80px */ right: 3px; /* -10px */ height: auto; } #widget_loggedinas { position: absolute; /* must have position set for z-index */ width: auto; top: 60px; right: 0px; height: auto; } /* ----------------------------------------------------------------- */ /* -- BLOCKS IN CONTAINER-NAVIGATION ------------------------------- */ /* background-color should be white, if position=fixed */ #container-navigation, #container-navigation * { color: #013; background-color: transparent; } #container-navigation #block-menu, #container-navigation #block-menu ul * { background-color: transparent; } /* -- For eg. debug links under the menu -- */ #container-navigation #block-menu dt a:link { color: #05b; } #container-navigation #block-menu dt a:visited { color: #038; } #container-navigation #block-menu dt a:link:hover { color: #17f; } #container-navigation #block-menu dt a:visited:hover { color: #17f; } .wiki #container-navigation #block-menu dt a:link:hover { color: #094; } .wiki #container-navigation #block-menu dt a:visited:hover { color: #094; } /* -- Application colours different from standard web site -- */ .application #container-navigation .menu li span a:hover { color: #c91; } /* -- BLOCK-MENU ------------------------------------------------- */ /* strange bugfix to remove mysterious white vertical lines */ #container-navigation #block-menu ul * { padding-left: 0px; } #container-navigation #block-menu ul li li { padding-left: 3ex ! important; } /* -- BLOCK-MENU: SIDE MENU -------------------------------------- */ /* -- TOP-LEVEL LINKS ------------- */ #container-navigation #block-menu .menu, #container-navigation #block-menu .submenu, #container-navigation #block-menu ul.menu>li, #container-navigation #block-menu .menu .home { font-size: small; margin: 0ex 0ex 0ex 0ex; padding: 0ex 0ex 0ex 0ex; } #container-navigation #block-menu .menu li { font-size: x-small; list-style-type: none; margin: 0ex 0ex 0ex 0ex; padding: 0ex 0ex 0ex 2.5ex; background-color: transparent; } /* should item text (and submenus) be shown for all items or only */ /* default is: show all items. */ /* -- SUB-LEVEL LINKS ------------- */ #container-navigation #block-menu .submenu { display: block; position: absolute; /* must be absolute, or else they take space */ visibility: hidden; /* initially hide sub-level links */ top: 0ex; left: 0px; width: auto; } #container-navigation #block-menu .active>.submenu { position: relative; /* must be absolute, or else they take space */ visibility: visible; /* show submenus only for current item */ } /* -- ------------------------- */ /* if you want lines between main menu items */ #container-navigation #block-menu .menu:first-child { border-top: 0px dotted #013; } /* if you want lines between main menu items */ #container-navigation #block-menu .menu>li { border-bottom: 0px dotted #013; } /* fix to make menu items on several lines align nicely with arrow */ #container-navigation #block-menu .menu li li { margin-left: 16px; text-indent: -14px; } /* fix to make menu items on several lines align nicely with arrow */ #container-navigation #block-menu .menu li li li { margin-left: 0px; text-indent: -14px; } /* style for all sub-level menu items EXCEPT the currently selected item */ #container-navigation #block-menu .menu li li span, #container-navigation #block-menu .menu li li span * { font-weight: normal; color: #013; } /* style for the currently selected menu item */ #container-navigation #block-menu .menu li span.this { font-weight: bold ! important; text-decoration: none; color: #013; } /* style for the active menu items (breadcrumb) */ #container-navigation #block-menu .menu li.active>span a, #container-navigation #block-menu .menu li.active>span { font-style: italic; font-weight: bold ! important; color: #028; } /* style for top-level menu items; padding: distance between items */ #container-navigation #block-menu .menu>li { font-weight: bold ! important; padding: 0px 0px 5px 0px ! important; } /* link color on hover */ #container-navigation #block-menu .menu li span a:hover { color: #17f; /* #384d6a; */ } .wiki #block-menu .menu li span a:hover { color: #094; } /* little arrows in front of each menu item: inactive items */ #container-navigation #block-menu .menu li:before { content: url(img/arrow_left_358_7x10.png); } /* little arrows in front of each menu item: active items (breadcrumb) */ #container-navigation #block-menu .menu li.active:before { content: url(img/arrow_down_358_7x10.png); } /* text bullet in front of each menu item * #container-navigation #block-menu .menu li li { text-indent: -11px; } * text bullet in front of each menu item * #container-navigation #block-menu .menu li li span:before { color: #026; content: "\2734\00a0"; } */ /* -- BLOCK-MENU: TABS ------------------------------------------- */ /* DEBUG #container-head {border: 1px solid blue;}#container-navigation {border: 1px solid green;}#block-tabs {border: 1px solid red;} */ #container-navigation #block-tabs { position: relative; /* must not be fixed; taken care of by container-navigation */ top: 0px; left: 0px; width: auto ! important; height: auto; margin-left: 20px; margin-right: 20px; background-color: transparent; } #container-navigation #block-tabs ul { position: absolute; top: 0px; left: 0px; list-style-image: none; list-style-type: none; list-style: none; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; } #container-navigation #block-tabs.button .submenu { margin-left: 2em; } #container-navigation #block-tabs li { float: left; height: 1.6em; margin: 0px 2px 0px 0px; padding: 0.5em 1em 0.2em 1em; list-style: none; border-style: solid; border-color: #999; border-width: 0px 1px 1px 1px; background-color: #fff7d0; /* #f0f3f4; /* same as block-banner */ font-size: small; } #container-navigation #block-tabs .menu li { font-weight: bold; } #container-navigation #block-tabs .submenu li { margin-top: 0em; padding-top: 2.7em; background-color: #ded; font-weight: normal ! important; font-style: italic; background-color: #ffffdd; } #container-navigation #block-tabs.button .submenu li { margin-top: 2.7em; padding-top: 0.2em; padding-bottom: 0.1em; border-top-width: 1px; } #container-navigation #block-tabs li.active { font-weight: bold; border-color: #333; background-color: #fff ! important; } #container-navigation #block-tabs a:link { color: #013; } #container-navigation #block-tabs a:visited { color: #013; } #container-navigation #block-tabs a:link:hover { color: #631; } #container-navigation #block-tabs a:visited:hover { color: #631; } /* -- BLOCK-MENU: TABBOX ----------------------------------------- */ /* DEBUG #container-head {border: 1px solid blue;}#container-navigation {border: 1px solid green;}#block-tabs {border: 1px solid red;} */ #container-navigation #block-tabbox { position: relative; /* must not be fixed; taken care of by container-navigation */ top: 0px; left: 0px; width: auto ! important; height: 2.2em; margin: 2.9em 20px 0px 20px; /* margin-top sets vertical position of block-tabbox */ padding: 0px; background-color: white; border: 1px solid #666; } #container-navigation #block-tabbox .menu { position: relative; top: -1.8em; left: 0px; list-style-image: none; list-style-type: none; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; } #container-navigation #block-tabbox .submenu { position: absolute; top: 0em; left: 2em; list-style-image: none; list-style-type: none; list-style: none; padding: 0px ! important; margin: 0px ! important; } #container-navigation #block-tabbox .menu li { float: left; height: 1.6em; margin: -2px 2px 0px 0px; padding: 0.2em 1em 0em 1em ! important; list-style: none; border-style: solid; border-color: #aaa; border-width: 1px 1px 0px 1px; background-color: #fff7d0; /* #f0f3f4; /* same as block-banner */ font-weight: bold; font-style: normal ! important; font-size: small; } #container-navigation #block-tabbox .submenu li { float: left; margin: 0em 0em 0em 0em; padding: 0.4em 1.5em 0em 0em; background-color: transparent; font-weight: normal ! important; font-style: italic; font-size: small; } #container-navigation #block-tabbox .menu li.active { border-color: #333; background-color: #fff; border-bottom: 1px solid transparent; /* must not be exactly #fff */ } #container-navigation #block-tabbox .menu li.inactive { border-bottom: 1px solid #666; } #container-navigation #block-tabbox .submenu li.active {} #container-navigation #block-tabbox a:link { color: #013; } #container-navigation #block-tabbox a:visited { color: #013; } #container-navigation #block-tabbox a:link:hover { color: #631; } #container-navigation #block-tabbox a:visited:hover { color: #631; } /* -- DEBUG-MENU --------------------------------------------------- */ #container-navigation #debug-menu { border-top: 1px solid #666; } #container-navigation #debug-menu dt, #container-navigation #debug-menu dd { font-size: x-small; } #container-navigation #debug-menu a, #container-navigation #debug-menu a * { color: #05b; } /* ----------------------------------------------------------------- */ /* -- BLOCKS IN CONTAINER INDEX BOXES ------------------------------ */ /* see WIDGETS below */ /* ----------------------------------------------------------------- */ /* -- BLOCKS IN CONTAINER-BODY ------------------------------------- */ #container-body, #container-index-body { } /* -- BLOCK-MAIN --------------------------------------------------- */ /* strange bugfix; needed for ff/win to counter mysterious float behaviour */ #block-main { border: 1px solid transparent ! important; } #div-main-contentheading h2 { margin-top: 0ex ! important; margin-bottom: 0ex ! important; font-size: xx-large; color: #013; } #div-main-contentheading h2 a img { vertical-align: middle; } #div-main-content h2 { color: #013; } /* -- BLOCK-COLOPHON ----------------------------------------------- */ #block-colophon { font-size: x-small; margin: 30px 0ex 2ex 0ex; border-top: 0.5px solid #013; } #block-colophon * { font-size: x-small; } #block-colophon address { margin: 0ex 0ex -2ex 0ex; /* no blank line between address and cookie policy link */ padding-top: 10px; } #div-colophon-address { position: absolute; width: 100%; margin: 0px 0ex 2ex 0ex; } #div-colophon-footprint { position: relative; top: 10px; text-align: right; } /* ---------------------------------------------------------------- */ /* -- WIDGET CLASSES -- */ /* ---------------------------------------------------------------- */ /* -- WIDGET ---------------------- */ .widget { width: auto; height: auto; margin: 0px 0px 10px 0px; padding: 5px 10px 2.5ex 10px; } #container-body .widget, #container-index-body .widget { max-width: 300px; } #container-index-boxes .widget { max-width: 200px; } /* if you want to have the search form over the menu instead of over the widgets *//* #search { position: fixed; top: 120px; *//* container-navigation:top + 20px *//* right: 55px; } */ /* - - - - - - - - - - - - - - - - */ /* if you want a box around the entire widget *//* .widget { border: 1px solid #3b586e ! important; background-color: #feffff; } .widget h3 { border-bottom: 1px solid #3b586e; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background-color: #eeeff4; text-align: center; } */ /* - - - - - - - - - - - - - - - - */ /* - - - - - - - - - - - - - - - - */ /* if you want a bullet before the widget headlines *//* .widget h3:before { content: url(img/pentaflake_14x14.png) "\00a0"; color: #3b586e; } */ /* - - - - - - - - - - - - - - - - */ /* - - - - - - - - - - - - - - - - */ /* if you want a border around just the widget headlines */ .widget h3 { border: 1px solid #3b586e; background-color: white; /* #eeeff4; */ text-align: center; } /* - - - - - - - - - - - - - - - - */ .widget h3 { font-size: medium; width: 100%; margin: -5px -10px -5px -10px; padding: 5px 10px 5px 10px; } .widget h4, /* internal headline */ #container-index-body h4 { font-size: small; margin-bottom: -0.5ex; } #container-body h4 { font-size: medium; margin-bottom: -0.5ex; } .widget p, .widget li, .widget dt, .widget dd, .widget td, .widget td *, .widget input, .widget th { font-size: x-small; } .widget ul, .widget ol, .widget dl, .widget p { margin-bottom: -2ex; } .widget ul+p { margin-top: 4ex; } .widget p+h4 { margin-top: 3ex; } .widget ul+h4 { margin-top: 3ex; } .widget dl+dl { margin-top: 3ex ! important; } .widget p+p { text-indent: 4ex; } .widget .free { margin-top: 3ex ! important; margin-bottom: -1ex ! important; } .widget .free, .widget .free+p { text-indent: 0ex; } .widget dd { margin-left: 3ex ! important; } .widget li { margin-left: -5ex; } img.floatleft, .widget img.floatleft { float: left ! important; margin: 1ex 2ex 0.5ex 0ex; border: 0px solid black; } .widget img.floatright { float: right ! important; margin: 1ex 0ex 0.5ex 2ex; border: 0px solid black; } /* -- SEPCIAL WIDGETS ------------ */ #localinfo.widget { border: 1px solid #3b586e ! important; background-color: #fee; } #localinfo.widget h3 { border-bottom: 1px solid #3b586e; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background-color: #fdd; text-align: center; } h2.program { font-size: xx-large ! important; border-top: 1px solid #666; border-bottom: 1px solid #666; } .program .img { position: absolute; margin: 1.5em 10px 0px 0px; float: left; } .program.widget img { position: static; margin: 1.5em 10px 0px 0px; float: left; } .program .txt { margin-left: 130px; min-height: 120px; } .program .txt p { margin-bottom: -0.5em; } .program.widget .txt { margin-left: 0px; } #upcomingprogram.widget p, #upcomingworkshops.widget p { text-indent: 0px; margin-bottom: -0.5em; } /* -- WIDGET-TABLE ---------------- */ .widget_table { margin-bottom: 0px; } .widget_table table { width: 100%; margin: 0px 0px 2ex 0px; padding: 0px; border-spacing: 0px; border-top: 1px solid #3b586e; border-right: 1px solid #3b586e; border-bottom: 1px solid #3b586e; border-left: 1px solid #3b586e; } .widget_table table th { padding: 1px 8px 1px 8px; text-align: left; color: #013; background-color: #eeeff4; border-bottom: 1px solid #3b586e; } .widget_table table td { padding: 1px 8px 1px 8px; text-align: left; color: #333; border-style: solid; border-color: #3b586e; border-width: 0px; background-color: #f5f6f8; } .widget_table table td>td { border-bottom-width: 1px; /* border-bottom-width: 0px ! important; */ } .widget_table table p, .widget_table table dl { margin: 0px; } .widget_table p, .widget_table li, .widget_table dt, .widget_table dd, .widget_table td, .widget_table td *, .widget_table input { font-size: x-small; } .widget_table>p, .widget_table th { font-size: small; } /* -- PARTICIPANT-TABLE ---------------- */ #participant_table table { width: 100%; margin: 0px 0px 2ex 0px; padding: 0px; border-spacing: 0px; border: 0px solid #3b586e; } #participant_table th, #participant_table td { width: 260px; padding: 0px ! important; background-color: transparent ! important; } #participant_table table p { margin-bottom: 10px; } #participant_table table img { border: 0px solid black; } /* -- IMAGE WIDGET ---------------- */ #image_widget { width: 100%; height: 600px; border: 0px solid #325d3d; background-color: transparent ! important; background-repeat: no-repeat; margin: 0px; padding: 0px ! important; } /* -- NEW STAFF WIDGET ---------------- */ #newstaff img { margin-top: 1ex; margin-bottom: -1ex; } /* -- RECENT PREPRINTS WIDGET ---------------- */ #recentpreprints em { font-size:xx-small; } #recentpreprints p { text-indent: 0ex ! important; margin-bottom: -0.5em ! important; } /* -- PRESENTATION WIDGET --------- */ #presentation.widget { border: 1px solid #3b586e; background-color: #f5f6f8; margin-bottom: 20px; } #presentation.widget>p:first-child, #presentation.widget ul+p { margin-top: 0ex; } #presentation.widget ul { margin-bottom: 0.5ex; } #presentation.widget p { text-indent: 0ex ! important; } #presentation.widget p img { margin: 2px auto 3px 0ex ! important; } /* -- LOGIN WIDGET ---------------- */ #login form input { width: 15ex; } #login form * { margin-top: 0px; } #login th span, #login th span a { font-size: x-small; font-weight: normal; } #login td { border: 0px solid #325d3d ! important; } #login th { border-bottom: 0px solid #3b586e ! important; } /* -- WIKI EDIT WIDGET ------------ */ .wiki_edit { margin: 0px ! important; } #container-navigation .wiki_edit { position: fixed; right: 30px; bottom: 10px; width: 170px; /* safari doesn't like 200px */ } #block-main .wiki_edit { position: static ! important; margin-left: 30px ! important; margin-right: 30px ! important; } .wiki_edit p { width: 100%; height: auto; margin: 0px ! important; font-weight: bold; font-style: italic; text-align: center ! important; border: 1px solid #3b586e ! important; background-color: #f9eff4 ! important; } .wiki_edit a { color: #05b ! important; } /* -- LDAP SEARCH WIDGET ---------- #ldap_single th, #ldap_single th * { font-size: large; font-weight: bold; } #ldap_single td dl, #ldap_single td img { padding-top: 10px; padding-bottom: 10px; } #ldap_single td dt { margin-left: 0ex; font-size: x-small; font-style: italic; } #ldap_single td dd { margin-left: 2ex; font-size: small; font-weight: bold; } #ldap_single td dd a { font-size: small; font-weight: bold; } #ldap_single .trl-at-s, #ldap_single .trl-dot-s, #ldap_single .nop { font-size: small; font-weight: bold; } #ldap_single .trl-at-h, #ldap_single .trl-dot-h { font-size: small; font-weight: normal; } #ldap_single .footnote p { font-size: x-small; font-style: italic; } #ldap_multiple td { font-size: x-small; font-style: normal; } #ldap_multiple td.name, #ldap_multiple td.name *, #ldap_multiple td p, #ldap_multiple td p * { font-size: small; font-weight: bold; } */ /* -- MAILDB SEARCH WIDGET ---------- */ /* Single user */ #maildb_single.widget_table { margin-top: 1.5em; } #maildb_single th, #maildb_single th * { font-size: large; font-weight: bold; } #maildb_single td dl, #maildb_single td img { padding-top: 10px; padding-bottom: 10px; } #maildb_single td dt { margin-left: 0ex; font-size: x-small; font-style: italic; } #maildb_single td dd { margin-left: 2ex; } #maildb_single td dd, #maildb_single td dd * { font-size: small; font-weight: bold; } #maildb_single td dd a { font-size: small; font-weight: bold; } #maildb_single .trl-at-s, #maildb_single .trl-dot-s, #maildb_single .nop { font-size: small; font-weight: bold; } #maildb_single .trl-at-h, #maildb_single .trl-dot-h { font-size: small; font-weight: normal; } #maildb_single .footnote p { font-size: x-small; font-style: italic; } /* multiple user list (is a .widget_table) */ #maildb_multiple td { font-size: x-small; font-style: normal; vertical-align: top ! important; padding-top: 1em; } #maildb_multiple td.name { padding-top: 0.75em; } #maildb_multiple td img { margin-top: -0.75em; } #maildb_multiple td.name, #maildb_multiple td.name *, #maildb_multiple td p, #maildb_multiple td p * { font-size: small; font-weight: bold; } #maildb_multiple td em { font-size: x-small ! important; font-weight: normal ! important; } /* multiple user chart */ #maildb_chart td { font-size: x-small; font-style: normal; vertical-align: top ! important; } #maildb_chart .fullname { font-size: small ! important; font-weight: bold; } #maildb_chart td p { font-size: x-small ! important; padding-bottom: 0.2em ! important; } #maildb_chart.widget_table table { border-width: 0px ! important; } #maildb_chart.widget_table table * { background-color: transparent; } /* doorlabel - - - - - - - - - - - - - - - */ #maildb_doorlabel.labelclass1 { padding-top: 2mm; } #maildb_doorlabel.labelclass2, #maildb_doorlabel.labelclass3, #maildb_doorlabel.labelclass4 { padding-top: 2mm; } #maildb_doorlabel.labelclass1 img { width: 30mm ! important; height: 40mm ! important; } #maildb_doorlabel.labelclass2 img, #maildb_doorlabel.labelclass3 img { width: 27mm ! important; height: 36mm ! important; } #maildb_doorlabel.labelclass4 img { width: 22.5mm ! important; height: 30mm ! important; } #maildb_doorlabel.labelclass1 strong { font-size: x-large ! important; } #maildb_doorlabel.labelclass1 em { font-size: large ! important; } #maildb_doorlabel.labelclass2 strong { font-size: large ! important; } #maildb_doorlabel.labelclass2 em { font-size: medium ! important; } #maildb_doorlabel.labelclass3 strong, #maildb_doorlabel.labelclass4 strong { font-size: medium ! important; line-height: 20% ! important; } #maildb_doorlabel.labelclass3 em, #maildb_doorlabel.labelclass4 em { font-size: small ! important; line-height: 20% ! important; } #maildb_doorlabel table { border: 0px solid black; margin-left: auto ! important; margin-right: auto ! important; } #maildb_doorlabel.label { border: 1px solid black; width: 120mm ! important; height: 58mm ! important; background-image: url(img/doorlabel-logo.png); } #maildb_doorlabel.label p * { font-size: medium ! important; } #maildb_doorlabel.labelclass1 td+td { vertical-align: middle; padding-left: 1em; } #maildb_doorlabel.labelclass2 td+td { vertical-align: top; padding-left: 4em; } #maildb_doorlabel.labelclass3 td+td { vertical-align: top; padding-left: 2em; } #maildb_doorlabel.labelclass4 td+td { vertical-align: top; } #maildb_doorlabel.labelclass3 td { padding-left: 1em ! important; width: 33% ! important; } #maildb_doorlabel.labelclass4 td { padding-left: 1em ! important; width: 25% ! important; } /* -- WIKITOGGLE WIDGET ---------------- */ #wikitoggle td, #wikitoggle th { font-size: x-small; background-color: #f9eff4 ! important; } /* -- SEARCH WIDGET ---------------- */ #search { margin-top: 0px; margin-left: 0px; padding-left: 0px; } #search form * { margin-top: 0px; } #search form input.textfield { width: 15ex; background-color: white; } #form_people_search { margin-bottom: 30px; } /* -- APOD WIDGET ----------------- */ #apod * { text-align: center ! important; } #apod td img { visibility: visible; border: 1px solid black; } #apod.widget_table table td { border-bottom-width: 0px ! important; background-color: #f5f6f8; } #apod.widget_table table tr>th { border-top-color: transparent ! important; } /* -- AGENDA WIDGET ----------------- */ /* #agenda td>td { border-bottom-width: 0px ! important; } #agenda tr:first-child td { border-width: 1px ! important; } #agenda tr>th { border-top: 1px solid black ! important; } */ #agenda.widget_table table th { width: 100%; border-top: 1px solid #3b586e; border-bottom: 1px solid #3b586e; } #agenda.widget_table tr:first-child th { border-top-width: 0px; } #agenda.widget_table table td { vertical-align: top; background-color: white; /* #f5f6f8; */ } #agenda.widget_table table tr.preamble td { background-color: #ffe; /* background-image: url(img/backdrop_pentaflakes_fbb.png);*/ /* #ffb; */ border: 1px solid black; } #agenda.widget_table dl+dl { padding-top: 2ex; } #agenda.widget_table dt { margin-bottom: 0.5ex; } #agenda.widget_table dd { margin-left: 3ex; } .widget_table .agenda-category { font-weight: bold; font-style: normal; } .widget_table .agenda-date, #miniagenda .agenda-date { font-weight: bolder; font-style: normal; } .widget_table .agenda-time, #miniagenda .agenda-time, .widget_table .agenda-eventtype { font-weight: bold; font-style: normal; } .widget_table .agenda-room, #miniagenda .agenda-room { font-weight: normal; font-style: normal; } .widget_table .agenda-title, #miniagenda .agenda-title { font-weight: bold; font-style: normal; } .widget_table .agenda-speaker, #miniagenda .agenda-speaker, .widget_table .agenda-period { font-weight: normal; font-style: italic; } .widget_table .agenda-affiliation, #miniagenda .agenda-affiliation { font-weight: normal; font-style: italic; } /* -- CURRENT PROGRAM WIDGET ----------------- */ #displayprogram * { text-align: center ! important; } #displayprogram img { margin-top: 10px; } /* ---------------------------------------------------------------- */ /* -- BLOCK 'SLIDESHOW' -- */ /* ---------------------------------------------------------------- */ #slideshow h3 { margin-top: -2ex; } #slideshow p+p, #slideshow p+table { margin-top: -1.5ex; } #slideshow table .caption p { margin-top: -0.5ex; } #slideshow table { padding: 0px; border-spacing: 5px; border: 0px solid white; } #slideshow table.single { margin: 0ex auto 2em auto; } #slideshow table td { text-align: center; } #slideshow table .img { text-align: center ! important; } #slideshow table .caption { width: 300px ! important; margin: 0px auto 0px auto; text-align: left; font-size: x-small; } #slideshow table.thumb td { font-size: 0px; } #slideshow table .navigation { position: relative ! important; text-align: center; width: 300px ! important; height: 20px ! important; margin: 0px auto 0px auto; } #slideshow table .navigation .prev { position: absolute; margin-left: -150px; } #slideshow table .navigation .mid { position: absolute; margin-left: -9.5ex; font-size: small; font-weight: bold; } #slideshow table .navigation .next { position: absolute; margin-left: 130px; } /* ---------------------------------------------------------------- */ /* -- LOGIN FORM CLASSES -- */ /* ---------------------------------------------------------------- */ input.login { border-style: none; } table.login { padding: 10px; /* spacing: 10px; *//* not standard css */ background: #ccc none repeat scroll 0% 50%; } /* ---------------------------------------------------------------- */ /* -- BUBBLE TOOLTIPS CLASSES -- */ /* ---------------------------------------------------------------- */ /* Contents of "BubbleTooltips.css" /*CSS for Bubble Tooltips by Alessandro Fulciniti - http://pro.html.it - http://web-graphics.com */ /* .tooltip { width: 200px; color: #000; font: lighter 11px/1.3 Arial,sans-serif; text-decoration: none; text-align: center; } .tooltip span.top { padding: 30px 8px 0px; background: url(img/bubbleTooltips.gif) no-repeat top; } .tooltip b.bottom { padding: 3px 8px 15px; color: #548912; background: url(img/bubbleTooltips.gif) no-repeat bottom; } */ /* ---------------------------------------------------------------- */ /* -- YB CALENDAR CLASSES -- */ /* ---------------------------------------------------------------- */ /* .ical { } */ /* ---------------------------------------------------------------- */ /* -- HVZM CALENDAR CLASSES -- */ /* ---------------------------------------------------------------- */ .hvzm_calendar { border-width: 0px; } .hvzm_calendar * { font-size: x-small; } .hvzm_calendar th * { font-size: medium ! important; } .hvzm_calendar td { background-color: #ccc; } .hvzm_calendar td.hvzm_weekend { background-color: #e00; } .hvzm_calendar td.hvzm_travel { background-color: #ae2; text-align: center; } .hvzm_calendar th, .hvzm_calendar tr > td:first-child { background-color: #fff; font-weight: bold; } .hvzm_calendar tr > th:first-child { text-align: right; padding-right: 1em; } .hvzm_calendar tr.hvzm_date td { background-color: #fff; } .hvzm_calendar tr.hvzm_date td.hvzm_weekend, .hvzm_calendar tr.hvzm_date td.hvzm_weekend a { color: #e00; background-color: inherit; } .hvzm_calendar tr.hvzm_date td.hvzm_weekend a /* perhaps not necessary */ { font-weight: bold; } /* ---------------------------------------------------------------- */ /* -- PHOTO PAGES CLASSES -- */ /* ---------------------------------------------------------------- */ html .photos, body.photos { color: #fefeff; /* must not be exactly #fff */ background-color: #010000; /* must not be exactly #000 */ background-image: url(img/backdrop_pentaflakes_1200_black.jpg); } .photos b, .photos strong { color: #eee; } .photos a:link, .photos a:link *, .photos a:visited, .photos a:visited * { color: #83a2b4; } .photos a:link:hover, .photos a:link:hover strong, .photos a:visited:hover, .photos a:visited:hover strong { color: #17f; } .photos form input[type=submit], .photos form input[type=reset], .photos form input[type=button] { color: #111; background-color: #eeeff4; } .photos form input[type=submit]:hover, .photos form input[type=reset]:hover, .photos form input[type=button]:hover { color: #010000; /* must not be exactly #000 */ background-color: #e0e3f4; } .photos hr { color: inherit; border-top: 1px solid #555; } .photos #backdrop-scrollprotect { color: inherit; background-color: #010000; /* must not be exactly #000 */ } .photos #backdrop-navigation { color: inherit; background-color: #010000; /* must not be exactly #000 */ } .photos #block-dropshadow { color: inherit; background-image: none; } .photos #block-banner { color: #eee; background-color: #222; border: 1px solid #333; background-image: url(img/background-banner-3.png); } .photos #div-banner-logo a { color: #eee; } .photos #container-navigation, .photos #container-navigation * { color: #9cf; background-color: transparent; } /* style for all sub-level menu items EXCEPT the currently selected item */ .photos #container-navigation #block-menu .menu li li span, .photos #container-navigation #block-menu .menu li li span * { color: #9cf; } /* style for the currently selected menu item */ .photos #container-navigation #block-menu .menu li span.this { color: #9cf; } /* style for the active menu items (breadcrumb) */ .photos #container-navigation #block-menu .menu li.active>span a, .photos #container-navigation #block-menu .menu li.active>span { color: #eee; } /* link color on hover */ .photos #container-navigation #block-menu .menu li span a:hover { color: #17f; /* #384d6a; */ } /* for eg. debug links under the menu */ .photos #container-navigation dt a:link { color: #6be; } .photos #container-navigation dt a:visited { color: #6be; } .photos #container-navigation dt a:link:hover { color: #17f; } .photos #container-navigation dt a:visited:hover { color: #17f; } .photos #div-main-contentheading h2 { color: #eee; } .photos #div-main-content h2 { color: #eee; } .photos #block-colophon address { border-top: 0.5px solid #555; } /* ---------------------------------------------------------------- */ /* -- DISPLAY SCREEN CLASSES -- */ /* ---------------------------------------------------------------- */ .display #appendix-pageextension, .display #backdrop-navigation, .display #backdrop-scrollprotect, .display #backdrop-menu, .display #block-skiptocontent, .display #container-navigation, .display #container-boxes, .display #block-colophon, .display #div-main-contentheading, .display #time th, .display #widget_banner_login { display: none ! important; visibility: hidden ! important; position: absolute; } /* left and right columns */ .display #time { float: right; margin-left: 0em ! important; margin-right: 0px ! important; } .display #apod { float: right; margin-left: 0em ! important; margin-right: 0em ! important; } .display .end-column { display: block; visibility: hidden; clear: both; width: 100%; height: 0ex; margin: 0ex; padding: 0ex; border: 0ex; background-color: transparent !important; } /* widths */ .display #container-body-index, .display #container-body { left: 20px; width: 97% ! important; max-width: none ! important; } .display #div-main-content { width: 100% ! important; } .display #div-main-contentheading h2 { width: 0px; height: 0px; } .display .wide_col { width: 620px; margin-left: 0em; margin-right: 10px ! important; } .display .medium_col { width: 400px; margin-left: 0px ! important; margin-right: 0em ! important; padding-right: 0px; } .display .narrow_col { width: 200px; margin-left: 0em; margin-right: 10px ! important; padding-right: 10px ! important; } .display #time, .display #displayprogram, .display #apod, .display #displaytip, .display #movienight { width: 100% ! important; } .display #displayprogram th, .display .narrow_col #displayprogram td p:first-child, .display #time *, .display #apod * { text-align: center; } .display .medium_col #displayprogram td p:first-child { float: left; } .display .medium_col #displayprogram td p+p { float: none; } .display #apod img { margin-top: 10px; margin-bottom: -5px; } .display #div-main-content h2 { margin: 0px 0px 0.5em 0px; } .display #displaytip ul { margin-left: -1em; } /* font family and sizes */ .display .medium_col *, .display .narrow_col * { font-family: "Trebuchet MS","Trebuchet","Geneva","Arial","Helvetica",sans-serif; } .display .smaller * { font-size: small ! important; } .display #apod td *, .display #displayprogram td, .display #displayprogram td *, .display #displaytip td, .display #displaytip td *, .display #movienight td, .display #movienight td *, .display #miniagenda td, .display #miniagenda td *, .display #miniagenda .agenda-eventtype, .display #miniagenda .agenda-period, .display #miniagenda .agenda-category, .display #miniagenda .agenda-time, .display #miniagenda .agenda-room, .display #miniagenda .agenda-title, .display #miniagenda .agenda-speaker, .display #miniagenda .agenda-affiliation { font-size: medium; } .display #displayprogram th, .display #apod th, .display #time td *, .display #displaytip th, .display #movienight th, .display #miniagenda th, .display #agenda .agenda-eventtype, .display #agenda .agenda-period, .display #agenda .agenda-category, .display #agenda .agenda-time, .display #agenda .agenda-room, .display #agenda .agenda-title, .display #agenda .agenda-speaker, .display #agenda .agenda-affiliation { font-size: large; } .display #agenda th, .display #agenda .agenda-date { font-size: x-large; } .display #time strong, .display #div-main-content h2 { font-size: xx-large; font-weight: bold; } /* images */ .display #displaytip img, .display #movienight img { max-height: 150px ! important; } /* borders */ .display .widget_table tr th { border-top: 1px solid #3b586e; } .display .widget_table tr:first-child th { border-top-width: 0px; } .display .widget_table table tr.preamble td { border-bottom: 1px solid black; } /* 'sixpack' block of images */ .display #image p { padding-bottom: 20px; } .display table#image { margin-top: 11px ! important; } .display #image td { border-width: 0px ! important; margin: 0px ! important; } .display #image td img { padding: 0px 20px 34px 0px ! important; } .display #image, .display #image img { width: 400px; } /* DEBUG .display #container-body{border: 1px solid black;} .display #block_main{border: 10px solid green ! important;} .display #div-main-content{border: 1px solid red;} */ /* ---------------------------------------------------------------- */ /* -- LEFTOVER FROM OLD NORDITA DESIGN -- */ /* ---------------------------------------------------------------- */ /* NORDITA_Board_Members */ /* table.infocard { table-layout: fixed; margin: 0.8em 2em; width: 80%; padding: 0; border: solid thin #ccc; border-collapse: collapse; } table.infocard thead, table.infocard tbody, table.infocard tr { padding: 0; margin: 0; } table.infocard td, table.infocard th { margin: 0; padding: 2px; text-align: left; font-weight: inherit; } table.infocard th { background-color: #eee; } */ /* ---------------------------------------------------------------- */ /* ---------------------------------------------------------------- */ /* -- BACKWARD COMPATIBILITY ONLY -- */ #tabsTEST /* backw. compat only */ #container-wide-body, /* backw. compat only */ #container-tabs /* backw. compat only */ { display: block; position: relative; visibility: visible; /* 'visible' important for Safari */ top: auto; bottom: auto; left: auto; right: auto; width: auto; height: auto; float: none; clear: both; overflow: visible; clip: inherit ! important; /* important for safari */ } #container-wide-body /* backw. compat only */ { position: absolute; left: 0px; width: 95%; max-width: 100%; margin-left: 20px; margin-right: 20px; } #container-wide-body /* backw. compat only */ { top: 170px; /* 140px; for drop-down tabs: 82px+20px+20p: to offset fixed content-header */ /* 165px; for tabs-on-box */ } /* probably OBSOLETE */ #container-wide-body.twotablevels, /* backw. compat only */ #container-body.wide.twotablevels, /* DEBUG */ .wide #container-body.twotablevels { top: 170px; /* +25: to offset two rows of tabs */ } #container-wide-body .widget /* backw. compat only */ { max-width: 300px; } #container-wide-body h4 /* backw. compat only */ { font-size: medium; margin-bottom: -0.5ex; } #tabsTEST ul /* backw. compat only */ { z-index: 92; } /* 110 if want tabs over banner dropshadow, 90 if under */ #tabsTEST ul+ul /* backw. compat only */ { z-index: 91; } /* 110 if want tabs over banner dropshadow, 90 if under */ #block-dropshadow /* backw. compat only */ { z-index: 80; } #container-wide-body /* backw. compat only */ { z-index: 25; } #tabsTEST /* backw. compat only */ { position: relative; top: 0px; margin-left: 20px; margin-right: 20px; } #tabsTEST ul /* backw. compat only */ { position: absolute; top: 0px; left: 0px; list-style-image: none; list-style-type: none; list-style: none; margin: -2px 0px 0px 5px; padding: 0px 0px 0px 0px; } #tabsTEST li /* backw. compat only */ { float: left; margin: 0px 2px 0px 0px; padding: 0.5em 1em 0.2em 1em; list-style: none; border-style: solid; border-color: #aaa; border-width: 0px 1px 1px 1px; background-color: #f0f3f4; /* same as block-banner */ } #tabsTEST ul+ul li /* backw. compat only */ { padding-top: 2.3em; background-color: #ded; } #tabsTEST li * /* backw. compat only */ { font-size: 95% ! important; } #tabsTEST a /* backw. compat only */ { font-weight: bold; } #tabsTEST ul+ul a /* backw. compat only */ { font-weight: normal ! important; } #tabsTEST #current /* backw. compat only */ { background-color: #fff ! important; } #tabsTEST #current a /* backw. compat only */ { color: #010101 ! important; background-image: none ! important; } .display #container-tabs /* backw. compat only */ { display: none ! important; visibility: hidden ! important; position: absolute; }