/* ================================================================= */ /* */ /* SCREEN.CSS */ /* */ /* Hans Mühlen / 2007-08-07, 2008-01-05 */ /* */ /* ================================================================= */ /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* */ /* *** WORK IN PROGRESS! *** Do not copy or comment! */ /* */ /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* ----------------------------------------------------------------- */ /* -- IMPORTED STYLE SHEETS -- */ /* ----------------------------------------------------------------- */ @import url("nonstandard-mozextensions.css"); /* ----------------------------------------------------------------- */ /* -- INFORMATIONAL: COLOURS FOR 'FROSTY' STYLE -- */ /* ----------------------------------------------------------------- body text #014 body bgr #fdfdff + image link link #05b link visited #038 link hover #17f 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 border #3b586e side menu fill #f5f6f7 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-sidemenu img/arrow_left_358_7x10.png [little arrows in front of each menu item: active items (breadcrumb)] block-sidemenu 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) body [,] {,,,} - <0> (0) backdrop-head [100%,120] {0,a,a,0} A container-head [100%,120] {0,a,a,0} F block-skiptocontent [0,0] {a,a,a,a} H block-banner [a,70] {10,a,a,a} R <,20,,20> (7) div-banner-logo [a,a] {a,a,a,a} R block-dropshadow [a,12] {10,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 search [widget] [a,a] {a,a,a,a} R <0,0,10,0> (5,10,2.5ex,0) block-sidemenu [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: container-wide-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 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; } */ /* ----------------------------------------------------------------- */ /* -- POSITIONING -- */ /* ----------------------------------------------------------------- */ /* Visible blocks */ #backdrop-scrollprotect, #backdrop-navigation, #block-banner, #block-colophon, #block-dropshadow, #block-main, #block-sidemenu, #container-body, #container-index-body, #container-wide-body, #container-index-boxes, #container-head, #container-navigation, #div-banner-logo, #div-colophon-address, #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 */ #appendix-pageextension, #block-skiptocontent { display: none; position: absolute; visibility: hidden; width: 0px; height: 0px; top: auto; bottom: auto; left: auto; right: auto; } /* ----------------------------------------------------------------- */ /* -- BACKDROPS -- */ /* backdrop-scrollprotect only needed if block-banner doesn't cover 100% width */ #backdrop-scrollprotect { position: fixed; top: 0px; left: 0px; width: 100%; height: 90px; } #backdrop-navigation { position: fixed; top: 0px; /* if backdrop should continue under the banner */ top: 112px; /* = like container-body; if backdrop should top-align with page content */ right: 20px; width: 200px; height: 100%; } /* -- CONTAINER HEAD -- */ #container-head { position: fixed; top: 0px; left: 0px; width: 100%; height: 120px; } #block-banner { position: relative; /* must have position set for z-index */ top: 10px; width: auto; height: 70px; margin-left: 20px; margin-right: 20px; padding: 7px; } #widget_loggedinas { position: absolute; /* must have position set for z-index */ width: auto; top: 60px; right: 0px; height: auto; } #block-dropshadow { position: relative; /* must be relative for z-index to work */ top: 10px; width: auto; height: 12px; margin-left: 20px; margin-right: 20px; } /* -- CONTAINER NAVIGATION -- */ #container-navigation { position: fixed; /* wtr container-head */ top: 120px; right: 0px; width: 205px; height: 100%; } #block-sidemenu { 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; top: 120px; /* 82px+20px: to offset fixed content-header */ left: 20px; width: 680px; max-width: 70%; } /* Only in WIDE CONTENT PAGES */ #container-wide-body { position: absolute; top: 120px; /* 82px+20px: to offset fixed content-header */ left: 0px; width: 95%; margin-left: 20px; margin-right: 20px; } /* 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%; } /* ----------------------------------------------------------------- */ /* -- STACKING ORDER -- */ /* ----------------------------------------------------------------- */ #div-banner-logo, #div-colophon-address { z-index: auto; } /* TODO sortera in */ .wiki_edit { z-index: 150; } /* over block-sidemenu */ #block-sidemenu .menu { z-index: 140; } /* over div-navigation-xxx .menu .submenu */ #block-sidemenu .menu .submenu { z-index: 130; } #block-sidemenu * { z-index: 120; } #container-navigation { z-index: 110; } /* over block-banner */ #block-banner, .widget, .widget p { z-index: 100 ! important; } #block-dropshadow { z-index: 90; } #container-head { z-index: 70; } /* over all backdrops, over container-index-boxes */ #backdrop-scrollprotect { z-index: 55; } /* over container-index-boxes */ #container-index-boxes { z-index: 50; } /* over backdrop-navigation */ #backdrop-navigation { z-index: 40; } #container-body, #container-wide-body, #container-index-body { z-index: 30; } #block-main, #block-colophon, #div-main-contentheading, #div-main-content { z-index: 30; } #appendix-pageextension { z-index: 0; } /* ----------------------------------------------------------------- */ /* -- 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; cursor: help; } a { text-decoration: none; } hr { border-width: 0px; border-top: 1px solid black; } dd { margin-left: 3ex; } /* -- BORDERS -- */ form input, 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: 0ex; } /* -- COLOURS AND BACKGROUNDS -- */ html, body { color: #014; background-color: #fdfdff; background-repeat: no-repeat; background-position: 60px 60px ! important; /* default is 160px 60px */ background-attachment: fixed; background-image: url("../img/backdrop_pentaflakes_1200_win.jpg"); } a:link { color: #05b; } a:visited { color: #038; } a:link:hover { color: #17f; } a:visited:hover { color: #17f; } 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: #eeeff4; } form input[type=submit]:hover, form input[type=reset]:hover, form input[type=button]:hover { font-weight: bold; color: #000; background: #e0e3f4; } /* -- FONTS: ALWAYS MONOSPACE -- */ tt, pre, code, kbd { font-family: "Courier","Courier New",monospace; } /* -- 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, .menu *, h1, h2, h3, h4, h5, h6 { 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 CLASSES -- */ /* ----------------------------------------------------------------- */ /* -- VISIBILITY */ .hidden { display: none; position: absolute; visibility: hidden; } /* -- ERRORS -- */ .red { color: #700 ! 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: 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; } /* ----------------------------------------------------------------- */ /* -- DEFINITION OF OTHER BOX PROPERTIES -- */ /* ----------------------------------------------------------------- */ /* -- APPENDIX-BACKDROP -------------------------------------------- */ /* background under banner; must not be transparent */ #backdrop-scrollprotect { background-color: #fdfdff; } #backdrop-navigation { background-color: #f5f6f7; } /* -- CONTAINER-HEAD ----------------------------------------------- */ /* -- BLOCK-BANNER ------------------------------------------------- */ #block-banner { color: #013; background-color: #f0f3f4; border: 1px solid #3b586e; border-bottom-width: 1px; /* mysko buggfix */ } /* -- LOGO IMAGE ------------------ */ #div-banner-logo p { float: left; margin: 5px 0ex 0ex 43px; } /* -- TEXT "NORDITA" -------------- */ #div-banner-logo h1 { float: left; margin: 12px 0ex 0px 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; } /* -- TEXT "Nordic institute..." -- */ #div-banner-logo h2 /* */ { float: left; margin: 16px 0ex 0px 4ex; font-family: "Times", "Times New Roman", serif; font-weight: normal; font-size: 21px ! important; /* 2.7ex; */ line-height: 1.0 ! important; } /* -- DROP SHADOW UNDER BANNER ---- */ #block-dropshadow { background-image: url("../img/background-shadow.png"); background-repeat: repeat-x; content: " "; } /* -- BANNER BACKGROUND IMAGE ---- */ #block-banner { background-image: url("../img/background-banner.png"); background-repeat: no-repeat; } /* -- CONTAINER-NAVIGATION --------------------------------------- */ /* background-color should be white, if position=fixed */ #container-navigation, #container-navigation * { color: #013; background-color: transparent; } /* for eg. debug links under the menu */ #container-navigation dt a:link { color: #05b; } #container-navigation dt a:visited { color: #038; } #container-navigation dt a:link:hover { color: #17f; } #container-navigation dt a:visited:hover { color: #17f; } /* -- TOP-LEVEL LINKS ------------- */ #block-sidemenu ul, #block-sidemenu ul.menu>li, #block-sidemenu .home { font-size: small; margin: 0ex 0ex 0ex 0ex; padding: 0ex 0ex 0ex 0ex; } #block-sidemenu 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 ------------- */ #block-sidemenu .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; } #block-sidemenu .active>.submenu { position: relative; /* must be absolute, or else they take space */ visibility: visible; /* show submenus only for current item */ } /* -- SIDE MENU ---------------------------------------------------- */ /* strange bugfix to remove mysterious white vertical lines */ #block-sidemenu ul * { padding-left: 0px; } #block-sidemenu ul li li { padding-left: 3ex ! important; } #block-sidemenu, #block-sidemenu ul * { background-color: transparent; } /* if you want lines between main menu items */ #block-sidemenu .menu:first-child { border-top: 0px dotted #013; } /* if you want lines between main menu items */ #block-sidemenu .menu>li { border-bottom: 0px dotted #013; } /* fix to make menu items on several lines align nicely with arrow */ #block-sidemenu .menu li li { margin-left: 16px; text-indent: -14px; } /* fix to make menu items on several lines align nicely with arrow */ #block-sidemenu .menu li li li { margin-left: 0px; text-indent: -14px; } /* style for all sub-level menu items EXCEPT the currently selected item */ #block-sidemenu .menu li li span, #block-sidemenu .menu li li span * { font-weight: normal; color: #013; } /* style for the currently selected menu item */ #block-sidemenu .menu li span.this { font-weight: bold ! important; text-decoration: none; color: #013; } /* style for the active menu items (breadcrumb) */ #block-sidemenu .menu li.active>span, #block-sidemenu .menu li.active>span a { font-style: italic; font-weight: bold ! important; color: #028; } /* style for top-level menu items; padding: distance between items */ #block-sidemenu .menu>li { font-weight: bold ! important; padding: 0px 0px 5px 0px ! important; } /* link color on hover */ #block-sidemenu .menu li span a:hover { color: #17f; /* #384d6a; */ } /* little arrows in front of each menu item: inactive items */ #block-sidemenu .menu li:before { content: url("../img/arrow_left_358_7x10.png"); } /* little arrows in front of each menu item: active items (breadcrumb) */ #block-sidemenu .menu li.active:before { content: url("../img/arrow_down_358_7x10.png"); } /* text bullet in front of each menu item * #block-sidemenu .menu li li { text-indent: -11px; } * text bullet in front of each menu item * #block-sidemenu .menu li li span:before { color: #026; content: "\2734\00a0"; } */ /* -- CONTAINER INDEX BOXES ------------------------------------------- */ /* -- WIDGET ---------------------- */ .widget { width: auto; height: auto; margin: 0px 0px 10px 0px; padding: 5px 10px 2.5ex 10px; } #container-body .widget, #container-wide-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: #feffff; } .widget h3 { border-bottom: 1px solid #3b586e; 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: #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, #container-wide-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; } /* -- 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: #eeeff4; border-bottom: 0px solid #3b586e; border-bottom-width: 1px; } .widget_table table td { padding: 1px 8px 1px 8px; text-align: left; color: #333; border-style: solid; border-color: #3b586e; border-width: 0px; background: #f5f6f8; } .widget_table table td>td { border-bottom-width: 1px; } .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; } /* -- 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: #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; } /* -- WIKITOGGLE WIDGET ---------------- */ #wikitoggle td, #wikitoggle th { font-size: x-small; background: #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 td img { visibility: visible; border: 1px solid black; } #apod.widget_table table td { border-bottom-width: 0px ! 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 td { text-align: left; } #agenda th { width: 100%; } #agenda td { vertical-align: top; } #agenda td img { visibility: hidden; } #agenda dl+dl { padding-top: 2ex; } #agenda dt { margin-bottom: 0.5ex; } #agenda dd { margin-left: 3ex; } #agenda .agenda-category { font-weight: bold; font-style: normal; } #agenda .agenda-date { font-weight: bolder; font-style: normal; } #agenda .agenda-time { font-weight: bold; font-style: normal; } #agenda .agenda-room { font-weight: normal; font-style: normal; } #agenda .agenda-title { font-weight: bold; font-style: normal; } #agenda .agenda-speaker { font-weight: normal; font-style: italic; } #agenda .agenda-affiliation { font-weight: normal; font-style: italic; } /* -- CONTAINER-BODY ----------------------------------------------- */ #container-body, #container-wide-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; font-size: xx-large; color: #013; } #div-main-content h2 { color: #013; } /* -- BLOCK-COLOPHON ----------------------------------------------- */ #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; border-top: 0.5px solid #013; } #div-colophon-address { margin: 30px 0ex 2ex 0ex; } /* ---------------------------------------------------------------- */ /* -- BLOCK 'DIV-NAVIGATION-CRUMB' -- */ /* ---------------------------------------------------------------- */ /* ---------------------------------------------------------------- */ /* -- BLOCK 'SKIP TO CONTENT' -- */ /* ---------------------------------------------------------------- */ #block-skiptocontent.tab { display: block; visibility: visible; position: fixed; overflow: hidden; z-index:100; clear: both; top: 0ex; left: 0ex; width: 100%; height: 3ex; margin: -1px 0ex 0ex -1ex; padding: 0ex 0ex 0ex 0ex; color: inherit; background-color: transparent; text-align: center; } #block-skiptocontent.tab p { display: inline; visibility: hidden; top: 0ex; left: 0ex; width: 25em; 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.tab a { color: #000; font-weight: bold; text-decoration: none; } #block-skiptocontent.tab p:before { content: "[ "; } #block-skiptocontent.tab p:after { content: " ]"; } #block-skiptocontent:hover p { } /* ---------------------------------------------------------------- */ /* -- BLOCK 'APPENDIX' -- */ /* ---------------------------------------------------------------- */ #appendix-pageextension { display: block; visibility: visible; position: absolute; overflow: hidden; z-index: 1; clear: both; bottom: -0.1px; width: 10%; height: 1px; margin: 0ex; border: 0ex; padding: 0ex; } /* ---------------------------------------------------------------- */ /* -- 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; } /* ---------------------------------------------------------------- */ /* -- 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; } */ /* ---------------------------------------------------------------- */