/****************************************************************************** * Noop::Oslo Krisesenter::CSS * * Author: svale/andreas@noop.no * $Date: 2009-06-16 12:48:18 $ * $Revision: 1.13 $ * ***/ /*** page layout ***/ body {margin:0;padding:0;border:0;} div#page {position: relative; width:81em; margin:0 auto;} div#head {position:relative;} div#page-outer {margin:0 20em 0 22em;} div#page-inner {position:relative; width:61em; margin-left:-22em;} /* 81 - 20 */ div#main-right {position:relative; width:59em; float:right; margin-right:-20em; min-height:19em;} /* 81 - 22 */ div#main {width:37em; padding:1.6em 1em 5em 1em; float:left; overflow:hidden;} /* 81 - 20 - 22 (- 1 - 1) */ div#main-pad-right {width:33em; padding:1.6em 5em 5em 1em; float:left; overflow:hidden;} div#main-no-right {width:59em;} /* 81 - 22 */ div#right {width:19em; padding:2em 0em 2em 0em; float:right; overflow:hidden;} /* 20 - 1 - 1 */ div#left {width:16em; padding:0.5em 1em 2em 4em; float:left; overflow:hidden;} /* 22 - 2 - 4 */ div#foot {height:5em;} /*** globals ***/ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td {margin:0; padding:0;} :focus {outline: none;} p {font-size:1em; margin:1em 0; line-height:1.5;} p.f {margin:0 0 1em;} p.l {} .center {text-align:center;} .hidden {display:none;margin:0;} input.txt {vertical-align:middle; padding:0.3em; margin:0; overflow:hidden;} input.btn {vertical-align:middle; padding:0.3em; margin:0; overflow:hidden;} textarea {vertical-align:middle; padding:0.3em; margin:0; overflow:auto;} h1 {font:2.0em/1.3em Verdana, Arial, sans-serif; font-weight:normal;} h2 {font:1.7em/1.2em Verdana, Arial, sans-serif; font-weight:normal;} h3 {font:1.4em/1.2em Verdana, Arial, sans-serif; font-weight:normal;} h4 {font:1.2em/1.2em Verdana, Arial, sans-serif; font-weight:normal;} a {color:#333;text-decoration:none;} a:hover {cursor:pointer;text-decoration:underline;} a img {border: 0;} .break {clear:both;} .clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .err {background:#fff; border:1px solid #464646; margin:1em 0em; padding:0.5em; text-align:center;} .msg {background:#fff; border:1px solid #464646; margin:1em 0em; padding:0.5em; text-align:center;} .bg, .bg1 {background-color:#89698b !important;} /* main */ .bg2 {background-color:#f6a342 !important;} /* live */ .bg3 {background-color:#ef3a42 !important;} /* day */ .bg4 {background-color:#8ea850 !important;} /* man */ /* page style */ body {color:#464646; background:#fff; font:75%/1.5em Verdana, Arial, sans-serif;} div#shadow-top {position:relative;height:2.3em;margin-top:0.3em;background:url(../images/shadow-corner.png) 50% 0 no-repeat;} div#shadow {position:relative;background:url(../images/shadow.png) 50% 0 repeat-y;} div#shadow-bottom {position:relative;height:2.8em;background:url(../images/shadow-corner.png) 50% 100% no-repeat;} /*** text ***/ div.text {font-size:1em;} div.text h1 {color:#89698B; margin:0.5em 0;} div.text h2 {color:#89698B; margin:0.5em 0;} div.text h3 {color:#89698B; margin:0.5em 0;} div.text h4 {color:#89698B; margin:0;} div.text a, div.text a:visited {color:#464646;border-bottom:1px #89698B solid;text-decoration:none;} div.text a:hover, div.text a:focus, div.text a:active {text-decoration:none;border-bottom:1px #89698B dashed;} div.text a[target="_blank"] {background: url(../images/external.png) no-repeat 100% 0.2em; padding:0 15px 0 0;} div.text a[target="_blank"]:hover, div.text a[target="_blank"]:focus, div.text a[target="_blank"]:active {background: url(../images/external.png) no-repeat 100% 0.2em; padding: 0 15px 0 0;} div.text h1 a, div.text h2 a, div.text h3 a, div.text h4 a {border-bottom-width:0;} div.text ol, div.text ul {margin:1em 0 1em 3em; padding:0;} div.text ul {list-style-type:disc;} div.text li {margin:0 0 0.5em;} div.text blockquote {margin-left:3em;} div.text hr.break {height:1px;overflow:hidden;visibility:hidden;border:0;} div.text img, div.text div.image {display:inline; float:left; margin:0.5em 1em;} div.text div.image img {margin:0;} div.text div.image p {margin: 0; padding:0.5em 0 0; clear:both; color:#3d3b3b; font-size:0.9em; line-height: 1.2;} div.text img.border1, div.text div.border1 img {border:1px solid #464646;} div.text img.border2 {border:0.5em solid #89698B;} div.text div.border2 {background:#89698B; padding: 0.5em;} div.text div.border2 p {color: #fff;} div.text .image-left, div.text .embed-left {float:left; margin-left:0 !important;} div.text .image-right, div.text .embed-right {float:right !important; margin-right:0 !important;} div.text .image-center, div.text .embed-center {padding:0.3em 1em; float:none !important; margin:0 auto !important; display:block !important;} div.text .embed-center {text-align:center;} div.text .embed-center * {text-align:left;} div.text div.box {} div.text div.box-1 {color:#89698B; font-weight:bold; font-size:1.1em; line-height:1.3em;} div.text div.box-1 p, div.text div.box-1 div {margin:0.5em 0;line-height:1.3em;} div.text div.box-quote {border-right:0.2em solid #89698B; padding-right:0.75em;text-align:right;font-size: 0.9em;} div.text div.box-quote {font-size: 0.9em;} div.text div.box-quote em {color:#89698B; font-size:1.5em;} /*** thumbnail ***/ div.image-border {margin-bottom:2em;} div.image-border img {border:1px solid #464646;} div.image-border p {color:#89698B; font-size:0.85em; margin:0; text-align:right; line-height:1.2;} /** * header */ div#head {padding-bottom:1.3em;} div#head div#banner {width:81em; height:18em; background-repeat:no-repeat;} div#head a#logo {position:absolute; display:block; top:2em; left:3em; width:10.5em; height:13.75em; background:url(../images/logo.png) no-repeat; text-indent:-3999px;} div#copyright {position:absolute; top:10em; text-align:right; width:80.2em; color:#89698b;} div#copyright span {font-size:0.85em;} div#copyright span.caption {display:none;} /* head menu */ div#menu {background:url(../images/nav.png) repeat-x; color:#fff; height:3em;} div#menu div.left {background:url(../images/nav-corner.png) 0 0 no-repeat; height:3em; width:1em; float:left;} div#menu div.right {background:url(../images/nav-corner.png) 100% 0 no-repeat; height:3em; width:1em; float:right;} div.h-menu {padding-top:0.7em;} div.h-menu h4 {display:none;text-indent:3999px;} div.h-menu ul {margin:0;list-style-type:none;} div.h-menu ul li {float:left;} div.h-menu ul li a {color:#fff; padding:0 0.7em 0 2.3em; font-size:1.2em; text-transform:uppercase; line-height:1.5;} div.h-menu ul li a.home {padding-right:1em;} div.h-menu ul li a.home span{font-size:1.25em; line-height:1} div.h-menu a.selected, div.h-menu a:hover {text-decoration:underline;} /* head search */ form.h-search {float:right;padding-right:2.3em;} form.h-search p {margin:0; margin-top:0em;} form.h-search p input.txt {width:9em;padding:0.1em 0.2em; border-width:0; vertical-align:middle; float:left;} form.h-search p input.btn {padding:0.1em 0.2em 0.1em 0;margin:0;background-color:#fff;vertical-align:middle; float:left;} /** * navigation and tools */ div#nav {height:1.5em;} p.breadcrumb {float:left; width:67em; margin:0.3em 0 0 4.4em; color:#898989; font-size:0.9em;color:#89698B;} p.breadcrumb a {color:inherit; text-decoration:none;} /* alternative with icon at right side p.print {float:right;margin:0.3em 3.9em;font-size:0.9em;} p.print a {color:#89698B; padding:1px 20px 0 0; display:block; background:url(../images/print.png) 100% 0 no-repeat;} p.print a:hover {text-decoration:none;}*/ p.print {float:right;margin:0.3em 1em;font-size:0.9em;color:#89698B;} p.print a {color:inherit; padding:1px 0 0 19px; display:block; background:url(../images/print.png) 0 0 no-repeat;} p.print a:hover {text-decoration:none;} /** * left */ /* menu */ div.menu-l {padding-top:1.5em;color:#89698b;} div.menu-l h4 {display:none;text-indent:3999px;} div.menu-l ul {margin:0;list-style-type:none;} div.menu-l ul li {} div.menu-l ul li a {color:inherit;text-transform:uppercase; font-size:1.2em; line-height:2} div.menu-l ul li ul li a {color:#898989 !important;text-transform:none; text-decoration:none; font-size:1em; line-height:1.9} div.menu-l ul li ul {margin:-0.3em 0 0 0.5em;} div.menu-l ul li ul li ul {margin:-0.1em 0 0 1em;} div.menu-l a.selected, div.menu-l a:hover {text-decoration:underline;} /** * main */ /* main head */ div#m-head {margin-bottom:1em;} div#m-head h1 {color:#89698B;} div#m-head p.lead {margin-bottom:0; font-size: 1.25em; line-height:1.4em;} /* main content */ div#m-cnt {margin-bottom:2em;} /* main objects */ div#m-objs {} div.m-obj {margin-bottom:2em;} div.m-obj h2 {margin:0; font:1.4em/1.2em Verdana, Arial, sans-serif;} div.m-obj p {margin:0;} div.m-obj p.more {font-size:0.9em; color:#898989;} div.m-obj p.more a {color:#898989;} div.m-obj div.m-obj-text {width:24em;} div.m-obj .thumbnail {display:block;height:10em;overflow:hidden;border:1px solid #464646;} div.m-obj .thumbnail-right {float:right;margin:0 0 0.3em 1.3em; clear: right;} /* spanbar */ div.spanbar {margin:3em auto 1em auto; text-align:center; color:#898989;} div.spanbar a {border:1px solid #3d3b3b;padding:0.4em 0.7em;text-decoration:none; background: #89698b; color: #fff;} div.spanbar a:hover {background: #f7f1e5; color: #898989; } div.spanbar span {border:1px solid #3d3b3b;padding:0.4em 0.7em;} /* main search */ form#m-search {margin-bottom:2em;} form#m-search fieldset {border:0;} form#m-search legend {line-height:1.7em;} fieldset#search_query {border:0; padding:1em 1em 0 0em;} fieldset#search_query input.txt {width:24em; padding:0.3em; margin:0.1em; border-width:2px;} fieldset#search_query input.btn {width:4em; background-color:#89698b; color:#fff; border:1px outset #89698b; padding:0.3em 0.7em; margin-bottom:0.1em; vertical-align:middle;} fieldset#search a#search_opt {float:right; margin:0.3em 9em 0.5em 0; color:#898989; font-size:0.9em;} fieldset#search a#search_reg {position:absolute;display:block;bottom:-0.7em;right:2.5em; color:#898989; font-size:0.9em;} fieldset#search_adv {position:relative;width:29em;padding-left:0.5em; border:0;} fieldset#search_adv fieldset {float:left; margin: 1em 3em 0 0; padding: 0 0 1em 0; border: 0; display:block; width:10em;} fieldset#search_adv label {display: block;} fieldset#search_adv input {margin-left: 0.5em;} div.m-search-res {} div.m-search-res h2 {margin:0.2em 0 0.5em 0; line-height:1.2;color:#89698b;} /** * left */ /* left objects */ div#left div#r-objs {margin:2em 0 0 -1em;} div#left div.r-box {background:url(../images/left-box.png) 0 0 repeat-y;} div#left div.r-box div.box-top {background:url(../images/left-box-corner.png) 0 0 no-repeat;} div#left div.r-box div.box-bottom {background:url(../images/left-box-corner.png) 0 100% no-repeat;} /*div#left div.r-box {border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}*/ /** * right */ /* right objects */ div#r-objs {} div.r-obj {margin-bottom:2em;padding:0 1em;} div.r-obj h3 {margin:-0.5em 0 0.3em 0; font:1.4em/1.2em Verdana, Arial, sans-serif;} div.r-obj p {margin:0;} div.r-obj p.more {font-size:0.9em; color:#898989;} div.r-obj p.more a {color:#898989;} div.r-obj .thumbnail {display:block; text-align:center; padding-bottom:0.5em;} /* right box */ div.r-box {background:url(../images/right-box.png) 0 0 repeat-y;margin-bottom:2em;} div.r-box div.box-top {height:1.5em; background:url(../images/right-box-corner.png) 0 0 no-repeat;} div.r-box div.box-bottom {height:1.5em; background:url(../images/right-box-corner.png) 0 100% no-repeat;} div.r-box div.r-obj {margin-bottom:0em;} div.r-box h3 {font-size:1em;font-weight:bold;} div.r-box, div.r-box h3 a, div.r-box div.r-obj p.more a, div.r-box div.r-obj div.text a, div.r-box h2.button a {color:#fff; border-bottom-width:0 !important;} div.r-box h2.button {margin:1em 0; text-align:center;} ul.r-documents {margin:0.5em 1em 0.5em 2.5em;list-style-type:disc;} ul.r-documents li {margin:0 0 0.5em;padding:0;} ul.r-documents li a {color:#fff; font-weight:bold;} ul.r-documents li p {margin:0; color:#fff;} ul.r-documents li a.more {display:block;font-weight:normal;font-size:0.9em;} /*div.text ul {margin:1em 0 1em 3em; padding:0;} div.text ul {list-style-type:disc;} div.text li {margin:0 0 0.5em;}*/ /** * flags */ ul.flags {list-style-type:none !important; margin:0.5em 0 1em 1em !important;} ul.flags li {margin:0; padding:0 0.2em 0 21px; background-repeat:no-repeat; background-position:0px 4px; float:left; width:4.5em;} li.flag-sa {background-image:url(../images/flag-sa.png);} li.flag-bg {background-image:url(../images/flag-bg.png);} li.flag-uk {background-image:url(../images/flag-uk.png);} li.flag-no {background-image:url(../images/flag-no.png);} li.flag-ru {background-image:url(../images/flag-ru.png);} li.flag-smi {background-image:url(../images/flag-smi.png);} li.flag-th {background-image:url(../images/flag-th.png);} li.flag-tr {background-image:url(../images/flag-tr.png);} li.flag-pk {background-image:url(../images/flag-pk.png);} /** * footer */ div#foot {background:url(../images/footer.png) repeat-x; color:#fff;} div#foot div.left {background:url(../images/footer-corner.png) 0 0 no-repeat; height:5em; width:1em; float:left;} div#foot div.right {background:url(../images/footer-corner.png) 100% 0 no-repeat; height:5em; width:1em; float:right;} div#foot p.col {float:left; width:23em; margin:0; padding:0.25em 0 0 3em;} div#foot a {color:#fff;} div#credit {width:81em; margin:-0.5em auto 0 auto; text-align:right; color:#89698B;} div#credit span, div#credit a {color:inherit;font-size:0.8em;} /** * debug */ div.dump {position:absolute;width:100%;background-color:#fff;text-align:left;font:12px Courier New, Arial, Verdana;} div.dump table {border-collapse:collapse;border:1px solid #ccc;border-style:none;} div.dump table td {border:1px solid #eee;padding:3px;}