global.css

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

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

	global.css - styles specific to global areas
	v1.20
	05 September 2007		*/



/* HOME PAGE STYLES */
.hero {	
	background: #B4B1A2 /* url(../images/home-img.jpg) */ no-repeat top left; 
	border: 1px solid #797865;
	border-width: 1px 0;
	height: auto;
	_height: 245px;
	_overflow: visible;
	overflow: auto;
}
.topImage{
	margin-bottom:20px;
}
.unlocking_knowledge {
	margin: 19px 5px 8px 209px;
}
.unlocking_knowledge h1 {
	font-size: 1.5em;
	padding-bottom: 5px;
}
.hero .info{
	float: right;
	width: 330px;
	_width: 320px;
	margin-bottom: 5px;
	margin-left: 15px;
	font-size: .8em;
}
.hero .info p {
	margin: 0em 0em 10px 15px;
	font-size: 1.0em;
}
.hero .info img {
	margin-top:10px;
	margin-left: 15px;
}
.hero .quote {
	float:right;
	width: 172px;
	text-align: left;
	margin: 0 10px 0px 24px;
	color: #FFFFFF;
	font-size:1.2em;
}
.hero .quote p {
	margin: 0px 8px 0px 0px
}
.hero .quote ul {
	overflow: hidden;
	_height: 1%;
	list-style: none;
}
.hero .quote li {
	float: left;
	font-size: .6em;
	padding: 0 5px 0 0;
	margin: 0px;
}
.hero .quote a:link, .quote a:visited {
	color: #000000;
	font-size: .7em;
	text-decoration: none;
}
.hero .quote a:hover {
	text-decoration: underline;
	color: #b41f24;
}
.article_teaser {
	width: 350px;
	text-align:left;
	padding-bottom: 10px;
	margin: 23px 20px 8px 2px;
	background: transparent url(../images/horizontal_dots.gif) bottom left repeat-x;
	float:left;
	min-height: 135px;

}
.article_teaser img {
	float: right;
	margin: 0 5px 0 10px;
	border: 1px solid #797865;
}
.article_teaser p {
	font-size: .95em;
	margin: 0 0 10px;
}
.article_teaser p.bullet a:link, 
.article_teaser p.bullet a:visited {
	font-size: .8em;
	color: #000;
	text-decoration: none;
}
.article_teaser a:hover,
.article_teaser p.bullet a:hover {
	color:#b41f24;
	text-decoration: underline;
}
.article_teaser ul {
	margin-left:15px;
	padding:0px;
}
.article_teaser li {
	list-style-image:url(../images/black-arrow.gif);
}
.article_teaser a:link, 
div.words a:visited {
	font-size: .8em;
	color:#000000;
}
.corporate_sponsor {
	width: 355px;
	text-align:left;
	padding-bottom: 10px;
	margin: 23px 2px 10px 0;	
	background: transparent url(../images/horizontal_dots.gif) bottom left repeat-x;
	float:left;
	min-height: 135px;

}
.corporate_sponsor img {
	margin: 0 0 8px 0;
}
.corporate_sponsor img.sponsor1 {
	margin: 0 20px 8px 0;
}
.corporate_sponsor a:link, 
.corporate_sponsor a:visited {
	font-size: 1.0em;	
	color: #000000;
	text-decoration: none;
}
.corporate_sponsor a:hover {
	color:#b41f24;
	text-decoration: underline;
}
.newsletter {
	 width: 350px;
	 text-align:left;
	 padding: 0px;
	 margin: 0 20px 0 2px;
	 float:left; 
}
.newsletter h2 {
	color: #B41F24;
	font-size: .7em;
	font-weight: bold;
	padding: 0 0 10px 25px;
	background: transparent url(/OcwWeb/images/newsletter-icon.gif) 0 1px no-repeat;
}
.newsletter_divider {
	padding: 10px 0 0 0;
	background: transparent url(/OcwWeb/images/horizontal_dots.gif) bottom left repeat-x;
}
.newsletter p {
	color: #000;
	font-size: 0.7em;
	margin: -10px 0 4px 0;
	padding: 0 0 0 25px;
}
.newsletter p.bullet {
	background: transparent url(../images/black-arrow.gif) 0px 10px no-repeat;
	padding: 5px 0 0 6px;
}
.newsletter a:link,
.newsletter a:visited {
	color: #000000;
	text-decoration: none;
}

.newsletter ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.newsletter p.bullet a:link, 
.newsletter p.bullet a:visited {
	font-size: .8em;
	color: #000;
	text-decoration: none;
}
.newsletter a:hover,
.newsletter p.bullet a:hover {
	color:#b41f24;
	text-decoration: underline;
}
.newsletter input {
	margin: 0;
	vertical-align: middle;
}
.newsletter input.txtbox {
	border: 1px solid #999999;
	font-size: .7em;
	padding: .1em;
}
/* END: HOME PAGE STYLES */


 
/* COURSES DIV */																	/* &&&depricate */
#courses {
	margin: 0;
	padding: 5px 0em 20px 4px;
	_padding: 5px 0 10px 0;
	/* overflow: hidden; */  				/* due to IE7 isssues */
	_height: 1%;	
}
#hfhHome{
	margin: 0;
	padding: 5px 0 20px 0;
	_padding: 5px 0 10px 0;
	/* overflow: hidden; */  				/* due to IE7 isssues */
	_height: 1%;	
}
#courses h1 {
	font-size:1.6em;
	color:#A33033;
	margin: 0 0 9px 0px;
	font-weight: normal;
}
#courses h3.thanks {
	margin: 15px 0 10px 15px;
	font-size: .9em;
	font-weight: normal;
	color:#000;
}
#courses h3.thanks a {
	color:#000;
}
#courses h3.term {
	margin: 0 0 10px 15px;
	font-size: 1.2em;
	font-weight: normal;
	color:#A33033;
}
#courses h4 {
	font-size: .7em;
	margin: 0 0 0 17px;
}
#courses .ptext {
	font-size: .7em;
	margin: 0 0 15px 17px;
}
#courses .ptext a:link,
#courses .ptext a:visited {
color:#000;
}
#courses .ptext a:hover {
	color:#B41F24;
	text-decoration: underline;
}
#courses .coursemainimg {
	margin-left: 17px;
	margin-bottom: 10px;
}
/* END: COURSES DIV */



/* COURSE LIST TABLE & PAGE STYLES */
.course_list {
	width: 500px;
	margin: 0 0 20px 18px;
	font-size:.75em;
}
.course_list a:link,
.course_list a:visited {
	text-decoration:none;
}
.course_list a:hover {
	text-decoration:underline;
	color:#B41F24;
}
.top {
	color: #000;
	font-size: .9em;
}
.course_detail {
	background: #B4B1A2;
	border: 1px solid #797865;
	margin-bottom:5px;
}
.table_head {
	padding:2px 0 2px 0px;
	overflow: hidden;
	_height: 1%;	
}
.table_head div {
	float: right;
	text-align:right;
	width: 240px;
	
}
.table_head h2 {
	float:left;
	font-size: 1em;
	font-weight:bold;
	color: #000;
margin: 0;
}
.table_head div p {
	margin: 0px;
	font-size: 0.9em;
}
.table_head div a:link, 
.table_head div a:visited {
	color: #000;
	text-decoration:none;
}
.table_head div a:hover {
	color:#B41F24;
	text-decoration:underline;
}
.table_head div img {	
	margin-right:5px;
	margin-top: 0px;
	vertical-align:middle;
}
.course_table {
	width: 498px;
	border-collapse: collapse;
	font-size: .9em;
}
.course_table_custom {
	border-collapse: collapse;
	font-size: .9em;
}

.course_table_custom td, 
.course_table_custom td p {
	font-size: 1.0em;
}
.course_table_custom td a:link,
.course_table_custom td a:visited {
	font-size: 1.0em;
	text-decoration: underline;
	color: #000;
}
.course_table_custom td a:hover {
	font-size: 1.0em;
	text-decoration: underline; 
	color: #B41f24;
}
.course_table_custom td {
	vertical-align:top;
	padding: 4px;
}
.course_table_custom td h3.smallsub {
	font-weight: bold;
	font-size: 1.1em;
}
.course_table_custom td h3.subsubhead {
	font-style: italic;
	font-size: 1.0em;
}
.course_table th {
	font-size:1.0em;
	font-weight:bold;
	border: 2px solid #fff;
	border-width: 0 0 2px 0;
	margin:0px;
	padding: 4px;
}
.course_table th.course-num {
	width:105px;
	padding-left: 5px;
}
.course_table th.new {
	width:30px;
	text-align:center;
}
.course_table th.title {
	width:235px;
}
.course_table th.term {
	width:120px;
}

.course_table .new-ico {
	background-image: url(/OcwWeb/images/new-icon.gif);
	background-repeat: no-repeat;
	background-position: center 3px;
}
.course_table tr {
	margin:0px;
}
.course_table td {
	vertical-align:top;
	padding: 4px;
}
.course_table td.td_bullet {
	background-image:url(../images/black-arrow.gif);
	background-repeat:no-repeat;
	background-position: 4px 9px;
	padding-left:10px;
}
html>body .course_table td.td_bullet {
	background-image:url(../images/black-arrow.gif);
	background-repeat:no-repeat;
	background-position: 5px 9px;
	padding-left:10px;
}
.course_table tr.row {
	background-color:#E2E1D9;
}
.course_table tr.alt-row {
	background-color:#fff;
}
.course_table td img {
	margin-right:5px;
}
.course_table a:link, .course_table a:visited {
	color:#000;
	text-decoration:underline;
}
.course_table a:hover {
	color:#B41F24;
	text-decoration:underline;
}
.course_table td.first_bullet {
	background-image:url(../images/black-arrow.gif);
	background-repeat:no-repeat;
	background-position: 11px 9px;
	padding-left:17px;
}
::root .course_table td.first_bullet { 		/* for safari */
	background-position: 14px 9px;
	padding-left:20px;
}
::root .course_table th.title { 				/* for safari */
	width:250px;
	text-align: left;
}
::root .course_table th.term {			 	/* for safari */
	width:80px;
	text-align: left;
}
/* END: COURSE LIST TABLE STYLES */



/* HEADER - TRANSLATION LINKS */
#languages {
	font-size: .7em;
	width: 150px;
	float: right;
	margin: 8px 10px 0 0;
	_margin: 8px 5px 0 0;
	padding: 0;
	list-style-type: none;
}
#languages li {	
	padding: 0 0 5px 8px;
	background: transparent url(../images/black-arrow.gif) 2px 3px no-repeat;
	float:left;
	width:67px;	
	line-height: 1em;
}
#languages li.alllang {
	padding: 5px 0 5px 8px;	
	font-size: 1.0em;
	width: 160px;
	background: transparent url(../images/black-arrow.gif) 2px 8px no-repeat;
}
#languages a:link, #languages a:visited {
	color: #000000;
	text-decoration: none;
}
#languages li a:hover {
	text-decoration: underline;
	color:#B41F24;
}
/* END: HEADER - TRANSLATION LINKS */



/* DEPARTMENT PAGE STYLES */
#dept_main_container {
	width:723px;
	font-size:1.0em;
	margin: 2px 0 0 6px;
	padding: 10px 0 20px 0;
	_padding: 10px 0 10px 0;
}
#dept_main_container p {
	line-height: 125%;
	padding: 0 0 10px 0;
}
#dept_main_container ul {
	margin-left: 25px;
	padding-bottom: 5px;
}
#dept_main_container li {
	margin-top: 10px;
	margin-bottom: 10px;
}
#dept_main_container h1 {
	width: 550px;
	margin-left: -2px;
}	 
#dept_main_container #dept_content {
	clear:both;
	padding:0px 0 2px 0;
}

/* #dept_main_container #dept_content p {
	font-size:.75em;
	margin:0 0 1em 0;
} */
#dept_main_container #dept_content img {
	float:right;
	margin-left:0px;
	padding:0;
}
#dept_main_container #dept_links,
#dept_main_container #dept_course_links {
	margin:0 0 15px 0;
	padding:0;
}
#dept_main_container #dept_course_links h2
{
color:#000;
font-weight:bold;
font-size:.75em;
margin:10px 0 -5px 0;
}
#dept_main_container #dept_links h2 {
	font-size:.75em;
	margin:10px 0 0 0;
}
#dept_main_container #dept_links h1 {
	color:#A33033;
	font-size:1.2em;
	font-weight:normal;
	margin:0px 0 10px 0;
}
#dept_main_container #dept_links p,
#dept_main_container #dept_course_links p {
	font-size:.7em;
	clear:both;
}
#dept_main_container #dept_links .rss_ico {
	margin-right:15px;
	padding-left:25px;
	background: transparent url(../images/rss-small.gif) no-repeat 0px 2px;
	text-decoration: none;
}
#dept_main_container #dept_links a.bullet {
	text-decoration: none;
}
#dept_main_container #dept_links a:link,
#dept_main_container #dept_links a:visited {
	color:#000;
}
#dept_main_container #dept_links a:hover {
	color:#B41F24;
}
#dept_main_container .dept_courses {
	width: 500px;
	margin: 0 0 10px 0px;
	font-size:.75em;
}
.courses_form {
	padding: 10px 0 0 15px;
	color: #000;
}
.courses_form label {
	vertical-align: middle;
	font-size: .7em;
}
.courses_form input.textbox {
	vertical-align:middle;
	margin-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding: 1px 0 1px 5px;
	border: 1px solid #CCCCCC;
	color: #000;
	width: 129px;
}
::root .courses_form input.textbox { /* for safari */
	margin-top: 0px;
	padding: 0px 0 1px 5px;
}
.courses_form input.go_btn {
	border: none;
	vertical-align: middle;	
}
::root .courses_form input.go_btn { /* for safari */
	margin-top: 1px;
}
.courses_form ul {
	/*background: transparent url(../images/rss-small.gif) no-repeat 0px 7px;*/
	margin: 0 5px 0 -25px;
	_margin: -15px 0px 0 -50px;
	padding: 0em 0em 5px 0px;
	list-style-type:none;
	overflow: hidden;
	_height: 1%;
	font-size: .9em;
}
.courses_form li {
	float:left;
	background: transparent url(../images/black-arrow.gif) no-repeat 0px 9px;
	padding: 5px 15px 5px 7px;
}
.courses_form li.first {
	background: none;
	background: transparent url(../images/rss-small.gif) no-repeat 0px 7px;
	padding-left: 27px;


}
.courses_form li.first a {

	_padding-left: 0px;
}

.courses_form li a:link,
.courses_form li.first a:link {
	color: #000;	
	text-decoration: none;
}
.courses_form a:hover {
	color:#B41F24;
	text-decoration:underline;
}
.courses_form li a:link,
.courses_form li.first a:link,
.courses_form label a:link.bullet,
.courses_form li a:visited,
.courses_form li.first a:visited,
.courses_form label a:visited.bullet {
	text-decoration: none;
	color: #000;
}
.courses_form li a:hover,
.courses_form li.first a:hover,
.courses_form label a:hover.bullet {
	color:#B41F24;
	text-decoration: underline;
}
.department-set {
	margin: 0 10px 0 0;
}
.department-set h2 {
	color:#A33033;
	font-size:1.2em;
	font-weight:normal;
	line-height:.2em;
	clear: both;