ntnu.css

/* Top bar (bluebar which really is black) */

#bluebar {
	width: 100%;
	min-width: __body_width__;
	background-color: __text__;
	border-top: 4px solid __ntnublue__;
}

#bluebar .marginwrapper {
	margin: 0 auto;
	width: __page_width__;
}

#bluebar #mainpagelink {
	float: left;
	letter-spacing: 1px;
	padding: .3em 0;
}

#bluebar #mainpagelink a {
	display: block;
	position: absolute;
	height: 10em;
	background: url(images/logo.header.no.png) 0 4.3em no-repeat;
}

body.en #bluebar #mainpagelink a {
	background-image: url(images/logo.header.en.png);
}

#bluebar a {
	text-decoration: none;
	color: __background__ !important;
}

#ntnulenker {
	float: right;
	margin: 0;
	list-style: none;
}

#ntnulenker li {
	float: left;
	color: __ntnublue__;
	position: relative;
}

#ntnulenker li a {
	padding: .3em 1em;
	display: block;
}

#ntnulenker li.last a {
	padding-right: 2px;
}

#breadcrumbs {
	position: relative;
}

.flags {
	position: absolute; 
	right: .5em;
	top: .6em;
	overflow: auto;
	padding: 0 !important;
}

a.flag-no,
a.flag-en {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 1.5em;
	padding-left: 24px;
	display: block;
}
a.flag-no {background-image: url(icons/no.png)}
a.flag-en {background-image: url(icons/gb.png)}

/* Language selector */

#ntnulenker li.selector {
	background: url(images/droparrow-soft.gif) 100% 50% no-repeat;
	padding-right: 18px;
}

#ntnulenker li.selector:hover {
	background: black url(images/droparrow.gif) 100% 50% no-repeat;
}

#ntnulenker li.selector a {
	padding-right: 0;
}

#languageselector {
	display: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	padding-right: .4em;
	padding-top: 1px;
	background: __text__ url(images/dottedborder.png) 0 0 repeat-x;
}

#ntnulenker li:hover #languageselector {
	display: block;
}

#languageselector li  {
	width: 100%;
}

#ntnulenker #languageselector li a {
	display: block;
	background: __text__;
	padding: .5em .6em .5em 1em;
}


/* Main tab menu */

#ntnumenuwrap {
	width: __page_width__;
	margin: 0 auto;
	margin-top: 2.4em;
	border-style: solid;
	border-color: __border_dark__;
	border-width: 1px 1px 0;
	-moz-box-shadow: 0 .25em .5em -.15em __border_dark__;
	background: __border_light__ url(images/menu-gradient.png) 0 0 repeat-x;
	text-align: center;
}

#ntnumenu {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	background: url(images/blueline.png) 0 100% repeat-x;
	display: table;
	*float: left;
}

#ntnumenu li {
	padding-bottom: 1px;
	display: table-cell;
	*float:left;
}

/* The selected tab of the NTNU menu */
#ntnumenu.selectedtab_start 		li#tab_start,
#ntnumenu.selectedtab_studier	 	li#tab_studier,
#ntnumenu.selectedtab_student 	li#tab_student,
#ntnumenu.selectedtab_evu 			li#tab_evu,
#ntnumenu.selectedtab_forskning 	li#tab_forskning,
#ntnumenu.selectedtab_non 			li#tab_non,
#ntnumenu.selectedtab_om 			li#tab_om,
#ntnumenu.selectedtab_aktuelt	 	li#tab_aktuelt,
#ntnumenu.selectedtab_home 		li#tab_home,
#ntnumenu.selectedtab_studies 	li#tab_studies,
#ntnumenu.selectedtab_living 		li#tab_living,
#ntnumenu.selectedtab_research 	li#tab_research,
#ntnumenu.selectedtab_bai 			li#tab_bai,
#ntnumenu.selectedtab_about 		li#tab_about,
#ntnumenu.selectedtab_contact 	li#tab_contact{
	margin: -4px -1px 0;
	border: 1px solid __ntnublue__;
	border-width: 4px 1px 0 1px;
	display: block;
	padding-bottom: 0;
}

/* First tab - selected */
#ntnumenu.selectedtab_start 		li#tab_start.first,
#ntnumenu.selectedtab_studier	 	li#tab_studier.first,
#ntnumenu.selectedtab_student 	li#tab_student.first,
#ntnumenu.selectedtab_evu 			li#tab_evu.first,
#ntnumenu.selectedtab_forskning 	li#tab_forskning.first,
#ntnumenu.selectedtab_non 			li#tab_non.first,
#ntnumenu.selectedtab_om 			li#tab_om.first,
#ntnumenu.selectedtab_aktuelt	 	li#tab_aktuelt.first,
#ntnumenu.selectedtab_home 		li#tab_home.first,
#ntnumenu.selectedtab_studies 	li#tab_studies.first,
#ntnumenu.selectedtab_living 		li#tab_living.first,
#ntnumenu.selectedtab_research 	li#tab_research.first,
#ntnumenu.selectedtab_bai 			li#tab_bai.first,
#ntnumenu.selectedtab_about 		li#tab_about.first,
#ntnumenu.selectedtab_contact 	li#tab_contact.first {
	border-left: none;
}

/* Last tab - selected */
#ntnumenu.selectedtab_start 		li#tab_start.last,
#ntnumenu.selectedtab_studier	 	li#tab_studier.last,
#ntnumenu.selectedtab_student 	li#tab_student.last,
#ntnumenu.selectedtab_evu 			li#tab_evu.last,
#ntnumenu.selectedtab_forskning 	li#tab_forskning.last,
#ntnumenu.selectedtab_non 			li#tab_non.last,
#ntnumenu.selectedtab_om 			li#tab_om.last,
#ntnumenu.selectedtab_aktuelt	 	li#tab_aktuelt.last,
#ntnumenu.selectedtab_home 		li#tab_home.last,
#ntnumenu.selectedtab_studies 	li#tab_studies.last,
#ntnumenu.selectedtab_living 		li#tab_living.last,
#ntnumenu.selectedtab_research 	li#tab_research.last,
#ntnumenu.selectedtab_bai 			li#tab_bai.last,
#ntnumenu.selectedtab_about 		li#tab_about.last,
#ntnumenu.selectedtab_contact 	li#tab_contact.last {
	border-right: none;
	*border-right: 1px solid __ntnublue__;
}

#ntnumenu li a {
	padding: .4em 1em;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border-right: 1px solid __border_dark__;
	*padding-left: 1.5em;
	*padding-right: 1.5em;
}

body.en #ntnumenu li a {
	*padding-left: 2.5em;
	*padding-right: 2.5em;
}

#ntnumenu li.last a {
	border-right: none;
}

/* Tab anchor */
#ntnumenu.selectedtab_start 		li#tab_start a,
#ntnumenu.selectedtab_studier 		li#tab_studier a,
#ntnumenu.selectedtab_student 	li#tab_student a,
#ntnumenu.selectedtab_evu 			li#tab_evu a,
#ntnumenu.selectedtab_forskning 	li#tab_forskning a,
#ntnumenu.selectedtab_non 			li#tab_non a,
#ntnumenu.selectedtab_om 			li#tab_om a,
#ntnumenu.selectedtab_aktuelt 	li#tab_aktuelt a,
#ntnumenu.selectedtab_home 		li#tab_home a,
#ntnumenu.selectedtab_studies 	li#tab_studies a,
#ntnumenu.selectedtab_living 		li#tab_living a,
#ntnumenu.selectedtab_research 	li#tab_research a,
#ntnumenu.selectedtab_bai 			li#tab_bai a,
#ntnumenu.selectedtab_about 		li#tab_about a,
#ntnumenu.selectedtab_contact 	li#tab_contact a {
	color: __text__;
	background: __background__;
	border: 0;
	border-bottom: 1px solid __background__;
}

/* First tab anchor - selected */
#ntnumenu.selectedtab_start 		li#tab_start.first a,
#ntnumenu.selectedtab_studier 		li#tab_studier.first a,
#ntnumenu.selectedtab_student 	li#tab_student.first a,
#ntnumenu.selectedtab_evu 			li#tab_evu.first a,
#ntnumenu.selectedtab_forskning 	li#tab_forskning.first a,
#ntnumenu.selectedtab_non 			li#tab_non.first a,
#ntnumenu.selectedtab_om 			li#tab_om.first a,
#ntnumenu.selectedtab_aktuelt 	li#tab_aktuelt.first a,
#ntnumenu.selectedtab_home 		li#tab_home.first a,
#ntnumenu.selectedtab_studies 	li#tab_studies.first a,
#ntnumenu.selectedtab_living 		li#tab_living.first a,
#ntnumenu.selectedtab_research 	li#tab_research.first a,
#ntnumenu.selectedtab_bai 			li#tab_bai.first a,
#ntnumenu.selectedtab_about 		li#tab_about.first a,
#ntnumenu.selectedtab_contact 	li#tab_contact.first a {
	border-left: 1px solid __border_dark__;
}

/* Last tab anchor - selected */
#ntnumenu.selectedtab_start 		li#tab_start.last a,
#ntnumenu.selectedtab_studier 		li#tab_studier.last a,
#ntnumenu.selectedtab_student 	li#tab_student.last a,
#ntnumenu.selectedtab_evu 			li#tab_evu.last a,
#ntnumenu.selectedtab_forskning 	li#tab_forskning.last a,
#ntnumenu.selectedtab_non 			li#tab_non.last a,
#ntnumenu.selectedtab_om 			li#tab_om.last a,
#ntnumenu.selectedtab_aktuelt 	li#tab_aktuelt.last a,
#ntnumenu.selectedtab_home 		li#tab_home.last a,
#ntnumenu.selectedtab_studies 	li#tab_studies.last a,
#ntnumenu.selectedtab_living 		li#tab_living.last a,
#ntnumenu.selectedtab_research 	li#tab_research.last a,
#ntnumenu.selectedtab_bai 			li#tab_bai.last a,
#ntnumenu.selectedtab_about 		li#tab_about.last a,
#ntnumenu.selectedtab_contact 	li#tab_contact.last a {
	border-right: 1px solid __border_dark__;
	*border-right: none;
}

#content {
	margin-bottom: 1.5em;
}

/* Search form */

#searchform {
	width: __page_width__;
	margin: 0 auto;
	text-align: right;
	margin-top: 4.6em;
}

#searchform fieldset {
	background: __background__;
	border: 1px solid __border_dark__;
	width: 100%;
	padding: 1px;
	bottom: 0;
	width: auto;
	display: inline;
	*padding: 0 1px 1px 1px;
	margin-right: -1px;
}

#searchform.focus fieldset {
	border-color: __text__;
}

#searchform #query,
#searchform #sok {
	font: 1.1em Arial, Helvetica, Sans-serif !important;
	vertical-align: middle;
	margin: 0;
}

#searchform #query {
	color: __text_alt__;
	border: 1px solid __background__;
	border-right: 0;
	padding: 5px;
	width: 15em;
	background: transparent url(icons/search_off.png) 5px 50% no-repeat;
	padding-left: 27px;
}

#searchform.focus #query {
	color: __text__;
	background: transparent url(icons/search_on.png) 5px 50% no-repeat;
}

#searchform #sok {
	background: __border_light__ url(images/menu-gradient.png) 0 0 repeat-x;
	border-top: 1px solid __border_light__;
	border-right: 1px solid __border_dark__;
	border-bottom: 1px solid __border_dark__;
	border-left: 1px solid __border_light__;
	font-weight: bold !important;
	padding: 5px 12px;
	*padding: 3px 6px;
	text-shadow: 0 1px 0 #fff;
}

#searchform.focus #sok {
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #999;
}

#searchform #sok::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/* Footer */

#address {
	text-align: center;
	color: __text_alt__;
	padding: .75em;
}

#ntnufooter {
	width: __page_width__;
	margin: 0 auto;
	background: url(images/logo.footer.no.png) 1.5em 2em no-repeat;
	padding-top: 1.5em;
}

body.en #ntnufooter {
	background: url(images/logo.footer.en.png) 1.5em 2em no-repeat;
}

#ntnufooter ul {
	float: left;
	width: auto;
	clear: none;
	list-style: none;
	margin: 0 0 0 5.5em;
	padding: 0;
}

body.en #ntnufooter ul {
	margin: 0 0 0 4em;
}

#ntnufooter ul li {
	line-height: 2;
	color: __text_alt__;
	padding-left: 20px;
	background: url(icons/sprite.png) 0 50% no-repeat;
}

#ntnufooter ul:first-child, body.en #ntnufooter ul:first-child {
	margin-left: 20em;
}

#ntnufooter a {
	text-decoration: none;
}

#ntnufooter a, #ntnufooter span {
	background: __background__;
	display: block;
}

#ntnufooter li.kart {background-position: -350px 50%}
#ntnufooter li.emner {background-position: -700px 50%}
#ntnufooter li.ledelsen {background-position: -250px 50%}
#ntnufooter li.personsok {background-position: -450px 50%}
#ntnufooter li.nettstedkart {background-position: -600px 50%}
#ntnufooter li.forskning {background-position: -750px 50%}
#ntnufooter li.enheter {background-position: -800px 50%}
#ntnufooter li.redaktor {background-position: -400px 50%}
#ntnufooter li.kontakt {background-position: 0 50%}
#ntnufooter li.fakulteter {background-position: -300px 50%}
#ntnufooter li.adm {background-position: -200px 50%}
#ntnufooter li.studier {background-position: -650px 50%}
#ntnufooter li.sentralbord {background-position: -500px 50%}
#ntnufooter li.orgnr {background-position: -550px 50%}
#ntnufooter li.rss {background-position: -150px 50%}
#ntnufooter li.blog {background-position: -50px 50%}
#ntnufooter li.twitter {background-position: -100px 50%}
#ntnufooter li.admission {background-position: -850px 50%}

/* General NTNU and Innsida color classes */

.ntnu1 {background-color: __ntnu1__;}
.ntnu2 {background-color: __ntnu2__;}
.ntnu3 {background-color: __ntnu3__;}
.innsida1 {background-color: __innsida1__;}
.innsida2 {background-color: __innsida2__;}
.innsida3 {background-color: __innsida3__;}

/* Utilities */

.printOnly,
.hidden {
	display: none;
}

.offscreen {
	position: absolute !important;
	height: 1px;
	width: 1px;
	left: -10000em !important;
	top: auto;
	overflow: hidden !important;
}

.clearer {
	clear: both;
	height: 0;
	width: 100%;
	border: none;
	font-size: 1px;
	line-height: 0;
}

#bluebar a:focus,
#ntnumenu li a:focus,
#breadcrumbs a:focus,
#menu a:focus,
#ntnufooter a:focus {
	text-decoration: underline !important;
	outline: none;
}

#bluebar a:hover, #bluebar a:active,
#ntnumenu li a:hover, #ntnumenu li a:active,
#breadcrumbs a:hover, #breadcrumbs a:active,
#menu a:hover, #menu a:active,
#ntnufooter a:hover, #ntnufooter a:active {
	text-decoration: none !important;
	outline: none;
}

#credits {
	width: __page_width__;
	margin: 0 auto;
	margin-top: 3em;
	padding: .4em 0;
	//border-top: 1px dotted __border_light__;
	background: #eee;
}

#credits ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	display: table;
	width: 100%;
}

#credits li {
	font-size: .9em;
	display: table-cell;
	padding: 0 1.5em;
	*display: inline;
	border-right: 1px dotted __border_light__;
}

#credits li:last-child, #credits li.last {
	border: none;
}

#credits li, #credits li a {
	color: __text_alt__;
}