diff --git a/css/inside.css b/css/inside.css new file mode 100644 index 0000000..a76903a --- /dev/null +++ b/css/inside.css @@ -0,0 +1,315 @@ +@import 'reset.css'; + +/********** + * Banner * + **********/ + +#header-image { + background-image:url('http://studentersamfundet.no/bilder/bannere/bannerindex-760.jpg'); + height:120px; + margin:0; + padding:0; + text-indent:-9000px; +} +#header-image-wide { + background: url(http://studentersamfundet.no/bilder/bannere/bannerindex-1000.jpg); + height:150px; + margin:0; + padding:0; + text-indent:-9000px; +} + +/*********************** + * Overordnet struktur * + ***********************/ + +.dns #content { + float:left; + width:604px; + margin:0 20px; + position:relative; + left:170px; +} + +.dns .sidebar { + border:0 none; + padding-top:10px; + margin:0 !important; +} + +.dns #left.sidebar { + float:left; + width:170px; + background:#ffffff; + + position:relative; + left:-644px; +} + +.dns #right.sidebar { + float:right; + width:186px; +} + +.dns .content.sok #left.sidebar { + display:none; +} + +#footer { + width:1000px; + border-top:1px solid #cccccc; + margin: 20px 0; + float:left; + clear:both; +} + +.sidebar .column-element { + margin-bottom: 20px; + text-align:center; +} + +/************************ + * Underordnet struktur * + ************************/ + +.forsidesak { + margin-bottom: 10px; + border-bottom: 1px solid #ccc; + overflow: hidden; +} + +.forsidesak img { + float:right; +} + +.sidebar #aapningstider td { + text-align:left; +} + +/* Sok */ + +#cse-search-results iframe { + width:604px; +} + +/************* + * Typografi * + *************/ + +/* Skrifttyper */ + +p,td { + font-family: Verdana, Helvetica, Geneva, Arial, sans-serif; +} + +/* Størrelser og slikt */ + +.sidebar { + font-size: 0.7em; +} + +h1, h1 a, .overskrift, .overskrift a { + font-size:22px; + font-weight:normal; + line-height:1.5em; +} + +h2 { + font-size: 1.4em; +} + +h2.jobb { + letter-spacing: 2px; + background: #EFE3B9; +} + +h3, .mellomskrift { + color: #000033; + font-size: 16px; + font-weight: bold; + margin:0; +} + +p,td { + color:#303030; + font-size:13px; + line-height:1.7em; +} + +/* Avstander */ + +p,td,ul { + margin-bottom: 1.3em; +} + +li { + margin-left:20px; +} + +/************* + * Annet/Rot * + *************/ + +body { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + line-height: normal; + background-color: #FFFFFF; + margin: 0px; +} + +img { + border: none; +} + +label { + font-weight: bold; +} + +#meny-top a { + text-transform: uppercase; + color: #FFF; + font-size: 16px; +} + +#meny-top a:hover { + color: #C32; + text-decoration: none; +} + +#meny-top td { + text-align: center; + width: 150px; +} + +tr#meny-top { + background: #616161; + color: #FFF; +} + +div#meny-bunn { + background: #dddddd; + height: 22px; +} + +#meny-bunn a { + font-weight: normal; + color: black; + margin: 0 3px; +} + +th { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; +} + +a { + text-decoration: none; + font-weight: bold; + cursor: pointer; +} + +a:link, +a:active, +a:visited { + color: #777; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +strong { + font-weight: bold; +} + +.infoboks { + font-style: italic; + color:#999; +} + +.meny_left { + float: left; + width: 150px; + height: auto; +} + +.infobold { + font-style: italic; + font-weight: bold; + color: #000033; +} + +.test { + float: right; + clear: both; +} + +div.feed { + background: #fff8e0; + width: 136px; + border: 1px solid #EFE3B9; + margin: 0 0 10px 0; + text-align: left; +} + +div.feed div { + padding: 2px; +} + +.feed h3 { + font-size: 15px; + margin: 0; + font-family: Arial, sans-serif; + letter-spacing: 1px; + background: #EFE3B9; +} + +div.knapp { + margin-top: 10px; + height: 16px; +} + +div.knapp a { + border: 1px solid black; + background: #EFE3B9; + padding: 1px 2px; +} + +html body div.knapp a.rss { + border: none; + background: #FFF; +} + +a#rss { + text-align: right; +} + +tr.rss { + text-align: right; +} + +/* +td.column-element { +border-bottom: 1px solid #FFF8E0; +padding: 5px 0px; +} + */ + +.nyhetsbilder { + float: right; + margin: 0 5px 5px 10px; + border: 1px solid #DED2A8; +} + +.nyhetsbilde { + margin-bottom: 15px; +} + +.nyhetsbilde span { + display: block; + font-style: italic; + padding: 1px 3px; + max-width: 200px; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..2d38361 --- /dev/null +++ b/css/style.css @@ -0,0 +1,137 @@ +table + { + width: 100%; + border-collapse: collapse; + background-color: white; + color: black; + font: 10pt verdana, arial; + margin-bottom: 25%; /* %, px, em, ex ? */ + } + +tr.subhead + { + background-color: #cccccc; + } + +th + { + padding: 0 3%; + } + +th.alt + { + background-color: black; + color: white; + padding: 3% 3% 2%; + } + +td + { + padding: 0 3%; + } + +tr.alt + { + background-color: #eeeeee; + } + +h1 + { + font: 24pt verdana, arial; + margin: 0; + } + +h2 + { + font: 18pt verdana, arial; + margin: 0; + } + +h3 + { + font: 12pt verdana, arial; + margin: 0; + } + +th a + { + color: #00008b; + font: 8pt verdana, arial; + } + +a + { + color: #00008b; + text-decoration: none; + } + +a:hover + { + color: #00008b; + text-decoration: underline; + } + +div.outer + { + width: 90%; + margin: 15%; + } + +table.viewmenu td + { + background-color: #006699; + color: white; + padding: 0 5%; + } + +table.viewmenu td.end + { + padding: 0; + } + +table.viewmenu a + { + color: white; + font: 8pt verdana, arial; + } + +table.viewmenu a:hover + { + color: white; + font: 8pt verdana, arial; + } + +a.tinylink + { + color: #00008b; + font: 8pt verdana, arial; + text-decoration: underline; + } + +a.link + { + color: #00008b; + text-decoration: underline; + } + +div.buffer + { + padding-top: 7%; + padding-bottom: 17%; + } + +.small + { + font: 8pt verdana, arial; + } + +table td + { + padding-right: 20%; + } + +table td.nopad + { + padding-right: 5%; + } + diff --git a/css/tabs.css b/css/tabs.css new file mode 100644 index 0000000..b1af53c --- /dev/null +++ b/css/tabs.css @@ -0,0 +1,116 @@ +#screenTabs + { + float:left; + width: 100%; + min-height: 1px; + height: 1px; + background:#ffffff url("../img/icons/tabs/bg.gif") repeat-x bottom; + } + +td > #screenTabs + { + height: auto; + } + +#tabs + { + float:left; + width:620px; + line-height:normal; + white-space: nowrap; + background:#ffffff url("../img/icons/tabs/bg.gif") repeat-x bottom; + } + +#tabs ul + { + margin:0; + padding: 0px 10px 10px 10px; + list-style:none; + } + +#tabs a + { + display: block; + background:url("../img/icons/tabs/right.gif") no-repeat right top; + padding:5px 9px 4px 4px; + vertical-align: baseline; + text-decoration: none; + color: #000000; + width:.1em; + } + +#tabs > ul a + { + width: auto; + } + +#tabs a:hover, +#tabs a:visited, +#tabs a:active + { + text-decoration: none; + color: #000000; + } + +#tabs li + { + float:left; + background:url("../img/icons/tabs/left.gif") no-repeat left top; + margin:0; + padding:0 0 0 2px; + border-bottom: solid 1px #776655; + } + +#tabs li#current + { + border-width: 0; + } + +#tabs #current + { + background-image:url("../img/icons/tabs/left_on.gif"); + margin-left: -3px; + } + +#tabs #current a + { + background-image:url("../img/icons/tabs/right_on.gif"); + padding:3px 9px 7px 6px; + vertical-align: baseline; + } + +#tabs .last a + { + background-image:url("../img/icons/tabs/right_last.gif"); + } + +#tabs .first + { + background-image:url("../img/icons/tabs/left_first.gif"); + } + +#tabs .first#current + { + margin-left: 0; + } + +#tabs li:hover + { + background-position: 0% -150px; + cursor: pointer; + } + +#tabs li:hover a + { + background-position: 100% -150px; + } + +#tabs li.first:hover + { + background-position: top left; + } + +#tabs a:hover + { + background-position: 100% -150px; + } diff --git a/css/winxp.blue.css b/css/winxp.blue.css new file mode 100644 index 0000000..9fc30a1 --- /dev/null +++ b/css/winxp.blue.css @@ -0,0 +1,567 @@ +html + { + height: 100%; + min-height: 100%; + border-width: 0px; + } + +body + { + height: 100%; + min-height: 100%; + margin: 0px; + padding: 0px; + font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + font-weight: normal; + background-color: #ffffff; + color: #000000; + } +td { + font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + font-weight: normal; +} +.screenLayout { + position: relative; + min-height: 100%; +} +* html .screenLayout { + height: 100%; +} + +.headerContainer + { + background-image: url('../img/common/top_bg.jpg'); + background-repeat: repeat-x; + background-position: left bottom; + background-color: #FEFEFE; + margin: 0px; + } + +.pageHeader + { + background-image: url('../img/common/top_body_bg.jpg'); + background-position: top right; + background-repeat: no-repeat; + text-align: left; + margin: 0px; + height: 50px; + } + +.pageHeader img + { + margin-left: 0px; + margin-top: 0px; + } + +.footerContainer + { + position: absolute; + visibility:hidden; + bottom: 0px; + height: 40px; + width: 100%; + border-top: solid 1px #6E89DD; + background-color: #8EA5EC; + } + +.contentLayout + { + text-align: center; + padding-bottom: 120px; + } + +.contentContainer + { + width: 620px; + text-align: left; + margin-left: auto; + margin-right: auto; + /* + border-left: solid 1px #dddddd; + border-right: solid 1px #dddddd; + */ + } + +.pageContent + { + margin-top: 49px; + } + +.mainPageBanner + { + position: relative; + width: 100%; + height: 230px; + background-color: #ffffff; + color: #4A78B3; + background-image: url('../img/common/banner.gif'); + background-repeat: no-repeat; + background-position: center middle; + border-bottom: solid 1px #4A78B3; + } + +.welcomeText + { + position: absolute; + top: 48px; + left: 260px; + font-size: 19pt; + font-weight: bold; + } + +.descriptionText + { + color: ##0A2833; + position: absolute; + top: 110px; + left: 260px; + font-size: 10pt; + font-weight: bold; + } + +.domainName + { + color: #000000; + } + +.pageContent p + { + margin: 0px; + margin-top: 10px; + padding: 5px; + } + +.pageContent li + { + padding: 2px; + } + +.formContainer + { + padding: 5px; + } + +form + { + margin: 0px; + padding: 0px; + } + +.buttonsContainer + { + margin-top: 10px; + text-align: right; + } + +.buttonsContainer .commonButton span + { + display: none; + } + +.buttonsContainer .commonButton button + { + width: 91px; + height: 21px; + text-align: center; + } + +.buttonsContainer .commonButton button + { + white-space: nowrap; + } + +.buttonsContainer .commonButton + { + margin-left: 14px; + } + +.buttonsContainer .commonButton span, + { + background-position: 0 1px; + background-repeat: no-repeat; + background-color: transparent; + padding-left: 20px; + text-decoration: underline; + cursor: hand; + cursor: pointer; + padding-top: 1px; + padding-bottom: 4px; + } + +.commonButton + { + display: inline; + } + +.commonButton button + { + background-image: url('../img/glyph/btn_bg.gif'); + border: 0 solid white; + background-repeat: no-repeat; + } + +.commonButton button[disabled] + { + background-image: url('../img/glyph/btn_bg-disabled.gif'); + color: #999999; + } + +.commonButton button, +.commonButton + { + font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + color: #000000; + background-color: transparent; + } + +#bid-ok button + { + background-image: url('../img/glyph/btn_ok_bg.gif'); + padding-left: 8px; + } + +.formFields td.name + { + font-size: 11px; + vertical-align: top; + padding-left: 0; + padding-right: 10px; + padding-bottom: 10px; + width: 200px; + } + +.name + { + font-weight: bold; + color: #555555; + } + +legend + { + color: #0046D5; + margin-bottom: 5px; + margin-left: 0px; + padding-right: 3px; + vertical-align: middle; + padding-bottom: 3px; + } + +.testRelults + { + height: 26px; + margin-top: 5px; + margin-bottom: 10px; + border: solid 1px #999999; + padding: 5px; + padding-left: 26px; + background-repeat: no-repeat; + background-position: 5px 50%; + vertical-align: middle; + line-height: 26px; + } + +.testRelults#testSuccessful + { + background-color: #eeffee; + background-image: url('../img/icons/success.gif'); + } + +.testRelults#testFailed + { + background-color: #ffeeee; + background-image: url('../img/icons/fail.gif'); + } + +.testResult + { + vertical-align: middle; + font-weight: bold; + } + +.pageNavigation + { + padding: 5px; + background-color: #eeeeee; + } + +.pageNavigation ul + { + list-style: none; + padding: 0px; + margin: 0px; + } + +.pageNavigation li + { + display: inline; + padding: 5px; + padding-right: 0px; + white-space: nowrap; + } + +.pageNavigation a, +.pageNavigation a:link, +.pageNavigation a:visited, +.pageNavigation a:active, +.pageNavigation a:hover + { + color: #000000; + text-decoration: none; + font-weight: bold; + padding-left: 5px; + } + +.pageNavigation a:hover + { + color: #666666; + text-decoration: underline; + } + +.pathBar + { + color: #444444; + padding: 5px; + padding-top: 15px; + } + +.pathBar a:link, +.pathBar a:visited + { + color: #444444; + } + +.screenTitle + { + font-size: 18px; + font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif; + color: #000000; + padding: 5px; + } + +.tabContent + { + border-left: solid 1px #999999; + border-right: solid 1px #999999; + border-bottom: solid 1px #999999; + padding: 5px; + background-color: #f9f9f9; + margin-top: 10px; + } + +.poweredBy + { + float: right; + padding: 5px; + padding-left: 0px; + } + +a img + { + border-width: 0px; + } + +.footDescription + { + float: left; + padding: 5px; + color: #2A3D9E; + height: 30px; + line-height: 30px; + vertical-align: middle; + } + +a, +a:link, +a:visited, +a:active, +a:hover + { + text-decoration: underline; + color: #324290; + } + +a:hover + { + color: #6F85F0; + } + +.iconsArea + { + padding-top: 20px; + } + +.iconsArea a, +.iconsArea a:link, +.iconsArea a:visited, +.iconsArea a:hover + { + color: #000000; + text-decoration: none; + } + +.icon + { + margin-right: 25px; + display: -moz-inline-box; + display: inline-block; + width: 70px; + height: 15px; + background-repeat: no-repeat; + background-position: 50% 0%; + text-align: center; + padding-top: 35px; + padding-bottom: 5px; + cursor: hand; + margin: 0 20px 5px 0; + } + +.icon span { + display: block; + width: 70px; + text-align: center; +} + +#asp + { + background-image: url('../img/glyph/btn_asp_bg.gif'); + } + +#aspnet + { + background-image: url('../img/glyph/btn_aspdotnet_bg.gif'); + } + +#coldfusion + { + background-image: url('../img/glyph/btn_coldfusion_bg.gif'); + } + +#ssi + { + background-image: url('../img/glyph/btn_ssi_bg.gif'); + } +#perl + { + background-image: url('../img/glyph/btn_perl_bg.gif'); + } + +#php + { + background-image: url('../img/glyph/btn_php_bg.gif'); + } + +#python + { + background-image: url('../img/glyph/btn_python_bg.gif'); + } + +.footDescription a:hover + { + color: #000066; + } +/* NewsFeeds Add */ +.dLayout { +table-layout: fixed; +border-collapse: collapse; +} + +.dColumn { +width: 50%; +vertical-align: top; +padding: 0; +} + +.dColumn.expanded { +width: 100% !important; +} + +.dBox { +margin: 10px 0 0 10px; +border-bottom: solid 1px #6f8add; +} +.first .dBox { +margin-left: 0; +} +.dBoxHeaderLayout { +height: 21px; +padding-left: 3px; +background: transparent url('../img/glyph/dBox-header-left.gif') no-repeat top left; +} +.dBoxHeaderArea { +height: 21px; +line-height: 21px; +vertical-align: middle; +overflow: hidden; +background: transparent url('../img/glyph/dBox-header-right.gif') no-repeat top right; +} +.dBoxFooterArea, +.dBoxHeaderArea { +padding: 0 5px; +white-space: nowrap; +} +.dBoxHeaderArea { +font-family: Tahoma, Arial, Helvetica, sans-serif; +font-size: 11px; +color: #fff; +font-weight: bold; +} +.dBoxHeaderArea .misc { +} +.dBoxFooterLayout { +height: 27px; +overflow: hidden; +border-left: solid 1px #6f8add; +border-right: solid 1px #6f8add; +} +.dBoxContent { +border-left: solid 1px #6f8add; +border-right: solid 1px #6f8add; +padding: 10px; +color: #000; +} +.dBoxFooterArea { +background: transparent url('../img/glyph/dBox-footer-bg.gif') repeat-x; +height: 27px; +overflow: hidden; +text-align: right; +padding-right: 10px; +} +.wrapper { +clear: both; +height: 0; +overflow: hidden; +} +#refreshList { +display: -moz-inline-box; +display: inline-block; +padding-left: 20px; +background-image: url('../img/glyph/btn_refresh-list_bg.gif'); +background-repeat: no-repeat; +height: 16px; +margin-top: 5px; +} +.NFtitle { +font-weight: bold; +display: block; +} +.NFitem { +display: block; +margin-bottom: 5px; +} +.NFsource { +margin-right: 5px; +} +.NFstatus { +margin-right: 5px; +font-weight: bold; +} +.NFtime { +color: #333; +} +#testPages p { +margin: 0; +padding: 0; +}