common.css

MIT开放课件 6.856J / 18.416J Randomized Algorithms Fall 2002

/*	MIT OpenCourseWare
	http://ocw.mit.edu/

	common.css - styles common to all pages
	v1.20
	28 August 2007		*/



/* MEDIA DECLARATIONS */
@media screen,projection {
body {
	font-size: 100.01%;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
}

@media print {
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.page_header,
.logo,
#primary_nav,
#nav,
#secondary_nav,
.searchform,
#local_navigation,
.footer {
	float: none !important;
	display: none;
}

#main_content,
#main_content_course,
#dept_main_container,
.dept,
#BodyCopy1,
.mod6,
.dept_courses,
.table_head,
.course_detail {
	float: none !important;
}

#content_body {
	width: auto; 
	margin: 0 5%;
	padding: 0; 
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;
	}
}


@media all {	/* initialization of all elements */
* {
	margin: 0; padding: 0; border: 0
} 
.skip {
	display:block; 
	position:absolute; 
	top:-1000px; 
	left:-1000px; 
	font-size:1px;
}
:root .skip {
    display: none;
}
a img {
	border: 0;	
}
}
/* END: MEDIA DECLARATIONS */



a:link, 
a:visited {		
	color:#000;
}
a:hover {		
	text-decoration:underline;
	color:#B41F24;
}
p a:link,
li a:link,
td a:link, 
p a:visited,
li a:visited,
td a:visited {
	color:#000;
	text-decoration: underline;
}
a:link.bullet,
a:visited.bullet,
p a:link.bullet,
p a:visited.bullet,
li a:link.bullet,
li a:visited.bullet,
p.bullet a:link,
p.bullet a:visited {
	text-decoration: none;
	color: #000;
}
a:link.underbullet,
a:visited.underbullet,
p a:link.underbullet,
p a:visited.underbullet,
li a:link.underbullet,
li a:visited.underbullet,
p.underbullet a:link,
p.underbullet a:visited,
#callout .module p.bullet a:link.underbullet,
#callout .module p.bullet a:visited.underbullet {
	text-decoration: underline;
	color: #000;
}
p a:hover,
li a:hover,
td a:hover,
p a:hover.bullet,
li a:hover.bullet, 
p.bullet a:hover,
p a:hover.underbullet,
li a:hover.underbullet, 
p.underbullet a:hover,
#callout .module p.bullet a:hover.underbullet {
	color:#B41F24;
	text-decoration: underline;
}
form {
	margin:0px;
	padding:0px;
}
.float_right{
	float:right;
}
.float_left{
	float:left;
}


/* PRIMARY CONTAINER DIVS */
#container {
	margin: 0 auto;
	width: 950px;
	border: 1px solid #A2A191;
	border-width: 0 1px;
}
#main {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align:left;
	overflow: hidden;
	_height: 1%;
	background: transparent url(../images/body_bg.gif) top left repeat-y;
}
#local_navigation {
	width: 196px;
	margin: 0px;           
	float:left;
	padding-bottom:30px;
	text-align:left;
	background-color: #DFDED5;
}
#content_body {
	float:left;
	padding: 0 10px;
	margin: 0;
	width:733px; 
}
#main_content {
	float:left;
	width: 539px;
	margin: 0;
	padding: 0;
}
/* END: PRIMARY CONTAINER DIVS */



/* LEFT-NAV CLASSES */
.get_started,																			/* &&&rename */
.other_resources{
	margin: 16px 10px 0;
	padding: 1px 0 5px;
	background: transparent url(../images/horizontal_dots.gif) top left repeat-x;	
}
.get_started h2,
.other_resources h2{	
	margin: 5px 0 6px;
	_margin: 5px 0 3px;
	padding-left: 10px;
	font-size: .8em;
	font-weight: bold;	
	background: transparent url(../images/red-arrow.gif) 3px 6px no-repeat;
}
.get_started h2 a:link,
.get_started h2 a:visited,
.other_resources h2 a:link,
.other_resources h2 a:visited, 
.nav_links h2 a:link,
.nav_links h2 a:visited {
	color:#B41F24;
	display:block;
	text-decoration: none;
}
.get_started .courses {
	font-size: .75em;
	margin-top:5px;
}
.get_started ul,
.other_resources ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.get_started li,
.other_resources li{
	font-size: .74em;
	padding-left: 10px;
	background: transparent url(../images/black-arrow.gif) 3px 8px no-repeat;
}

html>/**/body .get_started li,
html>/**/body .other_resources li{
	margin-bottom:.4em;
	background-position: 3px 5px;	
}
.get_started li a:link, 
.get_started li a:visited,
.other_resources li a:link, 
.other_resources li a:visited{
	display: block;
	width: 165px;
	color:#000000;
	text-decoration: none;
}
.get_started a:hover,
.other_resources a:hover{
	background-color:#C9C6BB;
	text-decoration: none;
}
/* END: LEFT-NAV CLASSES */



/* EXPANDING MENU CLASSES */
.nav_links {
	margin: 16px 10px 0;
	padding: 1px 0 5px;
	background: transparent url(../images/horizontal_dots.gif) top left repeat-x;
}
.nav_links h2 {
	padding-left: 10px;
	margin: 5px 0 0;
	color:#B41F24;
	font-size: .8em;
	font-weight:bold;
	background: transparent url(../images/red-arrow.gif) 3px 6px no-repeat;
}
.nav_links h2 a {
	color: #B41F24;
	display: block;
	text-decoration: none;
}
.nav_links h3{
	font-size:.74em;
	padding: 2px 0;
	font-weight: normal;
	position:relative;
}
.nav_links h3 .expandCollapseTrans{
	position:absolute;
	left:-10px;
}
.nav_links h3 a  {
	display: block;
	color: #000;
	text-decoration: none;
}
.nav_links h3 a:hover {
	background: #C9C6BB;
}
.nav_links a.view_all:hover {
	background: #C9C6BB;
}
.nav_links p {
	background: transparent url(../images/black-arrow.gif) 2px 6px no-repeat;
}
.nav_links p a.view_all { 
	font-size: 1.0em;
	color: #000;
	_display: inline;
}
.linkHolder{
	position:relative;
}
.linkHolder ul{ 
	display:none;
}
.linkHolder ul.selected{ 
	position:static;
	left:0px;
	display:block;
	background:transparent;
}
.nav_links ul {
	display: none;	
	margin-bottom: 20px;
	padding: 0px; 
	list-style:none;
}
.nav_links li {
	color: #000;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0 3px 3px 15px;
	padding-left: 8px;
	background: transparent url(../images/black-arrow.gif) 2px 8px no-repeat;
}
html>/**/body .nav_links li {
	margin-bottom:.4em;
	background-position: 2px 4px;	
}
.nav_links li a:link, .nav_links li a:visited{
	_margin:0px;
	display:block;
	color:#000000;
    text-decoration:none;
}
.nav_links li a:hover {
	background-color: #C9C6BB;
}
.nav_links a:hover, 
.nav_links h2:hover{
	background-color:#C9C6BB;
	color:#000;
	text-decoration:none;
}
.nav_links p a:link, .nav_links p a:visited {
	color: #000;
	text-decoration:none;
	margin-left: 10px;
}
h2.selected,
.selected,
li.selected{
	background-color:#C9C6BB;
}
.mO {
	color: #000;
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 10px;
	margin: 5px 0;
	background: transparent url(../images/bg.gif) 0px 5px no-repeat;
}
.mC {
	color: #000;
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left:10px;
	margin: 5px 0;
	background: transparent url(../images/bg.gif) 0px -33px no-repeat;
}
/* END: EXPANDING MENU CLASSES */



/* HEADER - TOP ROW */
.page_header {
	background-color: #EDECDF; 
	text-align: left;
	overflow: hidden;
	_height: 1%;
}
.page_header .logo {
	
	padding: 16px 0 4px 199px;		/* 16px 0 13px 199px; */
	margin: 0;
	background: transparent url(../images/home-top-img.jpg) top left no-repeat;
	float: left;
}

/* HEADER - SECOND ROW: TOP-NAV, SECONDARY NAV, SEARCH */
#primary_nav {
	background-color: #727266;
	overflow: hidden;
	_height: 1%;
}
#nav {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	_height: 1%;
}
#nav li{
	float: left;
	padding: 0;
	background: transparent url(../images/global-nav-pipe.gif) no-repeat 0 1px;
}
#nav li.first{
	background: none;
}
#nav li a{
	display: block;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;	
	height: 21px;
	padding: 3px 15px 0;
	_width: 55px;
}
#nav li a.about_ocw{																	/* &&&check */
	_width: 95px;
	_padding: 3px 10px 0;
}
#nav li a:hover,
#nav li.active{
	background: #A33033;	
}
#secondary_nav {
	padding: 0 0 0 0;
	float: right;
	margin: 0 15px -2px 0;
	overflow: hidden;
	_height: 1%;
	list-style: none;
}
#secondary_nav li {
	height: 21px;
	margin: 0;
	float: left;
	background: transparent url(../images/global-nav-pipe.gif) 0px 1px no-repeat;
	padding: 5px 20px 0px 20px;
}
#secondary_nav li.first {
	background: none;
}
#secondary_nav li a:link, #secondary_nav li a:visited {
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#secondary_nav li a:hover {
	text-decoration: underline;
}
.searchform {
	width:auto;
	vertical-align:middle;
	height: 24px;
	float:right;
	margin:0px;
	padding:0px;
}
.searchform select {
	vertical-align:middle;
	margin-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	border: 1px solid #CCCCCC;
	color: #000;
}
.searchform input.search {
	vertical-align:middle;
	margin-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	padding: 1px 0 1px 5px;
	border: 1px solid #CCCCCC;
	color: #666666;
	width: 129px;
}
::root .searchform input.search { 		/* for safari */
	margin-top: 0px;
	padding: 0px 0 1px 5px;
}
.searchform input.but{
	border: none;
	vertical-align: middle;
	margin-top: 3px;
	margin-right:10px;
}
::root .searchform input.but {			 /* for safari */
	margin-top: 1px;
}
.searchform a:link, .searchform a:visited {
	font-size: .6em;
	color:#fff;
	text-decoration:none;
	padding: 3px 10px 0 7px;
	margin: 7px 5px 0;
	vertical-align:middle;
	background: transparent url(../images/white-arrow.gif) no-repeat 0px 7px;
}
.searchform a:hover {
	text-decoration:underline;
}
/* END: HEADER STYLES ----- */



/* E-MAIL PAGE, HIGH CONTRAST SWITCH, BREADCRUMB */
.page_links {
	font-size: .8em;
	color: #000;
	text-align: right;
	margin: 3px 0;
	overflow: hidden;
	_height: 1%;
}
.page_links ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
.page_links li {
	padding: 5px 5px 5px 18px;
}
.page_links li a{
	color: #000;
	text-decoration:none;
}
.breadcrumb {
font-size:.8em;
	float:left;
	text-align:left;
	width:610px;
	color: #000;
	padding: 4px 0 0 4px;
}
.breadcrumb span{
	color:#B41F24;
}
.breadcrumb a:link, 
.breadcrumb a:visited,
#switchbutton a:link,
#switchbutton a:visited {
	color: #000;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration:underline;
	color:#B41F24;
}
#switchbutton li {
	padding-left: 0;
}
#switchbutton li.hcbullet,
#switchbutton_wo_email li.hcbullet {												/* &&&check */
	float:right; 
	background: transparent url(../images/black-arrow.gif) 0px 9px no-repeat;
	text-align: left;
	padding-left: 6px;
	margin-left: 13px;
}
#switchbutton li.email {
	display:block;
	float:right;
	background: transparent url(../images/black-email-ico.gif) 0px 7px no-repeat;
	text-align: left;
	padding-left: 19px; /* leave these two padding parameters separate*/
	padding-right: 0;
}
#switchbutton a:hover,
#switchbutton_wo_email a:hover {
	text-decoration:underline;
	color:#B41F24;	
}
/* END: E-MAIL PAGE, HIGH CONTRAST SWITCH, BREADCRUMB */



/* DONATE BUTTON */
.donate_but {		/* used everywhere except department pages */
	float:right;
	overflow: hidden;
	padding: 0px 5px 5px 0;
}
.donate_btn {		/* used in department pages */
	float: right;
	margin: -37px 0 0 0;
	padding: 4px 2px 0 0;
	display:inline;
}
#content_body .donate_but {
	margin-top: 13px;
}
#main_content_course .donate_but {
	margin-top: -33px;
}
/* END: DONATE BUTTON */



/* BULLET STYLES */																	/* &&&check */
.bullet {
	background: transparent url(../images/black-arrow.gif) 0px 14px no-repeat;
	padding: 10px 0 0 6px;
	font-weight:normal;
}
p.bullet {
	background: transparent url(../images/black-arrow.gif) 0px 10px no-repeat;
	padding: 6px 0 0 6px;
	font-weight:normal;
	text-decoration: none;
	color: #000;
}
li.bullet {
	background: transparent url(../images/black-arrow.gif) 0px 10px no-repeat;
	padding: 6px 0 0 15px;
}
.module .abullet {
	background: transparent url(../images/black-arrow.gif) 0px 11px no-repeat;
	padding: 6px 0 0 6px;
	font-weight:normal;
	text-decoration: none;
}