/* === GENERAL PAGE STRUCTURE =========================================== */ /* This section contains styles that defines the size and position of the container and placeholder div's. */ #container { width: 990px; margin: 0px auto 20px auto; overflow: hidden; } #containertop { padding-left: 18px; padding-right: 18px; } #containercenter { background: transparent url(images/containerCenter.png) repeat-y; padding-left: 9px; padding-right: 11px; overflow: hidden; position: relative; } #placeholder-top { background: url(images/containerTop.jpg) 19px 19px no-repeat transparent; height: 160px; width: 970px; position: relative; margin: 0; padding: 0; } #placeholder-left { float:left; clear: both; width: 171px; margin: 10px 0 10px 20px; overflow: hidden; } #placeholder-content-no-right { padding: 20px 10px 20px 20px; width: 740px; padding-top: 10px; float: left; overflow: hidden; } #placeholder-content { float: left; width: 555px; padding: 10px 5px 20px 20px; } #placeholder-right { width: 171px; margin: 10px 20px 20px 0; float: right; overflow: hidden; } #placeholder-bottom { clear: both; color: #706F6F; background: url('images/containerBottom.png') no-repeat top left; font-size: 0.9em; padding-top: 5px; } #placeholder-left .tile-common, #placeholder-right .tile-common { margin-bottom: 10px; } #placeholder-bottom .tile-content { padding: 5px 10px; margin: 0; } #placeholder-bottom .tile-content p { padding: .5em 0; margin: 0; } /* removeable? */ span#splashHeader { float:left; margin-left:330px; margin-top:40px; font-weight: bold; color:#1B485A; font-size: 1.2em; } div.tile-content span#splashText { float:left; margin-left:330px; margin-top:5px; color:#ffffff; } div.tile-content span#splashLink a { float:left; margin-left:540px; margin-top:5px; color:#1B485A; font-weight:bold; list-style-type:none !important; padding-left:8px; background:transparent url(images/arrowright.png) no-repeat scroll left center; } div.tile-content div#splash { background: transparent url(http://hive.demo.coretrek.no/getfile.php/Bilder/splash1.png) no-repeat scroll 0% 0%; height:200px; margin-top:-20px; } div#placeholder-content div.banner-display { clear:both; } #extra-1, #extra-2, #extra-3, #extra-4, #extra-5, #extra-6, #extra-7, #extra-8 { display: none; } /* === SPECIAL COREPUBLISH ELEMENT STRUCTURE =========================== */ /* This section contains structure styles for HTML content not generated by the frontend templates. This can be output from system functions in the CorePublish backend, or HTML generated by system classes in the frontend code. It is rarely necessary to alter these style definitions. */ .clear { clear:both; } .cpform-noborder { border: 0; } .list-thumbnail-left { float: left; padding-right: 10px; margin-top: 2px; } .list-thumbnail-right { float: right; padding-left: 10px; margin-top: 2px; } .list-thumbnail-center { text-align: center; padding-bottom: 10px; margin-top: 2px; } span.ajax-button-not-visible { display: none; } span.ajax-button-visible { display: inline !important; } #extended-debug-info { margin-top: 100px; font-family: monospace; } .programmatic-clearboth { height: 0px; width: 0px; overflow: hidden; clear: both; } .javascript-popup { display: none; left: 300px; top: 100px; } #content-link, #content-link2 { display: none; } /* === VISUAL DESIGN (COLORS/FONT/BORDERS) ============================= */ /* This section defines general visual styles for the site. The section is divided into sub-sections to improve readability. */ /* --- VISUAL STYLING OF GENERAL HTML TAGS ----------------------------- */ body, html { height: 100%; } body { color: #000; background: #E1DFDF; font-family: Arial, Helvetica; margin: 0; padding: 0; font-size: 12px; line-height: 1.3; } h1 { font-size: 28px; font-weight: bold; margin: 0; color: #425a6c; } h2 { font-size: 22px; font-weight: bold; margin: 0; color: #425a6c; } h3 { font-size: 14px; font-weight: bold; margin: 0; color: #425a6c; } h4 { font-size: 12px; font-weight: bold; margin: 0; color: #425a6c; } a { text-decoration:none; } a:link, a:visited { color: #093A80; } a:visited { color: #093A80; } a:hover { color: #1C57A5; } img { border: 0; } /* To set list styles for article content you will have to style the article content spesifically. Search for ".full-articledisplay ul". */ ul, ul li { padding:0; margin: 0; } form { margin: 0; padding: 0; } a.submit, input, textarea, select { padding: 3px; border: 1px solid #c8d6dc; } /* --- COMMON TILE VISUAL STYLING -------------------------------------- */ /* In this section you will find visual style definitions for classes common for all tiles, or a set of tiles (eg. all tiles in a placeholder). */ button.submit, input.submit, .cpform-button { background: #5A6F7E; font-weight: bold; margin: .2em 0; font-size: 1em; color: #fff; } span.required-field { color: #f00; font-weight: bold; } #placeholder-content p, #placeholder-content-no-right p { margin: 0 0 1em 0; padding: 0; } /* ---------- Common styling for tiles in right column -------------*/ #placeholder-left .tile-common, #placeholder-right .tile-common { background: url(images/right_tile_bg.png) top left repeat-y; overflow: hidden; } #placeholder-left .tile-common .tile-top, #placeholder-right .tile-common .tile-top { background: url(images/right_tile_top.png) bottom left no-repeat; height: 3px; overflow: hidden; } #placeholder-left .tile-common h3, #placeholder-right .tile-common h3 { background: url(images/right_tile_h3.png) top left no-repeat; border: none; color: #fff; padding: 5px 2px 6px 11px; font-size: 1em; } #placeholder-left .tile-common .tile-content h3, #placeholder-right .tile-common .tile-content h3 { background: none; border: none; color: #425a6c; padding: 5px 2px 6px 6px; } #placeholder-left .tile-common .tile-content p h3, #placeholder-right .tile-common .tile-content p h3 { padding-left: 0; } #placeholder-left .tile-common .tile-content, #placeholder-right .tile-common .tile-content { padding: 0px 3px 0px 4px; overflow: hidden; } /* Default padding, necessary for border to fit */ #placeholder-left .tile-common .tile-bottom, #placeholder-right .tile-common .tile-bottom { background: url(images/right_tile_bottom.png) top left no-repeat; height: 3px; overflow: hidden; } #placeholder-left .tile-common .tile-content p, #placeholder-right .tile-common .tile-content p { padding: 6px 5px 2px 7px; margin: 0; } /* Default padding, necessary for border to fit */ #placeholder-left .tile-common.small-articlelist .list-thumbnail-left, #placeholder-right .tile-common.small-articlelist .list-thumbnail-left { padding: 0 0 0 4px; } #placeholder-left .tile-common.small-articledisplay-nolayout .tile-content, #placeholder-right .tile-common.small-articledisplay-nolayout .tile-content { padding: 0 1px } /* Default padding, necessary for border to fit */ /* .hotlinkslist-tile li, .metadatarelationlist li, #placeholder-left .tile-common .tile-content .articlelist-link-external ul li, #placeholder-right .tile-common .tile-content .articlelist-link-external ul li { padding: 4px 7px 4px 6px; list-style-type: none; border-top: solid 1px white; } */ #placeholder-left .facts-tile .tile-content, #placeholder-right .facts-tile .tile-content { padding: 4px 7px 10px 10px; } /* Remove background for nolayout */ #placeholder-left .tile-common.small-articledisplay-nolayout, #placeholder-right .tile-common.small-articledisplay-nolayout, #placeholder-left .tile-common.small-articledisplay-nolayout .tile-top, #placeholder-right .tile-common.small-articledisplay-nolayout .tile-top, #placeholder-left .tile-common.small-articledisplay-nolayout .tile-content, #placeholder-right .tile-common.small-articledisplay-nolayout .tile-content, #placeholder-left .tile-common.small-articledisplay-nolayout h3, #placeholder-right .tile-common.small-articledisplay-nolayout .h3, #placeholder-left .tile-common.small-articledisplay-nolayout .tile-bottom, #placeholder-right .tile-common.small-articledisplay-nolayout .tile-bottom { background: none; } #placeholder-content form, #placeholder-content-no-right form { padding: 10px; } div.entitycomment td, table.calendar-header td, table.calendar-layout td, div.searchlog-container td { vertical-align: top; } /* === SPECIFIC TILE STYLING =========================================== */ /* This section contains both structure and visual styling for specific tiles. The section is divided into sub-sections where definitions for a given tile are grouped together. We try to reuse definitions where possible. This means that there can be tile definitions for a tile outside the tiles sub-section. */ /* --- PAGE HEADER ------------------------------------------------------*/ #placeholder-top .page-header a { height: 48px; width: 300px; no-repeat; display: block; } #placeholder-top .page-header a img { } #placeholder-top .page-header { position: absolute; top: 40px; padding-left: 0px; } #placeholder-top div.small-searchinput { position: absolute; top: 109px; right: 25px; } #placeholder-top div.small-searchinput h3 { display: none; } /* --- toolbarContainer ------------------------*/ #toolbarContainer { position: absolute; top: 23px; left: 633px; font-size: 10px; } #toolbarContainer a { padding-right:15px; background: url(images/toolbar_spacer.png) center right no-repeat; } #toolbarContainer a#small { font-size:0.9em; padding-right: 0; background: none; } #toolbarContainer a#medium { font-size:1.0em; padding-right: 0; background: none; } #toolbarContainer a#large { font-size:1.1em; padding-right: 0; background: none; } /* --- HORIZONTAL MENU --------------------------------------------------*/ #placeholder-top .horizontal-menu h3 { display: none; } #placeholder-top .horizontal-menu { overflow:hidden; width:923px; height: 28px; position: absolute; left: 23px; top: 107px; background: url(images/menu_background.png) repeat-x top right; } #placeholder-top .horizontal-menu ul, #placeholder-top .horizontal-menu li { list-style: none; display: block; float: left; } #placeholder-top .horizontal-menu ul { float: left; } #placeholder-top .horizontal-menu li { background: transparent url(images/spacer.png) no-repeat right top; } #placeholder-top .horizontal-menu li a:hover { background: url(images/menu_background2.png) top right no-repeat; color: #D11c36; } #placeholder-top .horizontal-menu a { color: #ffffff; padding-right:10px; font-weight: bold; } #placeholder-top .horizontal-menu li.first { margin-left: 1px; } #placeholder-top .horizontal-menu a:link, #placeholder-top .horizontal-menu a:visited, #placeholder-top .horizontal-menu a:hover { display: block; float: left; padding: 5px 10px 6px 10px; font-size: 13px; } #placeholder-top .horizontal-menu li.active a:link, #placeholder-top .horizontal-menu li.active a:visited, #placeholder-top .horizontal-menu li.active a:hover { background: url(images/menu_background2.png) top right no-repeat; color: #D11c36; } #placeholder-top .horizontal-menu li.main-active a:link, #placeholder-top .horizontal-menu li.main-active a:visited, #placeholder-top .horizontal-menu li.main-active a:hover { background: url(images/menu_background2.png) top right no-repeat; color: #D11c36; } #placeholder-top .horizontal-menu a:visited, .language-selector a:visited { color: #ffffff; } .textinput { border:1px inset black; } /* --- VERTICAL MENU ----------------------------------------------------*/ .vertical-menu .tile-content { padding: 10px 5px 10px 0; } .vertical-menu ul { } .vertical-menu li { padding: 1px 0px 0px 0px; list-style-type: none; border-bottom: solid 1px white; } .vertical-menu li li { border-bottom: none; } .vertical-menu li a { background: url(images/arrow1.png) no-repeat 150px 8px transparent; padding: 5px 19px 6px 6px; display: block; } .vertical-menu li li a { padding-left: 16px; } .vertical-menu li li li a { padding-left: 26px; } .vertical-menu li li li li a { padding-left: 36px; } .vertical-menu li.main-active a { background: url(images/arrow1-active.png) no-repeat 150px 8px transparent; } .vertical-menu li.active a { color: #C11D36; background: url(images/arrow1-active.png) no-repeat 150px 8px transparent; } .vertical-menu li.active li a { color: #093A80; } .vertical-menu li.active a:hover { color: #C11D36; } .vertical-menu li.main-active li a, .vertical-menu li.active li a { background: none white; } .vertical-menu li.active li a:hover { color: #C11D36; } #placeholder-content .vertical-menu .tile-content { padding: 0px 5px 10px 0; } #placeholder-content .vertical-menu h3 { display: none; } #placeholder-content .vertical-menu li.main-active a, #placeholder-content .vertical-menu li.active a, #placeholder-content .vertical-menu li a { background: none; display: block; border-bottom: 1px solid #E3E0D9; } /* --- ARTICLEDISPLAY ---------------------------------------------------*/ .small-articledisplay ul, .full-calendardisplay ul, .full-articledisplay ul { margin: 1em; } .full-articledisplay .date { font-style: italic; font-size: 0.9em; padding: 0 0 10px 0; color: #818181} .small-articledislplay ul li ul, .full-articledisplay ul li ul { margin: 0; } .full-articledisplay li ul { margin-bottom: 1em; } /* --- SITEMAP ------------------------------ */ .small-articledisplay ul li, .full-articledisplay ul li, .sitemap ul li, .sitemap-hive ul li { display: list-item; list-style: square; list-style-position: outside; margin: 0 2em; padding: 0; } #placeholder-content-no-right .sitemap .tile-content { width:700px; } .sitemap-hive ul li ul { border: 1px dotted; margin:2px; } .sitemap-hive ul li.even { width: 300px; float: left; clear:both; float:left; } .sitemap-hive ul li.odd { width: 300px; float: left; float:right; } .sitemap-hive ul li ul li ul { border: none; } .sitemap-hive ul li ul li ul li { display: none; } .sitemap-hive ul li ul li ul li ul { border: none; } .sitemap-hive ul li ul li ul li ul li { display: none; } .sitemap li ul { margin-bottom: 0em; } .article_image{ width:100%; } .article_image table{ margin: -5px; } .full-articledisplay .articleinfo { color:#999999; font-size:80%; } /*---- Frontpage custom styling----*/ .frontpage #placeholder-content { width: 735px; } .frontpage #placeholder-left { display: none; } .frontpage #placeholder-content .small-articledisplay-nolayout { float: left; } .frontpage #placeholder-content .small-articledisplay { background: url(images/right_tile_bg.png) top left repeat-y; overflow: hidden; float: left; width: 172px; } .frontpage #placeholder-content .small-articledisplay .tile-top { background: url(images/right_tile_top.png) bottom left no-repeat; height: 3px; overflow: hidden; } .frontpage #placeholder-content .small-articledisplay .tile-content { padding: 0px 3px 0px 4px; overflow: hidden; } /* Default padding, necessary for border to fit */ .frontpage #placeholder-content .small-articledisplay .tile-bottom { background: url(images/right_tile_bottom.png) top left no-repeat; height: 3px; overflow: hidden; } .frontpage #placeholder-content .small-articledisplay h3 { background: url(images/right_tile_h3.png) top left no-repeat; border: none; color: #fff; padding: 5px 2px 6px 11px; font-size: 1em; } .frontpage #placeholder-content .banner-display { overflow: hidden; height: 200px; } .frontpage #placeholder-content .tile-common { margin-bottom: 10px; } .frontpage .full-articlelist h2 { display: none; } .frontpage .full-articlelist-twocolumn, .frontpage .full-articledisplay, .frontpage .full-articlelist { width: 545px; } .frontpage #placeholder-content .full-articlelist { float: right; } /* .frontpage #placeholder-content .full-articlelist .header, .frontpage #placeholder-content .full-articlelist .digest, .frontpage #placeholder-content .full-articlelist .articlelist-link-internal, .frontpage #placeholder-content .full-articlelist .articlelist-link-external { margin-left: 94px; } */ .frontpage #placeholder-content .full-articlelist ul li { padding: 3px 0px; } .frontpage #placeholder-content .full-articlelist .digest, .frontpage #placeholder-content .full-articlelist .digest p { margin-top: 2px; margin-bottom: 2px; } .studietilbud-forside { position: relative; border: solid 1px #c1c1c1; padding: 2px 1px 1px 2px; } .studietilbud-forside h3 { display: none; } .studietilbud-forside .tile-content { overflow: hidden; } .studietilbud-forside .studier { background: url(images/gradient.png) repeat-x; overflow: hidden; margin: 20px 0 0 0; } .studietilbud-forside .studie { height: 30px; width: 181.5px; border-right: solid 1px white; border-bottom: solid 1px white; float: left;} .studietilbud-forside .studie a { padding: 7px 1px 7px 13px; display: block; background: url(images/sitelocator_separator_master.gif) 3px 12px no-repeat; color: #425a6c; font-size: 14px; } /* --- SITELOCATOR ------------------------------------------------------*/ .sitelocator { position: absolute; top: 150px; left: 33px; color: #000; width: 100%; font-size: 11px; } .sitelocator li { background: url(images/sitelocator_separator_master.gif) no-repeat right .45em; } .sitelocator h3 { font-weight: normal; margin: 0; display: block; float:left; font-size: 11px; } .sitelocator ul, .sitelocator li { list-style: none; display: block; float:left; padding-right: 10px !important; padding-left: 5px !important; } .sitelocator ul { } .sitelocator li.last { background: none; } /* --- LINK TOOLBAR -----------------------------------------------------*/ #placeholder-content .linktoolbar h3, #placeholder-content-no-right .linktoolbar h3 { display: none; } #placeholder-content .linktoolbar, #placeholder-content-no-right .linktoolbar { text-align: right; font-size: 80%; } #placeholder-content .linktoolbar ul, #placeholder-content-no-right .linktoolbar ul { list-style-type: none; } /* --- ARTICLE DISPLAY --------------------------------------------------*/ #placeholder-content .digest, #placeholder-content-no-right .digest { font-weight: bold; font-size: 1em; margin: 2px 0 10px 0; color: #000; } #placeholder-content .full-articlelist-twocolumn .digest, #placeholder-content .full-articlelist .digest { font-weight: normal; } #placeholder-content .thumbed, #placeholder-content-no-right .thumbed { margin-left: 0px; overflow: hidden; display: block; } .articlelist-link-external .small-articledisplay p { padding: 3px 4px 10px 4px; margin: 0; } .small-articledisplay .articlelist-link-external ul, .small-articledisplay .articlelist-link-external ul li { list-style-type: none; margin: 0px; padding: 0px; } .small-articledisplay .article_image img { width: 190px; } .small-rsslist ul li a, .metadatarelationlist ul li a, .hotlinkslist-tile ul li a, .small-articlelist .articlelist-link-external ul li a, .small-articlelist .newsarchivelink ul li a, .small-fading-content-tile .newsarchivelink ul li a, .full-articledisplay .articlelist-link-external ul li a, .small-articledisplay .articlelist-link-external ul li a { background:transparent url(images/arrow1.png) no-repeat scroll 2px 8px; padding: 4px 13px 4px 12px; display: block; border-bottom: solid 1px white; } .small-rsslist ul li, .metadatarelationlist ul li, .hotlinkslist-tile ul li, .small-articlelist .articlelist-link-external ul li, .full-articledisplay .articlelist-link-external ul li { list-style-type: none; margin: 0px; padding: 0px; } .article_image img{ width:555px; } /* --- PAGE FOOTER ------------------------------------------------------*/ #coretrek-colofon { position: absolute; padding: .5em 10px; margin: 10px 0; font-size: 0.8em; color: #999; } #coretrek-colofon a:link, #coretrek-colofon a:hover, #coretrek-colofon a:visited { color: #999; } /* Small searchinput top right */ .small-searchinput .tile-content input.textinput { width: 115px; border: 0px; padding-left: 2px; } .full-searchinput input.submit { background:url("images/btn_search.png") no-repeat; border: 0px; color: #5A6F7E; width: 28px; height: 23px; position: relative; top: -6px; text-indent: -999px; font-size: 0; text-align: left; } .small-searchinput .tile-content input.submit { background:url("images/btn_search.png") no-repeat; border: 0px; color: #5A6F7E; width: 28px; height: 23px; position: relative; top: -4px; text-indent: -999px; font-size: 0; text-align: left; } /* --- NEWSLETTER AND SUGGESTION FORM -----------------------------------*/ .newsletter-form .tile-content input.textinput, .suggestionform .tile-content input.textinput { width: 95%; margin-bottom: .5em; } .login-form .tile-content input.textinput { width: 200px; margin-bottom: .5em; display: block; } .newsletter-form .tile-content span { margin: 1em 0; } .suggestionform .tile-content textarea { width: 95%; font-size: 120%; } #newsletter-form-register div { margin: 10px auto 10px auto; } /* --- LOGIN FORM -------------------------------------------------------*/ #login-form-error, #login-form-message, #newsletter-form-error, #newsletter-form-message, .suggestionform .suggestionform-error, .suggestionform .suggestionform-message, #searchlog-container-error-message, #entitycomment-form-error, #entitycomment-form-message { color: #C03D6C; font-weight: bold; border: 1px solid #888; padding: 5px; margin-bottom: 5px; text-align: center; } #login-form-message, #newsletter-form-message, #entitycomment-form-message, .suggestionform .suggestionform-message { color: #279634; } #login-form-changepassword, #login-form-lostpassword-container { display: none; } /* --- ARTICLE COMMENT --------------------------------------------------*/ .entitycomment { margin: 40px 0 15px 0; } .entitycomment h3 { padding: 0; margin: 0; } .entitycomment h2, .entitycomment-form h3 { padding: 5px; margin: 0; } .entitycomment ul { list-style-type: none; margin: 0; padding: 0 0 10px 0; } #placeholder-content .entitycomment li, #placeholder-content .entitycomment-form-content { border-top: none; padding: 5px; margin: 0; } #placeholder-content .entitycomment li { list-style-type: none; border-top: 1px solid #c8d6dc; border-bottom: 1px solid #c8d6dc; margin-bottom: 10px; } #placeholder-content .entitycomment-trackback { padding-top: 30px; } #placeholder-content .entitycomment-trackback li { list-style-type: none; background-color: #f1f2e7; border-top: 1px solid #c8d6dc; border-bottom: 1px solid #c8d6dc; margin-bottom: 10px; } .entitycomment-trackback p { font-style: italic; } .entitycomment-byline { color: #888; font-size: .75em; font-style: italic; } .entitycomment .tile-content { padding: 0; margin: 0; } .entitycomment-form-content table { width: 100%; } .entitycomment-form-content input { width: 325px; } .entitycomment-form-content textarea { width: 325px; } .entitycomment-form-content textarea { height: 100px; } .entitycomment-form-content .submit { width: auto; } .entitycomment-urls { text-align: right; } /* --- CAPCTHA ----------------------------------------------------------*/ .capctha-info-container { padding-bottom: 15px; } .captcha-regenerate { float: left; } .captcha-info { float: right; } .capctha-end { height: 1px; overflow: hidden; clear: both; } /* --- ARTICLE/RSS LISTS ------------------------------------------------*/ #placeholder-right .newsarchivelink li, #placeholder-left .newsarchivelink li { margin: 0 0 -1em 0; padding-top: 1em; padding-bottom: 15px; } .small-fading-content-tile .newsarchivelink { display: none; } .small-fading-content-tile h3, .small-articlelist h3{ font-weight: bold; color: #ad0340; border-bottom:1px solid white; } .small-fading-content-tile #smallFadeDisplay h3 { font-weight: normal; } .small-fading-content-tile .header, .small-articlelist .header{ border-bottom: none !important; } .small-fading-content-tile ul li { list-style-type:none; } .small-fading-content-tile #smallFadeDisplay { height: 150px; /*set fixed eight to prevent column from "jumping"*/ } .small-fading-content-tile #smallFadeDisplay p { font-size:0.8em; } .small-articlelist ul li{ list-style-type:none; border-bottom:1px solid white; font-size: 0.8em; clear: both; } .small-fading-content-tile #smallFadeDisplay li, .small-articlelist ul li li{ border:none; } #smallFadeDisplay .date, .small-articlelist ul li .date{ display:none; } .small-fading-content-tile #smallFadeDisplay .list-thumbnail-left { padding-left: 5px; padding-right: 5px; width: 65px; overflow: hidden; } .small-fading-content-tile #smallFadeDisplay img, .small-articlelist ul li img{ float:left; padding:1px; max-width: 60px; border:1px solid #E3E0D9; } #placeholder-right .small-articlelist ul li img { display: none; } .small-fading-content-tile #smallFadeDisplay h3 a, .small-articlelist ul li a{ font-size: 12px; } .small-calendarlist .tile-content li, .small-articlelist li, .small-rsslist li, .metadatarelationlist li { padding: 0 0 1em 0; } /* -- Archive articlelist -- */ .articlearchivelist ul li { padding: 3px; } .articlearchivelist ul li a { display: inline; } #placeholder-left .small-rsslist h3, #placeholder-right .small-rsslist h3 { background: url(images/rss-icon.gif) no-repeat right; background-position: 179px 8px; border-bottom: 1px solid #C8D6DC; } #placeholder-content .small-rsslist h3 { font-size: 1.5em; margin: 0 0 15px 0 !important; padding-left: 20px; background: transparent url(images/rss-icon.gif) no-repeat left; } #placeholder-content .small-rsslist h3 a { color: #000; font-weight: normal; } #placeholder-content .small-rsslist ul { margin-bottom: 20px; } #placeholder-content .small-rsslist li a { display: inline; } #placeholder-content .small-rsslist span.date { display: block; } .list-navigation, .list-navigation-text { text-align: center; clear:both; } .full-articlelist-twocolumn, .full-articledisplay, .full-articlelist { width: 555px; /*was 485 */ margin-bottom: 5px; overflow: hidden; } #placeholder-content-no-right .full-articledisplay, #placeholder-content-no-right .full-articlelist { width: 755px; } #placeholder-content-no-right .full-articledisplay .tile-content img, #placeholder-content .full-articledisplay .tile-content img { padding: 2px; } #placeholder-content-no-right .banner-display .tile-content ul, #placeholder-content-no-right .banner-display .tile-content ul li, #placeholder-content .banner-display .tile-content ul li, #placeholder-content .banner-display .tile-content ul, #placeholder-content-no-right .full-articledisplay .tile-content ul, #placeholder-content-no-right .full-articledisplay .tile-content ul li, #placeholder-content .full-articledisplay .tile-content ul li, #placeholder-content .full-articledisplay .tile-content ul { margin: 5px 10px; padding: 0px; } .full-articlelist h2{ font-weight: bold; font-size: 13px; color: #ad0340; border-bottom:1px solid #ad0340; } .full-articlelist .full-articledisplay h2{ color: #000; border-bottom: none; } .full-articlelist .full-articledisplay ul li { list-style-type: square; } .full-articlelist ul li { padding-bottom: 10px; padding-top: 5px; list-style-type: none; border-bottom: 1px solid #e3e0d9; } .full-articlelist-twocolumn ul li { list-style-type: none; width: 215px; border-top: 1px solid #e3e0d9; border-bottom: none; padding: 10px 0 0 0; } .full-articlelist-twocolumn h2 { border-bottom: solid 1px #E3E0D9; } .full-articlelist-twocolumn .list-thumbnail-left img { padding: 2px; border: 1px solid #e3e0d9; } .readmore, .full-articlelist .articlelist-link-external ul li a, .full-articlelist-twocolumn .articlelist-link-external ul li a { background: transparent url(images/arrow1.png) no-repeat; background-position: left center; padding: 0px 0px 0px 15px; } .full-articlelist .articlelist-link-external ul li, .full-articlelist-twocolumn .articlelist-link-external ul li { padding-bottom: 0px; } .full-articlelist ul li li, .full-articlelist-twocolumn ul li li{ border-bottom: none; border-top: none; background:none; } .full-articlelist ul li .list-thumbnail-right img, .full-articlelist ul li .list-thumbnail-left img { padding: 2px; border: 1px solid #e3e0d9; } .full-articlelist ul li { clear: both; float:left; width:100%; } .full-articlelist .articlelist-link-internal ul li, .full-articlelist-twocolumn .articlelist-link-internal ul li { clear: none; padding: 0 0 15px 0; } .full-articlelist-twocolumn li.even { float: right; width: 275px; padding-left: 5px; } .full-articlelist-twocolumn li.odd { clear: both; float: left; width: 270px; padding-right: 5px; } .full-articlelist .date { font-style: italic; font-size: 0.9em; padding: 0 0 3px 0; } div.mstasSearchResultTile ul li#headers{ font-weight:bold; } div.mstasSearchResultTile a { font-weight:normal; color:black; text-decoration: none; } div.mstasSearchResultTile ul a span.name { text-decoration: underline; } div.mstasSearchResultTile a:hover{ text-decoration: underline; color: #C03D6C; } div.mstasSearchResultTile li#headers a{ font-weight:bold; } div.mstasSearchResultTile li.odd{ background-color:#fff; } div.mstasSearchResultTile li.even{ background-color:#F1F2E7; } div.mstasSearchResultTile ul li#headers div.name, div.mstasSearchResultTile ul span.name{ float:left; width:220px; } div.mstasSearchResultTile ul li#headers div.level, div.mstasSearchResultTile ul span.level{ float:left; width:75px; } div.mstasSearchResultTile ul li#headers div.studypoints, div.mstasSearchResultTile ul span.studypoints{ float:left; width:60px; text-align:center; } div.mstasSearchResultTile ul li#headers div.start, div.mstasSearchResultTile ul span.start{ float:left; width:90px; padding-left:8px; } div.mstasSearchResultTile ul li#headers div.campus, div.mstasSearchResultTile ul span.campus{ float:left; width:100px; } div.mstasSearchResultTile ul li#headers div.department, div.mstasSearchResultTile ul span.department{ float:left; width:70px; display: none; } div.mstasArticleSearch{ clear:both; width:400px; border:1px solid rgb(200,200,200); background-color:rgb(248,248,248); } div.mstasArticleSearch textarea, div.mstasArticleSearch select { width:180px !important; } div.mstasArticleSearch input{ width:172px; } div.mstasArticleSearch .submit{ width:380px !important; background-color:green; } div.mstasArticleSearch h2, div.mstasArticleSearch b{ padding-left:10px; } /* --- SLIDESHOW --------------------------------------------------------*/ .slideshow { margin-bottom: 10px; } .slideshow div.tile-content { text-align: center; } #placeholder-content .slideshow form { background: none; display: inline; padding: 0; } #placeholder-content .slideshow-before { margin-top: 5px; } #placeholder-content .slideshow-image { padding: 0px 0 10px 0; } .slideshow-before { clear: both; } .slideshow-previous span, .slideshow-next span { display: none; } .slideshow-previous, .slideshow-next { height: 8px; width: 9px; background: url(images/next.gif) no-repeat; border: none; float: right; padding-bottom: 10px; } .slideshow-previous { background-image: url(images/previous.gif); float: left; } .slideshow .tile-content, .random-image .tile-content { text-align: center; padding: 10px; } .slideshow .tile-content, .random-image .tile-content { text-align: center; } #placeholder-content .slideshow .tile-content, #placeholder-content-no-right .slideshow .tile-content { padding: 0px; } /* --- IMAGEFOLDER ------------------------------------------------------*/ .multimediafolder div.multimediafolder-item { float: left; height: 145px; width: 135px; overflow: hidden; } .multimediafolder div.multimediafolder-item a:link, .multimediafolder div.multimediafolder-item a:visited, .multimediafolder div.multimediafolder-item a:hover { font-weight: normal; font-size: 0.75em; text-decoration: none; } .multimediafolder table { width: 100%; border-collapse: collapse; } .multimediafolder th { text-align: left; background-color: #ddd; color: #093A80; } .multimediafolder td { padding: 2px 5px 3px 5px; } .multimediafolder td.even { background-color: #f1f2e7; } .multimediafolder tr.desc { font-style: italic; } #placeholder-right .multimediafolder th, #placeholder-right .multimediafolder .size, #placeholder-right .multimediafolder .desc { display: none; } .hiddenimage { display: none; } .miniimage { margin:-30px 0 0 10px; padding:5px; position:absolute; text-align:left; } .miniimage img { max-width: 80px; border: 1px solid #E3E0D9; padding: 1px; } /* --- CALENDAR ---------------------------------------------------------*/ .calendar-previous, .calendar-next { height: 8px; width: 9px; background-image: url(images/previous.gif); background-repeat: no-repeat; border: none; } .calendar-next { background-image: url(images/next.gif); } #placeholder-right .small-calendar-popup { display: none; } #placeholder-content .small-calendar-popup { display: block; /* Hennings tillegg */ background: none; } #placeholder-content .small-calendar-popup h4 { display: none; } #placeholder-content .small-calendar-popup { list-style:none; } #placeholder-content .small-calendar-popup-close { display: none; } #placeholder-content .small-calendar td{ text-align: left; height: 50px; max-width: 78px; min-width: 70px; overflow:hidden; } .datepicker table, .small-calendar table { width: 100%; border-collapse: collapse; } .datepicker td, .small-calendar td { text-align: center; } .small-calendar .calendar-header td.previous, .small-calendar .calendar-header td.next { width: 15%; text-align: left; } .small-calendar .calendar-header td.next { text-align: right; } .small-calendar ul, .small-calendar li { margin: 0; list-style:none } .small-calendarlist .tile-content li { padding: 3px 7px 3px 7px; list-style-type: none; border-bottom: solid 1px white; } .small-calendarlist .tile-content li a, .small-articlelist li a, .hotlinkslist-tile li a, .small-rsslist li a, .metadatarelationlist li a { display: block; } .small-calendarlist .tile-content li a { font-weight: bold; } .small-calendar-popup { display:inline; position: inherit; background: url(images/popup_calendar.png); border: 2px solid #fff; text-align: left; padding-left: 0px; padding-top: 5px; } #placeholder-right .small-calendar-popup { margin-left: -300px; } .small-calendar-popup h4 { font-size: 120%; padding: 0; margin: 0; } .small-calendar-popup-close { text-align: right; } a.window-close-button { text-indent: 9999px; border: 0px; background: url(images/close.gif) no-repeat; display: block; width: 14px; height: 14px; overflow: hidden; margin-left: 0; margin-right: auto; margin-bottom: 10px; } .small-calendar div.tile-content div.small-calendar-popup ul { list-style-type: none; margin: 0; padding: 0; } .datepicker-popup table.calendar-layout td, .small-calendar .calendar-layout td { border: 1px solid #c8d6dc; background: #fff; } .datepicker-popup td.today, .small-calendar td.today { background: #c8d6dc; font-weight: bold; } .datepicker .calendar-layout td.inactive, .small-calendar td.inactive { background: #f1f2e7; } .small-rsslist .tile-content .date, .small-calendarlist .tile-content .date { color: #093A80; font-size: 0.90em; font-style: italic; } .small-articlelist .simpleviewclass li a { background:transparent url(images/arrow1.png) no-repeat scroll left center; padding:0 0 0 15px; } .small-articlelist .simpleviewclass ul li .digest, .small-articlelist .simpleviewclass ul li .list-thumbnail-left, .small-articlelist .simpleviewclass ul li .list-thumbnail-right, .small-articlelist .simpleviewclass ul li .articlelist-link-internal, .small-articlelist .simpleviewclass ul li .articlelist-link-external { display: none; } .small-articlelist .simpleviewclass ul li { border: none; padding: 0 0 0.3em; } #placeholder-left .small-articlelist .simpleviewclass ul li h3, #placeholder-right .small-articlelist .simpleviewclass ul li h3 { padding: 0 0 0.3em; } #placeholder-content .calendar-header td{ font-size:140%; font-weight:bold; text-align:center; } /* --- SEARCH -----------------------------------------------------------*/ .full-searchinput { } .full-searchinput input.textinput { width:300px; } .menuroot-cid-14 .full-articledisplay .date { display: none; } /* --- DATEPICKER -------------------------------------------------------*/ .datepicker-popup { display: none; padding: 10px; margin-left: 10px; background: url(images/popup_calendar.png); border: 2px solid #fff; width: 200px; text-align: center; } .datepicker { display: inline; padding-right: 20px; } .datepicker input { width: 75px; } .advanced-searchinput select { width: 400px; } .advanced-searchinput input.searchstring { width: 335px; } .datepicker-nav { display: inline; } .datepicker-nav a:link, .datepicker-nav a:visited, .datepicker-nav a:hover { text-decoration: none; } .datepicker-previousyear { padding-right: 5px; } .datepicker-nextyear { padding-left: 5px; } .datepicker-popup table.calendar-header { font-weight: bold; } .datepicker-nav { font-size: .75em; } .datepicker-nav a:link, .datepicker-nav a:visited, .datepicker-nav a:hover { text-decoration: none; } .datepicker-previousyear { padding-right: 5px; } .datepicker-nextyear { padding-left: 5px; } .advanced-searchinput select, .advanced-searchinput input { margin-top: 5px; } /* --- SIMPLE WEBSHOP ---------------------------------------------------*/ .full-productdisplay-priceorder { float: right; background: #f1f2e7; padding: 5px 15px 10px 25px; margin: 10px 0 5px 5px; } #placeholder-content form { display: inline; padding: 0; margin: 0; background-color: transparent; } .full-productdisplay-priceorder .price, .full-productdisplay-priceorder div { text-align: center; margin-top: 3px; } .full-productdisplay-priceorder input, .full-productdisplay-priceorder select { margin-top: 5px; } .full-productdisplay-priceorder label { float: left; width: 50px; margin-top: 7px; clear: both; } .full-productdisplay-priceorder .price { font-size: 1.25em; font-weight: bold; } #placeholder-content .webshop-checkout .tile-content form { background-color: transparent; } .webshop-step-indicator { float: right; } .webshop-step-indicator ul { margin: 0px; padding: 0px; } .webshop-step-indicator li { list-style-type: none; display: block; float: left; width: 20px; border: 2px solid #c8d6dc; margin-left: 5px; text-align: center; } .webshop-step-indicator li.step-done { border: 2px solid #c8d6dc; background-color: #f1f2e7; font-weight: bold; } .webshop-step-indicator li.active { border: 2px solid #568699; background-color: #f1f2e7; color: #000; font-weight: bold; } .webshop-checkout table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; } .webshop-checkout table tr.even { background-color: #fff; } .webshop-checkout table tr.basetotal td { border-bottom: 3px double #000; padding-top: 10px; } .webshop-checkout fieldset { margin-bottom: 10px; background-color: #f1f2e7; } .webshop-checkout table tr th { text-align: left; font-style: italic; padding-bottom: 10px; } .webshop-checkout table tr th.right-align { text-align: right; } .webshop-checkout table tr.productrow td { vertical-align: top; } .webshop-checkout table td.currency { text-align: right; font-family: monospace; width: 100px; } .webshop-checkout table tr.productrow td.input, .webshop-checkout table tr.productrow td.remove { text-align: right; } .webshop-checkout table tr.productrow td input.amountfield { width: 30px; text-align: right; } .webshop-checkout div.shippingtext { clear: both; padding-top: 15px; } .webshop-checkout input.error { border: 2px solid red; } .webshop-checkout input.submit { float: right; } .webshop-checkout div.errormessage fieldset { border: 2px solid #f00; } #placeholder-content .list-productdisplay form, #placeholder-content-no-right .list-productdisplay form { background-color: transparent; display: inline; } .webshop-list-priceorder { float: right; padding: 5px 10px 5px 10px; margin-left: 10px; background-color: #f1f2e7; width: 180px; height: 30px; text-align: right; } .webshop-list-price { font-size: 1.25em; font-weight: bold; padding-top: 5px; float: left; } /* --- IFRAME TILE ------------------------------------------------------*/ #placeholder-left .iframe-tile iframe, #placeholder-right .iframe-tile iframe { width: 176px; border: none; padding: 0; margin: 0; } #placeholder-content .iframe-tile h3 { display: none; } #placeholder-content .iframe-tile iframe { margin-top: 10px; width: 555px; border: none; } #placeholder-content-no-right .iframe-tile iframe { margin-top: 10px; width: 730px; border: none; } /* --- DIRECT EDIT ------------------------------------------------------*/ div.directedit-link-container { text-align: right; } div.directedit-link-container ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; } div.directedit-link-container li { display: inline !important; } .small-articledisplay div.directedit-link-container li { margin: 0px; padding-bottom: 2px; } div.directedit-link-container li a:link, div.directedit-link-container li a:visited, div.directedit-link-container li a:hover { padding: 0px 0px 4px 20px; margin-left: -5px; height: 16px; text-transform: none; background-repeat: no-repeat; border: 0px; text-decoration: none; } div.directedit-link-container li span { display: none; } div.directedit-link-container li a.edit-article { background-image: url(images/directedit/article-edit.gif); } div.directedit-link-container li a.new-article { background-image: url(images/directedit/article-new.gif); } div.directedit-link-container li a.delete-article { background-image: url(images/directedit/article-delete.gif); } div.directedit-link-container li a.new-category { background-image: url(images/directedit/category-new.gif); } div.directedit-link-container li a.edit-category { background-image: url(images/directedit/category-edit.gif); } div.directedit-link-container li a.delete-category { background-image: url(images/directedit/category-delete.gif); } /* --- LIGHTBOX ---------------------------------------------------------*/ #lightbox-overlay { /* Because of a Firefox bug (linux/osx) causing flash to become invisible when rendered above a fixed layer background, the lightbox javascript will override this background color, and set it to a transparent png image. Make sure that the image has the same color and opacity as the background configured here. The lightbox.js will by default set opacity to 80% and set background image to: projectroot/html/images/lightbox/ff-overlay-img.png More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/ */ z-index: 999; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #lightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; border: 1px solid #dedede; top: 50px; margin: auto; overflow: hidden; width: 750px; max-height: 75%; background: #fff; } #lightbox-spinner { background: #fff url(images/lightbox/spinner.gif) center no-repeat; width: 220px; height: 19px; margin: 15% auto; } #lightbox-container { padding: 15px 20px 10px 20px; } #lightbox-close-container { position: absolute; right: 0; } #lightbox-close span { display:none; } #lightbox-close { display: block; width: 101px; height: 9px; margin-right: 10px; background: url(images/lightbox/close-no.png) no-repeat 10px; } /* --- TOOLTIP ----------------------------------------------------------*/ #tooltip a:link, #tooltip a:visited, #tooltip a:hover { color: #000; } #tooltip { color: #000; } #tooltip-top { background: url(images/tooltip-top.gif) no-repeat; height: 14px; } #tooltip-content { padding: 5px 10px 5px 10px; background: #fff588; border-right: 1px solid #746f32; border-bottom: 1px solid #746f32; } /* --- Studietilbud factsbox ------------------------------------------------*/ #placeholder-right .facts-tile ul { list-style: none; } #placeholder-right .facts-tile .label { font-weight: bold; } /*---- Studietilbud articlelist */ .full-articlelist .level, .full-articlelist .studypoints, .full-articlelist .start, .full-articlelist .campus, .full-articlelist .department { display: none; } .mstasSearchResultTile .level, .mstasSearchResultTile .studypoints, .mstasSearchResultTile .start, .mstasSearchResultTile .campus, .mstasSearchResultTile .department { display: inline; } .sitemap ul li { display: list-item; list-style: square; list-style-position: outside; margin: 0 2em; padding: 0; } .sitemap li ul { margin-bottom: 1em; } /*Caption for images*/ .captionText { font-size:0.9em; font-style:italic; padding-bottom:2px; padding-left:2px; padding-right:2px; padding-top:2px; } /*--------------- Studieplan og emnes�k --------*/ .dynamic-tab-pane-control.tab-pane { position: relative; width: 100%; /* width needed weird IE bug */ margin-right: -2px; /* to make room for the shadow */ } .dynamic-tab-pane-control .tab-row .tab { width: 90px; height: 16px; background-image: url("http://studier.hive.no/neted/js/webfx/css/luna/tab.png"); position: relative; top: 0; display: inline; float: left; overflow: hidden; cursor: Default; margin: 1px -1px 1px 2px; padding: 2px 0px 0px 0px; border: 0; z-index: 1; font: 11px Tahoma; white-space: nowrap; text-align: center; } .dynamic-tab-pane-control .tab-row .tab.selected { width: 94px !important; height: 18px !important; background-image: url("http://studier.hive.no/neted/js/webfx/css/luna/tab.active.png") !important; background-repeat: no-repeat; border-bottom-width: 0; z-index: 3; padding: 2px 0 0px 0; margin: 1px -3px -3px 0px; top: -2px; font: 11px Tahoma; } .dynamic-tab-pane-control .tab-row .tab a { font: 11px Tahoma; color: Black; text-decoration: none; cursor: default; } .dynamic-tab-pane-control .tab-row .tab.hover { font: 11px Tahoma; width: 90px; height: 16px; background-image: url("http://studier.hive.no/neted/js/webfx/css/luna/tab.hover.png"); background-repeat: no-repeat; } .dynamic-tab-pane-control .tab-page { clear: both; border: 1px solid rgb( 145, 155, 156 ); background: rgb( 252, 252, 254 ); z-index: 2; position: relative; top: -2px; font: 11px Tahoma; color: Black; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0) progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135); /*244, 243, 238*/ /* 145, 155, 156*/ padding: 2px 7px 10px 7px; } .dynamic-tab-pane-control .tab-row { z-index: 1; white-space: nowrap; } table.employeelist { border: solid white 1px; } .employeelist th { text-align: left; color: white; background: url("images/tile_h3.png") repeat-x scroll left top #465D6F; border: solid white 1px; padding: 5px; } .employeelist th a { color: white; } .employeelist tr.odd td { background: #eee; border: solid white 1px; } .employeelist tr.even td { background: #fff; border: solid white 1px; } .employeelist ul { margin-left: 15px; list-style: circle;} .employeeView { background: url(images/visittkort.png) bottom left; width: 520px; padding: 0 0 25px 0; } .employeeView td.header { padding: 3px 5px 0px 30px; } .employeeView td.header h1 { color: white; } .employeeView td.image { padding: 1px 3px 2px 30px; } .employeeView td.info { padding: 1px 50px 2px 0; } table.employeeinfo td { padding: 1px 3px 2px 0; } /* Magic Zoom Plus v2.0.6 Copyright 2010 Magic Toolbox www.magictoolbox.com/magiczoomplus */ .MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important; } .MagicZoomBigImageCont { border: 1px solid #999; } .MagicZoomHeader { font-size: 8pt !important; line-height: normal !important; color: #fff; background: #666; text-align: center !important; } .MagicZoomPup { border: 1px solid #aaa; background: #fff; cursor: move; } .MagicZoomLoading { border: 1px solid #ccc; background: #fff url(graphics/loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; font-size: 8pt; font-family: sans-serif; color: #444; } .MagicZoomPlus { cursor: url(graphics/zoomin.cur), pointer; outline: 0 !important; } .MagicZoomPlus img { border: 0 !important; padding: 0 !important; margin: 0 !important; } .MagicZoomPlus span { display: none !important; } .MagicHotspots { display: none; visibility: hidden; } .MagicHotspots a { border: 1px solid #ccc; } .MagicHotspots a:hover { border: 1px solid red; } .MagicThumb, .MagicThumb:hover { cursor: url(graphics/zoomin.cur), pointer; outline: 0 !important; } .MagicThumb-expanded-thumbnail { cursor: default; } .MagicThumb span { display: none !important; } .MagicThumb img { border: 0; outline: 0; } .MagicThumb-expanded { cursor: url(graphics/zoomout.cur), pointer; background: transparent; border: 1px solid #ccc; outline: 0; padding: 0; } .MagicThumb-caption { color: #333; font: normal 10pt Verdana, Helvetica; background: #ccc; text-align: left; padding: 8px; border: 0 !important; outline: 0 !important; } .MagicThumb-buttons { background: transparent url(graphics/buttons1.png) no-repeat 0 0; height: 24px; display: block; } .MagicThumb-buttons a { width: 24px; height: 24px; margin: 0px 1px !important; overflow: hidden; } .MagicThumb-loader { font: normal 12pt sans-serif; border: 1px solid #000; background: #fff url(graphics/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left; } .MagicThumb-swap {} .MagicThumb-external-caption { display: none; } /* Frontpage campaign-list */ .frontpage #placeholder-content .campaign-articlelist, .campaign-articlelist { height: 200px; overflow: hidden; position: relative; float: none; width: 735px; } .campaign-articlelist .tile-content { height: 200x; } .campaign-articlelist .list-navigation { position: absolute; top: 184px; right: 9px; } .campaign-articlelist .list-navigation .pages { line-height: 8px; height: 13px; display: block; font-size: 8px; float: left; margin-right: 5px; } .campaign-articlelist ul li { position: absolute; top: 0; left: 0; height: 200px; width: 730px; } .campaign-articlelist .campaign-article { width: 730px; height: 200px; overflow: hidden; z-index: 2; border-radius: 3px; } .campaign-articlelist .campaign-article a { width: 730px; height: 200px; display: block; text-decoration: none; } /* .campaign-gray { background: url(images/campaign-gray.png) no-repeat; color: #fff; } .campaign-red { background: url(images/campaign-red.png) no-repeat; color: #fff; } .campaign-white { background: url(images/campaign-white.png) no-repeat; color: #767676; } */ .campaign-articlelist .campaign-text { background: url(images/campaign-white.png) no-repeat; color: #767676; margin-left: 40px; width: 300px; height: 200px; position: relative; overflow: hidden; } .campaign-articlelist .campaign-text h3 { padding: 43px 20px 15px 23px; font-size: 29px; line-height: 29px; margin: 0; } #placeholder-content .campaign-articlelist .campaign-text p, .campaign-articlelist .campaign-text p { padding: 10px 20px 20px 23px; margin: 0; } .campaign-articlelist .campaign-text .articlelist-link-internal { position: absolute; bottom: 28px; left: 22px; }