/* ******************************************************************************************************* LAYOUT ********************************************************************************************************** */ #my_campus_menu ul{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; display:block; } #my_campus_menu ul{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; display:block; } #my_campus_menu ul li.selected a { background:#4690D6 none repeat scroll 0 0; color:#000000; } #my_campus_menu ul li.selected a:hover { background:#4690D6 none repeat scroll 0 0; color:#000000; } #my_campus_menu ul li a { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; color:#4690D6; float:left; font-weight:bold; line-height:1.1em; margin:2px; padding:4px 6px 4px 10px; text-decoration:none; } #my_campus_menu ul li a:hover { background:#FFFFFF none repeat scroll 0 0; color:#000000; } body { padding:0; margin:0; background-image:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/page-bg.jpg); background-position:top center; background-repeat:repeat-x; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#1b1b1b;} a { font-weight: normal; font-size: 12px; color: #1b1a23; text-decoration: none;} a:link { font-weight: normal; font-size: 12px; color: #1b1a23; text-decoration: none;} a:visited { color: #1b1a23; text-decoration: none;} a:hover { color: #c41f24; text-decoration: none;} a:active { color: #c41f24; text-decoration: none;} a:focus { color: #c41f24; text-decoration: none;} a img { border:0;} p { margin: 0px 0px 15px 0;} img { border: none;} form { margin: 0px; padding: 0px;} small { font-size: 82%;} ol, ul { margin:0; padding:0;} /* Header Container defines Size and Header Background */ #header { width:100%; height:140px; background-image:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/header-bg.jpg); background-repeat:repeat-x; background-position: top left; margin-left:auto; margin-right:auto;} .header-container { width:960px; margin-left:auto; margin-right:auto; padding-top:0px; } .ad-container { width:100%; height:100px; } /* Main Container defines Size and Body Background of the Content Container */ #main { background-color:none; width:940px; margin-left:auto; margin-right:auto; padding:10px 10px 20px 10px;} .container { border: none; margin-left:auto; margin-right:auto; padding:0 0 0 0; overflow:hidden;} /* Column combinations (example: class="left ad" ,class="center wide") 2 clolums must = 920px, 3 columns = 900px */ /* Columns must be within container
column divs
*/ /* New Container creates a new row of columns */ .left { float:left; margin-left:0px;} .center { float:left; margin-left:20px;} .right { float:right; margin-left:20px;} .ad { width:180px;} .small { width:240px;} .normal { width:320px;} .large { width:340px;} .wide { width:480px;} .span { width:680px;} /* ******************************************************************************************************* NAVIGATION ********************************************************************************************************** */ .nav {position:absolute; width:730px; height:40px; top:100px; left:50%; margin-left:-260px;} /* LEVEL ONE */ ul.dropdown { position: relative; list-style:none; } ul.dropdown li { float:left; } ul.dropdown a:hover { } ul.dropdown a:active { } ul.dropdown li a { } ul.dropdown li:last-child a { } ul.dropdown li.hover, ul.dropdown li:hover { background: #1B1A23;} ul.dropdown li.hover a { } /* LEVEL TWO */ ul.dropdown ul { width: 180px; visibility: hidden; position: absolute; top:100%; margin-top:40px; list-style:none; background: #1B1A23; padding:5px; } ul.dropdown ul li { font-weight: normal; color: #000; line-height:25px; float: none; background:#ffffff; } ul.dropdown ul li a { border-right: none; width: 170px; display: inline-block; background:url(http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/drop_bg.png) bottom center repeat-x; padding-left:10px; } ul.dropdown ul li a:hover { color:#ffffff; width: 170px; display: inline-block; background-color:#8db01f; padding-left:10px; } /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } span.nav-home a { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:0px 0px; display:block; width:78px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-home a:hover { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:0px -40px; display:block; width:78px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-videos a { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-78px 0px; display:block; width:90px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-videos a:hover { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-78px -40px; display:block; width:90px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-photos a { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-168px 0px; display:block; width:97px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-photos a:hover { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-168px -40px; display:block; width:97px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-scoop a { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-265px 0px; display:block; width:145px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-scoop a:hover { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-265px -40px; display:block; width:145px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-games a { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-410px 0px; display:block; width:88px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-games a:hover { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-410px -40px; display:block; width:88px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} li.nav-vinthechin a { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-498px 0px; display:block; width:154px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-vinthechin a:hover { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-498px -40px; display:block; width:154px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-more a { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-652px 0px; display:block; width:78px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} span.nav-more a:hover { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav-bg.png); background-position:-652px -40px; display:block; width:78px; height:40px; line-height:40px; overflow:hidden; text-indent:-999px;} /* Navigation Container defines Size and Background, other nav properties found in includes/navigation/navigation.css */ #navigation { background-image:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/nav_bg.png); background-repeat:repeat-x; width:960px; height:70px; margin-left:auto; margin-right:auto;} .nav_container { width:960px; margin-left:auto; margin-right:auto; text-align:left; line-height:28px;} #top_nav { width:960px; height:42px;} .low_nav { width:960px; height:28px;} #top_nav ul { margin:0; padding:0; width:960px; position:absolute; list-style-type: none; z-index:100;} #top_nav li { height:42px; float:left; color:#191919; text-align:center; overflow:hidden;} .nav_link a:link { display:block; width:102px; height:42px; text-indent:-9999px;} .nav_link a:visited { display:block; width:102px; height:42px; text-indent:-9999px;} .nav_link a:hover { display:block; width:102px; height:42px; text-indent:-9999px;} .nav_link a:active { display:block; width:102px; height:42px; text-indent:-9999px;} .nav_link a:focus { display:block; width:102px; height:42px; text-indent:-9999px;} .drop_text { color:#1b1a23; font-size:11px; padding:0 0 0 0; margin:0px 3px 3px 3px; text-align:left; background-color:#ffffff;} .drop_text a { color:#1b1a23; font-size:11px; text-decoration:none; font-weight:bold; display:block; background:url(http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/drop_bg.png) bottom; background-repeat:no-repeat; line-height:24px; padding:0 0 0 6px;} .drop_text a:hover { color:#ffffff; background-color:#8db01f;} .nav_home { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:0 0; z-index:100;} .nav_home:hover {background-position:0 -142px; z-index:100;} .nav_videos { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:-102px 0; z-index:100;} .nav_videos:hover {background-position:-102px -142px; z-index:100;} .nav_photos { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:-204px 0; z-index:100;} .nav_photos:hover {background-position:-204px -142px; z-index:100;} .nav_legacy { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_legacy.png') top right no-repeat; background-position:0px 0; z-index:100;} .nav_legacy:hover {background-position:0px -142px; z-index:100;} .nav_towel { width:144px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_towel.png') top right no-repeat; background-position:0px 0; z-index:100;} .nav_towel:hover {background-position:0px -142px; z-index:100;} .nav_forum { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:-306px 0;} .nav_forum:hover {background-position:-306px -142px;} .nav_blog { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:-408px 0;} .nav_blog:hover {background-position:-408px -142px;} .nav_games { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:-510px 0;} .nav_games:hover {background-position:-510px -142px;} .nav_confessions { width:144px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:-612px 0;} .nav_confessions:hover {background-position:-612px -142px;} .nav_more { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:-756px 0;} .nav_more:hover {background-position:-756px -142px;} .nav_upload { width:102px; background:url('http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_sprite.png') top right no-repeat; background-position:-858px 0;} .nav_upload:hover {background-position:-858px -142px;} #more_ocd { width:690px; height:28px; float:left; overflow:hidden;} #more_ocd ul { list-style:none;} #more_ocd li { float:left; height:28px; border-right: 1px #4c4c52 solid;} .more_ocd_title { width:109px; height:28px; text-indent:-9999px; background:url(http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/more_ocd.png);} /* Lower Level Navigation Links */ #more_ocd a:link { font-weight: normal; font-size: 12px; color: #ffffff; text-decoration: none; display:block; padding:0px 7px 0px 7px;} #more_ocd a:visited { color: #ffffff; text-decoration: none; display:block; padding:0px 7px 0px 7px;} #more_ocd a:hover { color: #ffffff; text-decoration: none; background-color:#37363e; display:block;} #more_ocd a:active { color: #ffffff; text-decoration: none; background-color:#37363e; display:block;} #more_ocd a:focus { color: #ffffff; text-decoration: none; background-color:#37363e; display:block;} .search_container { width:270px; height:28px; float:right; overflow:hidden; background-color:#d2d2d2; z-index:99;} .search_options { width:109px; height:28px; color:#1b1a23; background:url(http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_search_bg.png); background-repeat:no-repeat; padding:0 0 0 0; overflow:hidden; z-index:99;} .search_options span { font-size:11px; text-align:left; display:block; margin-left:20px;} .top_search_box { width:155px; height:20px; color:#ffffff; border:3px #d2d2d2 solid; background-color:#1b1a23; margin:0 0 0 0;} .top_search_button { width:109px; height:28px; background:url(http://www.oncampusdrama.com/mod/buddytalk/includes/navigation/nav_search_bg.png); background-repeat:no-repeat; border:none; margin:0 0 15px 0;} /* ******************************************************************************************************* FOOTER ********************************************************************************************************** */ /* Footer Container and elements defined below */ #footer { width:100%; background:#1f1c21;} #footer ul {margin:0; padding:0; list-style-type: none;} .footer_nav { width:800px; height:25px; background-color:#1b1a23; position:relative; top: -12px; left:50%; margin-left: -350px; text-align:left; padding: 0 0 0 0;} .footer_nav li { height:25px; padding: 0 10px 0 10px; border-right: 1px #4c4c52 solid; float:left; color:#ffffff; text-align:center; overflow:hidden; line-height:25px;} .footer_nav li:hover { background-color:#f3f3f3; color:#1b1a23;} .footer_container { width:960px; margin:0 auto 0 auto; font-size:11px;} .footer_container ul { width:150px; float:left;} .footer_container li { border-bottom:1px #696969 dotted;} #footer ul { margin:0; padding:0; list-style-type: none;} .footer_nav { width:800px; height:25px; background-color:#c41f24; position:relative; top: -12px; left:50%; margin-left: -350px; text-align:left; padding: 0 0 0 0;} .footer_nav li { height:25px; padding: 0 10px 0 10px; border-right: 1px #f3f3f3 solid; float:left; color:#ffffff; text-align:center; overflow:hidden; line-height:25px;} .footer_nav li:hover { background-color:#f3f3f3; color:#1b1a23;} .footer_container { width:960px; margin:0 auto 0 auto; font-size:11px;} .footer_container ul { width:150px; float:left;} .footer_container li { border-bottom:1px #696969 dotted;} /* Footer link styles defined below */ #footer { font-size:11px; color:#ffffff;} #footer a:link { font-size:11px; color:#ffffff; text-decoration:none;} #footer a:visited { font-size:11px; color:#ffffff; text-decoration:none;} #footer a:hover { font-size:11px; color:#1b1a23; text-decoration:none;} #footer a:active { font-size:11px; color:#1b1a23; text-decoration:none;} #footer a:focus { font-size:11px; color:#1b1a23; text-decoration:none;} #follow { font-size:11px; color:#ffffff;} #follow a:link { font-size:11px; color:#ffffff; text-decoration:none; background:none; padding:0;} #follow a:visited { font-size:11px; color:#ffffff; text-decoration:none; background:none; padding:0;} #follow a:hover { font-size:11px; color:#1b1a23; text-decoration:none; background:none; padding:0;} #follow a:active { font-size:11px; color:#1b1a23; text-decoration:none; background:none; padding:0;} #follow a:focus { font-size:11px; color:#1b1a23; text-decoration:none; background:none; padding:0;} .footer_nav a:link { padding:5px 5px 5px 5px;} .footer_nav a:visited { padding:5px 5px 5px 5px;} .footer_nav a:hover { padding:5px 5px 5px 5px;} .footer_nav a:active { padding:5px 5px 5px 5px;} .footer_nav a:focus { padding:5px 5px 5px 5px;} .footer_container a:link { font-weight:normal;} .footer_container a:visited { font-weight:normal;} .footer_container a:hover { font-weight:bold; padding:2px 5px 2px 5px; background-color:#f3f3f3;} .footer_container a:active { font-weight:bold; padding:2px 5px 2px 5px; background-color:#f3f3f3;} .footer_container a:focus { font-weight:bold; padding:2px 5px 2px 5px; background-color:#f3f3f3;} .photo_scroll { position: relative; height:60px;} .photo_scroll .ps_wrapper { width: 270px; /* .photo_scroll width - (.ps_wrapper margin-left + .ps_wrapper margin-right) */ overflow: auto; min-height: 10em; margin: 0 -10px 0 12px; position: absolute; top: 0;} .span .photo_scroll .ps_wrapper { width: 630px; /* .photo_scroll width - (.ps_wrapper margin-left + .ps_wrapper margin-right) */ overflow: auto; min-height: 10em; margin: 0 -10px 0 12px; position: absolute; top: 0;} .photo_scroll .ps_wrapper ul { width: 9999px; list-style:none; margin:0; padding:0; position: absolute;} .photo_scroll ul li { display:block; float:left; padding:5px; height:80px; width:80px;} .photo_scroll ul li a img { display:block;} .photo_scroll .arrow { display: block; height: 30px; width: 24px; text-indent: -999px; position: absolute; top: 27px; cursor: pointer;} .photo_scroll .forward { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/buttons/scroll_arrow_right.png) no-repeat; background-position: 0 0; right: -5px;} .photo_scroll .back { background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/buttons/scroll_arrow_left.png) no-repeat; background-position: 0 -0; left: -5px;} .photo_scroll .forward:hover { background-position: -24px 0;} .photo_scroll .back:hover { background-position: -24px 0;} /* Common elements are defined below */ .box { background-image: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/box_bg.png); background-repeat:repeat-x; background-position:top center; background-color:#ffffff; border: 1px solid #d0d2d4; padding: 10px 10px 10px 10px; margin: 0 0 10px 0; overflow:hidden; clear:left;} .clear_box { background-image: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/box_bg.png); background-repeat:repeat-x; background-position:top center; margin: 0 0 10px 0; overflow:hidden; clear:left;} .box_paper { background-repeat:repeat-y; background-position:right; background-color:#ffffff; background-image:url(paper_background.png); border: 1px solid #d0d2d4; padding: 10px 10px 10px 10px; margin: 0 0 10px 0; overflow:hidden; clear:left;} .box_corckboard { background-position:center; background-color:#ffffff; background-image:url(corkboard_background.jpg); border: 1px solid #d0d2d4; padding: 20px 20px 20px 20px; margin: 0 0 10px 0; overflow:hidden; clear:left;} .box img { border: 1px #c4c4c4 solid;} .pager { float: right; background-color:#1b1a23; color:#ffffff; text-align:center; width:230px; height:21px; line-height:21px; overflow:hidden;} .normal_table th { background-image:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/th_bg.png); background-position:bottom; background-repeat:repeat-x; background-color:#ffffff; font-size:10px; text-align:left; padding:5px 5px 5px 5px;} .normal_table td { background-image:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/td_gradient.png); background-position:bottom; background-repeat:repeat-x; background-color:#ffffff; border-bottom:1px #eaeaea solid; text-align:left; padding:5px 5px 5px 5px;} .video_screen { width:200px; height:100px; overflow:hidden; background:#1b1a23; background-repeat:no-repeat; background-position:center center;} .picture_screen { width:200px; height:170px; overflow:hidden; background:#1b1a23; background-repeat:no-repeat; background-position:center center;} .hover_info { background-color:#1b1a23; opacity: 0.7; filter: alpha(opacity=70); color:#ffffff; height:50px; padding:5px 10px 5px 10px; margin-top:-60px;} .category_list ul { list-style:none; margin:-10px -10px -10px -10px;} .category_list li { background-image: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/th_bg.png); background-position:bottom; background-repeat:repeat-x; background-color:#ffffff; border-bottom:1px #eaeaea solid; text-align:left; padding:5px 5px 5px 15px;} /* Common lists are defined below */ ul.nonlist {list-style:none; margin:0px -10px 0px 0px;} .large ul.nonlist {list-style:none; margin:0px -10px 0px -7px;} .nonlist li {float:left; width:100px; padding:5px; display:block; overflow:hidden;} ul.itemlist {list-style:none;} .itemlist li {margin-bottom:10px;} ul.small_nonlist {list-style:none; margin:0px -10px 0px 0px;} .small_nonlist li {float:left; width:80px; padding:5px; display:block; overflow:hidden;} ul.normallist {list-style:none; margin:0px -10px 0px 0px;} .normallist li {padding:5px; display:block; overflow:hidden;} /* Dark Heading Bar with White Text */ h1 { width:auto; height:24px; background-color:#1b1a23; color:#ffffff; font-size:12px; line-height:24px; margin:-10px -10px 10px -10px; padding:0 0 0 20px;} h1.logo { width:250px; height:140px; background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/logo-image.png); color:#ffffff; font-size:12px; line-height:24px; margin:0; padding:0; position:absolute;} h1.logo a { display:block; width:225px; height:116px; overflow:hidden; text-indent:-9999px; } /* Red Heading Bar with White Text */ h2 { width:auto; height:24px; background-color:#1b1a23; color:#ffffff; font-size:12px; line-height:24px; margin:-10px -10px 10px -10px; padding:0 0 0 20px;} h2 span { background-image:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/head_arrow.gif); background-position:right; background-repeat:no-repeat; background-color:#c41f24; padding: 0 20px 0 20px; margin-left:-20px; position:absolute;} h2.logo-text { width:346px; height:33px; background:url(http://www.oncampusdrama.com/mod/buddytalk/graphics/style/ocd/logo-text.png); color:#ffffff; font-size:12px; line-height:24px; margin:0; padding:0;} h2.logo-text a { display:block; width:346px; height:33px; overflow:hidden; text-indent:-9999px; } /* Small Dark Heading Bar with Tiny White Text */ h3 { width:auto; height:24px; background-color:#c41f24; color:#ffffff; font-size:12px; line-height:24px; margin:-10px -10px 10px -10px; padding:0 0 0 20px;} h4 { color:#c41f24; font-size:16px; margin:0 0 0 0; padding:0 0 0 0;} /* *************************************** DEFAULTS *************************************** */ /* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC FORMS CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */ /* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */ /* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */ .form_list { list-style:none; margin:0 0 10px 0;} .form_list li { margin:0 0 5px 0;} .form_list label { display:block; float:left; text-align:left; line-height:22px;} .label_small { width:80px;} .label_normal { width:120px;} .label_wide { width:160px;} .form_span { display:block; margin:0 0 5px 0;} .form_span label { display:block; float:left; text-align:left; line-height:22px;} .input_light { background-color:#f3f3f3; border:1px #c4c4c4 solid; height:18px; color:#1b1a23;} .input_light_small { background-color:#f3f3f3; border:1px #c4c4c4 solid; width:120px; height:16px; color:#1b1a23;} .input_light_wide { background-color:#f3f3f3; border:1px #c4c4c4 solid; width:400px; height:18px; color:#1b1a23;} .select_light { background-color:#f3f3f3; border:1px #c4c4c4 solid; height:22px; color:#1b1a23;} .text_light_wide { background-color:#f3f3f3; border:1px #c4c4c4 solid; width:400px; height:180px; color:#1b1a23;} .input_dark { background-color:#313038; border:1px #69686e solid; height:18px; color:#f3f3f4;} .input_dark_small { background-color:#313038; border:1px #69686e solid; width:120px; height:16px; color:#f3f3f4;} .input_dark_wide { background-color:#313038; border:1px #69686e solid; width:400px; height:18px; color:#f3f3f4;} .select_dark { background-color:#313038; border:1px #69686e solid; height:22px; color:#f3f3f4;} .text_dark_wide { background-color:#313038; border:1px #69686e solid; width:400px; height:180px; color:#f3f3f4;} .input_newsletter { background-color:#313038; border:1px #69686e solid; width:220px; height:16px; color:#69686e; margin:0 0 5px 0;} /* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */ /* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */ /* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC FORMS END CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */ /* *************************************** PAGE LAYOUT - MAIN STRUCTURE *************************************** */ /* canvas layout: 1 column, no sidebar */ #one_column { /* width:960px; */ margin:0; min-height: 360px; background: #FFF; padding:0 0 10px 0; } /* canvas layout: 2 column left sidebar */ #two_column_left_sidebar { width:213px; margin:0 10px 0 0; min-height:360px; float:left; background:#fff; padding:5px; border:1px solid #ccc; } #two_column_left_sidebar_maincontent { width:720px; margin:0; min-height: 360px; float:left; padding:0 0 5px 0; background:#fff; border:1px solid #ccc; } #two_column_left_sidebar_maincontent_boxes { margin:0 0px 20px 20px; padding:0 0 5px 0; width:730px; float:left; } #two_column_left_sidebar_boxes { width:210px; margin:0px 0 20px 0px; min-height:360px; float:left; padding:0; } #two_column_left_sidebar_boxes .sidebarBox { margin:0px; width:210px; padding:4px 5px 5px 5px; } #two_column_left_sidebar_boxes .sidebarBox h3 { background:#333; font-size:12px; border:none; line-height:16px; color:#fff; margin:0; } /* canvas layout: widgets (profile and dashboard) */ #widgets_left { width:300px; margin:0 20px 20px 0; min-height:360px; padding:0; } #widgets_middle { width:310px; margin:0 0 20px 0; padding:0; } #widgets_right { width:310px; margin:0px 0 20px 20px; float:left; padding:0; } #widget_table td { border:0; padding:0; margin:0; text-align: left; vertical-align: top; } /* *************************************** SPOTLIGHT *************************************** */ #layout_spotlight { margin:20px 0 20px 0; padding:0; background: white; } #wrapper_spotlight { margin:0; padding:0; height:auto; } #wrapper_spotlight #spotlight_table h2 { color:#000000; font-size:1.25em; line-height:1.2em; } #wrapper_spotlight #spotlight_table li { list-style: square; line-height: 1.2em; margin:5px 20px 5px 0; color:#555555; } #wrapper_spotlight .collapsable_box_content { margin:0; padding:10px 10px 5px 10px; background:none; min-height:60px; border:none; border-top:1px solid #cccccc; } #spotlight_table { margin:0 0 2px 0; } #spotlight_table .spotlightRHS { float:right; width:270px; margin:0 0 0 50px; } /* IE7 */ *:first-child+html #wrapper_spotlight .collapsable_box_content { width:958px; } #layout_spotlight .collapsable_box_content p { padding:0; } #wrapper_spotlight .collapsable_box_header { border: none; } /* *************************************** SYSTEM MESSSAGES *************************************** */ .messages { background:#ccffcc; color:#000000; padding:3px 10px 3px 10px; z-index: 8000; margin:0; position:fixed; top:30px; left:135px; width:960px; border:4px solid #00CC00; cursor: pointer; } .messages_error { border:4px solid #D3322A; background:#F7DAD8; color:#000000; padding:3px 10px 3px 10px; z-index: 8000; margin:0; position:fixed; top:30px; width:969px; cursor: pointer; } .closeMessages { float:right; margin-top:17px; } .closeMessages a { color:#666666; cursor: pointer; text-decoration: none; font-size: 80%; } .closeMessages a:hover { color:black; } /* *************************************** COLLAPSABLE BOXES *************************************** */ .collapsable_box { margin: 0 0 20px 0; border: 1px solid #ccc; height:auto; } /* IE6 fix */ * html .collapsable_box { height:10px; } .collapsable_box_header { background:#c41f24; border-bottom:1px solid #AAAAAA; color:#fff; height:19px; margin:0; padding:4px 12px 2px; } .collapsable_box_header h1 { background-color:#c41f24; color:#ffffff; font-size:12px; font-weight:normal; line-height:15px; padding:0 0 0 1px; } .collapsable_box_content { background:#fff none repeat scroll 0 0; height:auto; margin:0; padding:10px 0; } .collapsable_box_content .contentWrapper { margin-bottom:5px; } .collapsable_box_editpanel { display: none; background: #f5f5f5; padding:10px 10px 5px 10px; border-bottom: 1px solid #CCC; } .collapsable_box_editpanel p { margin:0 0 5px 0; } .collapsable_box_header a.toggle_box_contents { color: #FFFFFF; cursor:pointer; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight: bold; text-decoration:none; float:right; margin: 0; margin-top: -7px; } .collapsable_box_header a.toggle_box_edit_panel { color: #FFFFFF; cursor:pointer; font-size:9px; text-transform: uppercase; text-decoration:none; font-weight: normal; float:right; margin: 3px 10px 0 0; } .collapsable_box_editpanel label { font-weight: normal; font-size: 100%; } /* used for collapsing a content box */ .display_none { display:none; } /* used on spotlight box - to cancel default box margin */ .no_space_after { margin: 0 0 0 0; } /* *************************************** GENERAL FORM ELEMENTS *************************************** */ .submit_button { } .submit_button:hover, input[type="submit"]:hover { } input[type="submit"] { } .cancel_button { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; background:#dddddd; border: 1px solid #999999; width: auto; height: 25px; padding: 2px 6px 2px 6px; margin:10px 0 10px 10px; cursor: pointer; } .cancel_button:hover { background: #cccccc; } .input-text, .input-tags, .input-url, .input-textarea { width:98%; } .input-textarea { height: 200px; } /* *************************************** LOGIN / REGISTER *************************************** */ #login-box { margin:0 0 10px 0; padding:0 0 10px 0; background: #000000; width:250px; text-align:left; } #login-box form { margin:0 10px 0 10px; padding:0 10px 4px 10px; background: white; width:250px; } #login-box h2 { color:#FFFFFF; font-size:1.35em; line-height:1.2em; margin:0 0 0 8px; padding:5px 5px 0 5px; } #login-box .login-textarea { width:150px; } #login-box label { font-size: 10px Arial; color:#333; font-weight:normal; } #register-box label { font-size: 1.2em; color:#555555; } #login-box p.loginbox { margin:0; } #login-box input[type="text"], #login-box input[type="password"], #register-box input[type="text"], #register-box input[type="password"] { margin:0 0 10px 0; } #register-box input[type="text"], #register-box input[type="password"] { width:380px; } #login-box h2, #login-box-openid h2, #register-box h2, #add-box h2, #forgotten_box h2 { color:#000000; font-size:1.35em; line-height:1.2em; margin:0pt 0pt 5px; } #register-box { text-align:left; width:400px; padding:10px; margin:0; } #persistent_login label { font-size:1.0em; font-weight: normal; } /* login and openID boxes when not running custom_index mod */ #two_column_left_sidebar #login-box { width:auto; background: none; } #two_column_left_sidebar #login-box form { width:auto; margin:10px 10px 0 10px; padding:5px 0 5px 10px; } #two_column_left_sidebar #login-box h2 { margin:0 0 0 5px; padding:5px 5px 0 5px; } #two_column_left_sidebar #login-box .login-textarea { width:158px; } /* *************************************** PROFILE *************************************** */ #profile_info { margin:0 0 20px 0; padding:20px; border:1px solid #cccccc; background: #e9e9e9; } #profile_info_column_left { float:left; padding: 0; margin:0 20px 0 0; } #profile_info_column_middle { background:#FFFFFF none repeat scroll 0 0; border:1px solid #AAAAAA; float:left; padding:13px; width:330px; margin-bottom:10px; } #profile_info_column_right { background:#FFFFFF none repeat scroll 0 0; border:1px solid #AAAAAA; margin:0; padding:16px; width:554px; } #dashboard_info { margin:0px 0px 0 0px; padding:20px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background: #bbdaf7; } #profile_menu_wrapper { margin:5px 0 5px 0; width:200px; border:1px solid #ccc; padding: 2px; } #profile_menu_wrapper p { background: #ddd; border-bottom:1px dotted #fff; } #profile_menu_wrapper p:first-child { } #profile_menu_wrapper a { display:block; padding:0 0 0 3px; } #profile_menu_wrapper a:hover { background: #333; color:#fff; text-decoration:none; } p.user_menu_friends, p.user_menu_profile, p.user_menu_removefriend, p.user_menu_friends_of { margin:0; } #profile_menu_wrapper .user_menu_admin { border-top:none; } #profile_info_column_middle p { margin:7px 0 7px 0; padding:2px 4px 2px 4px; } /* profile owner name */ #profile_info_column_middle h2 { padding:1px; margin:4px; margin-bottom:6px; font-weight:bold; color:#333; background:#fff; } #profile_info_column_middle h2 a{ font-weight:bold; font-size:16px; color:#333; background:#fff; } #profile_info_column_middle .profile_status { background:#fff5b1; border:1px solid #ccc; padding:2px 4px 2px 4px; line-height:1.2em; } #profile_info_column_middle .profile_status span { display:block; font-size:90%; color:#666666; } #profile_info_column_middle a.status_update { float:right; } #profile_info_column_middle .odd { } #profile_info_column_middle .even { } #profile_info_column_right p { margin:0 0 7px 0; } #profile_info_column_right .profile_aboutme_title { margin:0; padding:0; line-height:1em; } /* edit profile button */ .profile_info_edit_buttons { float:right; margin:0 !important; padding:0 !important; } .profile_info_edit_buttons a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#c41f24; width: auto; padding: 2px 6px 2px 6px; margin:0; cursor: pointer; } .profile_info_edit_buttons a:hover { background: #8db01f; text-decoration: none; color:white; } /* *************************************** RIVER *************************************** */ #river, .river_item_list { padding:5px; } .river_item p { margin:0; padding:0 0 0 21px; line-height:1.1em; min-height:17px; } .river_item { border-bottom:1px solid #dddddd; padding:2px 0 2px 0; } .river_item_time { font-size:90%; color:#666666; } /* IE6 fix */ * html .river_item p { padding:3px 0 3px 20px; } /* IE7 */ *:first-child+html .river_item p { min-height:17px; } .river_user_update { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; } .river_object_user_profileupdate { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; } .river_object_user_profileiconupdate { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; } .river_object_annotate { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_bookmarks_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_bookmarks.gif) no-repeat left -1px; } .river_object_bookmarks_comment { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_status_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_status.gif) no-repeat left -1px; } .river_object_file_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_files.gif) no-repeat left -1px; } .river_object_file_update { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_files.gif) no-repeat left -1px; } .river_object_file_comment { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_widget_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_plugin.gif) no-repeat left -1px; } .river_object_forums_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_forums_update { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_widget_update { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_plugin.gif) no-repeat left -1px; } .river_object_blog_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; } .river_object_blog_update { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; } .river_object_blog_comment { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_forumtopic_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_user_friend { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_friends.gif) no-repeat left -1px; } .river_object_relationship_friend_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_friends.gif) no-repeat left -1px; } .river_object_relationship_member_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_thewire_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_thewire.gif) no-repeat left -1px; } .river_group_join { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_groupforumtopic_annotate { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_groupforumtopic_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_sitemessage_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; } .river_user_messageboard { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_page_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_pages.gif) no-repeat left -1px; } .river_object_page_top_create { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_pages.gif) no-repeat left -1px; } .river_object_page_top_comment { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_page_comment { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } /* *************************************** SEARCH LISTINGS *************************************** */ .search_listing { display: block; border:1px solid #ccc; background:#fcfdf0; margin:0 10px 5px 10px; padding:5px; } .search_listing_icon { float:left; margin-right:10px; } .search_listing_icon img { width: 120px; } .search_listing_icon .avatar_menu_button img { width: 15px; } .search_listing_info { margin-left: 50px; min-height: 40px; } /* IE 6 fix */ * html .search_listing_info { height:40px; } .search_listing_info p { margin:0 0 3px 0; line-height:1.2em; } .search_listing_info p.owner_timestamp { margin:0; padding:0; color:#666666; font-size: 90%; } table.search_gallery { border-spacing: 10px; margin:0 0 0 0; } .search_gallery td { padding: 5px; } .search_gallery_item { background: white; width:170px; } .search_gallery_item:hover { background: black; color:white; } .search_gallery_item .search_listing { background: none; text-align: center; } .search_gallery_item .search_listing_header { text-align: center; } .search_gallery_item .search_listing_icon { position: relative; text-align: center; } .search_gallery_item .search_listing_info { margin: 5px; } .search_gallery_item .search_listing_info p { margin: 5px; margin-bottom: 10px; } .search_gallery_item .search_listing { background: none; text-align: center; } .search_gallery_item .search_listing_icon { position: absolute; margin-bottom: 20px; } .search_gallery_item .search_listing_info { margin: 5px; } .search_gallery_item .search_listing_info p { margin: 5px; margin-bottom: 10px; } /* *************************************** FRIENDS *************************************** */ /* friends widget */ #widget_friends_list { display:table; width:275px; margin:0 10px 0 10px; padding:8px 0 4px 8px; background:white; } .widget_friends_singlefriend { float:left; margin:0 5px 5px 0; } /* *************************************** ADMIN AREA - PLUGIN SETTINGS *************************************** */ .plugin_details { margin:0 10px 5px 10px; padding:0 7px 4px 10px; } .admin_plugin_reorder { float:right; width:200px; text-align: right; } .admin_plugin_reorder a { padding-left:10px; font-size:80%; color:#999999; } .plugin_details a.pluginsettings_link { cursor:pointer; font-size:80%; } .active { border:1px solid #999999; background:white; } .not-active { border:1px solid #999999; background:#ddd; } .plugin_details p { margin:0; padding:0; } .plugin_details a.manifest_details { cursor:pointer; font-size:80%; } .manifest_file { background:#ddd; padding:5px 10px 5px 10px; margin:4px 0 4px 0; display:none; } .admin_plugin_enable_disable { width:150px; margin:10px 0 0 0; float:right; text-align: right; } .contentIntro .enableallplugins, .contentIntro .disableallplugins { float:right; } .contentIntro .enableallplugins { margin-left:10px; } .contentIntro .enableallplugins, .not-active .admin_plugin_enable_disable a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#c41f24; border: 1px solid #c41f24; width: auto; padding: 4px; cursor: pointer; } .contentIntro .enableallplugins:hover, .not-active .admin_plugin_enable_disable a:hover { background: #ffa000; text-decoration: none; } .contentIntro .disableallplugins, .active .admin_plugin_enable_disable a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#999999; border: 1px solid #999999; width: auto; padding: 4px; cursor: pointer; } .contentIntro .disableallplugins:hover, .active .admin_plugin_enable_disable a:hover { background: #333333; border: 1px solid #333333; text-decoration: none; } .pluginsettings { margin:15px 0 5px 0; background:#bbdaf7; padding:10px; display:none; } .pluginsettings h3 { padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #999999; } #updateclient_settings h3 { padding:0; margin:0; border:none; } .input-access { margin:5px 0 0 0; } /* *************************************** GENERIC COMMENTS *************************************** */ .generic_comment_owner { font-size: 90%; color:#666666; } .generic_comment { background:#f5f5f5; border:1px solid #ccc; padding:10px; margin:0 10px 10px 10px; } .generic_comment_icon { float:left; } .generic_comment_details { margin-left: 60px; } .generic_comment_details p { margin: 0 0 5px 0; } .generic_comment_owner { color:#666666; margin: 0px; font-size:90%; border-top: 1px solid #aaaaaa; } /* IE6 */ * html #generic_comment_tbl { width:676px !important;} /* *************************************** PAGE-OWNER BLOCK *************************************** */ #owner_block { margin-top:2px; } #owner_block_icon { float:left; margin:0 10px 0 0; } #owner_block_rss_feed, #owner_block_odd_feed, #owner_block_bookmark_this, #owner_block_report_this { padding:5px 0 0 0; } #owner_block_report_this { padding-bottom:5px; } #owner_block_rss_feed a { font-size: 90%; color:#333; padding:0 0 4px 20px; background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/icon_rss.gif) no-repeat left top; } #owner_block_odd_feed a { font-size: 90%; color:#FFFFFF; padding:0 0 4px 20px; background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/icon_odd.gif) no-repeat left top; } #owner_block_bookmark_this a { font-size: 90%; color:#333; padding:0 0 4px 20px; background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/icon_bookmarkthis.gif) no-repeat left top; } #owner_block_report_this a { font-size: 90%; color:#333; padding:0 0 4px 20px; background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/icon_reportthis.gif) no-repeat left top; } #owner_block_rss_feed a:hover, #owner_block_odd_feed a:hover, #owner_block_bookmark_this a:hover, #owner_block_report_this a:hover { color: #c41f24; } #owner_block_desc { padding:4px 3px 4px 5px; margin:0 0 0 0; line-height: 1.2em; color:#666666; background:#FFFFFF; border:1px solid #AAAAAA; } #owner_block_content { margin:0 0 4px 0; padding:3px 0 0 0; min-height:35px; font-weight: bold; } #owner_block_content a { line-height: 1em; color:#000000; } .ownerblockline { padding:0; margin:0; //*border-bottom:1px solid #cccccc;*// height:1px; } #owner_block_submenu { margin:20px 0 20px 0; border:1px solid #ccc; padding: 5px; width:200px; } #owner_block_submenu ul { list-style: none; padding: 0; margin: 0; } #owner_block_submenu ul li.selected a { background: #c41f24; color:white; } #owner_block_submenu ul li.selected a:hover { background: #8db01f; color:white; } #owner_block_submenu ul li a { text-decoration: none; display: block; margin: 2px 0 0 0; color:#000000; padding:4px 6px 4px 10px; font-weight: bold; line-height: 1.1em; } #owner_block_submenu ul li a:hover { color:white; background: #8db01f; } /* IE 6 + 7 menu arrow position fix */ * html #owner_block_submenu ul li.selected a { background-position: left 10px; } *:first-child+html #owner_block_submenu ul li.selected a { background-position: left 8px; } #owner_block_submenu .submenu_group { margin:10px 0 0 0; padding-bottom: 10px; } #owner_block_submenu .submenu_group .submenu_group_filter ul li a, #owner_block_submenu .submenu_group .submenu_group_filetypes ul li a { color:#555555; } #owner_block_submenu .submenu_group .submenu_group_filter ul li.selected a, #owner_block_submenu .submenu_group .submenu_group_filetypes ul li.selected a { background:#999999; color:white; } #owner_block_submenu .submenu_group .submenu_group_filter ul li a:hover, #owner_block_submenu .submenu_group .submenu_group_filetypes ul li a:hover { color:white; background: #999999; } /* *************************************** PAGINATION *************************************** */ .pagination { background: none; padding:5px; } .pagination .pagination_number { display:block; float:left; background:#ffffff; border:1px solid #c41f24; text-align: center; color:#c41f24; font-size: 12px; font-weight: normal; margin:0 6px 0 0; padding:0px 4px; cursor: pointer; } .pagination .pagination_number:hover { background:#c41f24; color:white; text-decoration: none; } .pagination .pagination_more { display:block; float:left; background:#ffffff; border:1px solid #ffffff; text-align: center; color:#c41f24; font-size: 12px; font-weight: normal; margin:0 6px 0 0; padding:0px 4px; } .pagination .pagination_previous, .pagination .pagination_next { display:block; float:left; border:1px solid #c41f24; color:#c41f24; text-align: center; font-size: 12px; font-weight: normal; margin:0 6px 0 0; padding:0px 4px; cursor: pointer; } .pagination .pagination_previous:hover, .pagination .pagination_next:hover { background:#c41f24; color:white; text-decoration: none; } .pagination .pagination_currentpage { display:block; float:left; background:#c41f24; border:1px solid #c41f24; text-align: center; color:white; font-size: 12px; font-weight: bold; margin:0 6px 0 0; padding:0px 4px; cursor: pointer; } /* *************************************** FRIENDS COLLECTIONS ACCORDIAN *************************************** */ ul#friends_collections_accordian { margin: 0 0 0 0; padding: 0; } #friends_collections_accordian li { margin: 0 0 0 0; padding: 0; list-style-type: none; color: #666666; } #friends_collections_accordian li h2 { background:#c41f24; color: white; padding:4px 2px 4px 6px; margin:10px 0 10px 0; font-size:1.2em; cursor:pointer; } #friends_collections_accordian li h2:hover { background:#333333; color:white; } #friends_collections_accordian .friends_picker { background:white; padding:0; display:none; } #friends_collections_accordian .friends_collections_controls { font-size:70%; float:right; } #friends_collections_accordian .friends_collections_controls a { color:#999999; font-weight:normal; } /* *************************************** FRIENDS PICKER SLIDER *************************************** */ .friendsPicker_container h3 { font-size:4em !important; text-align: left; margin:0 0 10px 0 !important; color:#999999 !important; background: none !important; padding:0 !important; } .friendsPicker .friendsPicker_container .panel ul { text-align: left; margin: 0; padding:0; } .friendsPicker_wrapper { margin: 0; padding:0; position: relative; width: 100%; } .friendsPicker { position: relative; overflow: hidden; margin: 0; padding:0; width: 678px; height: auto; background: #ddd; } .friendspicker_savebuttons { background: white; margin:0 10px 10px 10px; } .friendsPicker .friendsPicker_container { /* long container used to house end-to-end panels. Width is calculated in JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; } .friendsPicker .friendsPicker_container .panel { float:left; height: 100%; position: relative; width: 678px; margin: 0; padding:0; } .friendsPicker .friendsPicker_container .panel .wrapper { margin: 0; padding:4px 10px 10px 10px; min-height: 230px; } .friendsPickerNavigation { margin: 0 0 10px 0; padding:0; } .friendsPickerNavigation ul { list-style: none; padding-left: 0; } .friendsPickerNavigation ul li { float: left; margin:0; background:white; } .friendsPickerNavigation a { font-weight: bold; text-align: center; background: white; color: #999999; text-decoration: none; display: block; padding: 0; width:20px; } .tabHasContent { background: white; color:#333333 !important; } .friendsPickerNavigation li a:hover { background: #333333; color:white !important; } .friendsPickerNavigation li a.current { background: #c41f24; color:white !important; } .friendsPickerNavigationAll { margin:0px 0 0 20px; float:left; } .friendsPickerNavigationAll a { font-weight: bold; text-align: left; font-size:0.8em; background: white; color: #999999; text-decoration: none; display: block; padding: 0 4px 0 4px; width:auto; } .friendsPickerNavigationAll a:hover { background: #c41f24; color:white; } .friendsPickerNavigationL, .friendsPickerNavigationR { position: absolute; top: 46px; text-indent: -9000em; } .friendsPickerNavigationL a, .friendsPickerNavigationR a { display: block; height: 43px; width: 43px; } .friendsPickerNavigationL { right: 48px; z-index:1; } .friendsPickerNavigationR { right: 0; z-index:1; } .friendsPickerNavigationL { background: url("http://www.oncampusdrama.com/mod/buddytalk/graphics/friends_picker_arrows.gif") no-repeat left top; } .friendsPickerNavigationR { background: url("http://www.oncampusdrama.com/mod/buddytalk/graphics/friends_picker_arrows.gif") no-repeat -60px top; } .friendsPickerNavigationL:hover { background: url("http://www.oncampusdrama.com/mod/buddytalk/graphics/friends_picker_arrows.gif") no-repeat left -44px; } .friendsPickerNavigationR:hover { background: url("http://www.oncampusdrama.com/mod/buddytalk/graphics/friends_picker_arrows.gif") no-repeat -60px -44px; } .friends_collections_controls a.delete_collection { display:block; cursor: pointer; width:14px; height:14px; margin:2px 3px 0 0; background: url("http://www.oncampusdrama.com/_graphics/icon_customise_remove.png") no-repeat 0 0; } .friends_collections_controls a.delete_collection:hover { background-position: 0 -16px; } .friendspicker_savebuttons .submit_button, .friendspicker_savebuttons .cancel_button { margin:5px 20px 5px 5px; } #collectionMembersTable { background: #ddd; margin:10px 0 0 0; padding:10px 10px 0 10px; } /* *************************************** WIDGET PICKER (PROFILE & DASHBOARD) *************************************** */ /* 'edit page' button */ a.toggle_customise_edit_panel { float:right; clear:right; color: #c41f24; background: white; border:1px solid #cccccc; padding: 5px 10px 5px 10px; margin:0 0 20px 0; width:280px; text-align: left; } a.toggle_customise_edit_panel:hover { color: #ffffff; background: #333; border:1px solid #333; text-decoration:none; } #customise_editpanel { display:none; margin: 0 0 20px 0; padding:10px; background: #fff3e3; } /* Top area - instructions */ .customise_editpanel_instructions { width:690px; padding:0 0 10px 0; } .customise_editpanel_instructions h2 { padding:0 0 10px 0; } .customise_editpanel_instructions p { margin:0 0 5px 0; line-height: 1.4em; } /* RHS (widget gallery area) */ #customise_editpanel_rhs { float:right; width:230px; border::1px solid #ccc; background:white; } #customise_editpanel #customise_editpanel_rhs h2 { color:#333333; font-size: 1.4em; margin:0; padding:6px; } #widget_picker_gallery { border-top:1px solid #cccccc; background:white; width:210px; height:340px; padding:10px; overflow:scroll; overflow-x:hidden; } #customise_page_view {/* main page widget area */ width:656px; padding:10px; margin:0 0 10px 0; background:white; } #customise_page_view h2 { border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; margin:0; padding:5px; width:200px; color: #333; background: #ddd; font-size:1.25em; line-height: 1.2em; } #profile_box_widgets { width:422px; margin:0 10px 10px 0; padding:5px 5px 0px 5px; min-height: 50px; border:1px solid #cccccc; background: #ddd; } #customise_page_view h2.profile_box { width:422px; color: #999999; } #profile_box_widgets p { color:#999999; } #leftcolumn_widgets { width:200px; margin:0 10px 0 0; padding:5px 5px 40px 5px; min-height: 190px; border:1px solid #cccccc; } #middlecolumn_widgets { width:200px; margin:0 10px 0 0; padding:5px 5px 40px 5px; min-height: 190px; border:1px solid #cccccc; } #rightcolumn_widgets { width:200px; margin:0; padding:5px 5px 40px 5px; min-height: 190px; border:1px solid #cccccc; } #rightcolumn_widgets.long { min-height: 288px; } /* IE6 fix */ * html #leftcolumn_widgets { height: 190px; } * html #middlecolumn_widgets { height: 190px; } * html #rightcolumn_widgets { height: 190px; } * html #rightcolumn_widgets.long { height: 338px; } #customise_editpanel table.draggable_widget { width:200px; background: #cccccc; margin: 10px 0 0 0; vertical-align:text-top; border:1px solid #cccccc; } #widget_picker_gallery table.draggable_widget { width:200px; background: #cccccc; margin: 10px 0 0 0; } /* take care of long widget names */ #customise_editpanel table.draggable_widget h3 { word-wrap:break-word;/* safari, webkit, ie */ width:140px; line-height: 1.1em; overflow: hidden;/* ff */ padding:4px; } #widget_picker_gallery table.draggable_widget h3 { word-wrap:break-word; width:145px; line-height: 1.1em; overflow: hidden; padding:4px; } #customise_editpanel img.more_info { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/icon_customise_info.gif) no-repeat top left; cursor:pointer; } #customise_editpanel img.drag_handle { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/icon_customise_drag.gif) no-repeat top left; cursor:move; } #customise_editpanel img { margin-top:4px; } #widget_moreinfo { position:absolute; border:1px solid #333333; background:#fff3e3; color:#333333; padding:5px; display:none; width: 200px; line-height: 1.2em; } /* droppable area hover class */ .droppable-hover { background:#bbdaf7; } /* target drop area class */ .placeholder { border:2px dashed #AAA; width:196px !important; margin: 10px 0 10px 0; } /* class of widget while dragging */ .ui-sortable-helper { background: #c41f24; color:white; padding: 4px; margin: 10px 0 0 0; width:200px; } /* IE6 fix */ * html .placeholder { margin: 0; } /* IE7 */ *:first-child+html .placeholder { margin: 0; } /* IE6 fix */ * html .ui-sortable-helper h3 { padding: 4px; } * html .ui-sortable-helper img.drag_handle, * html .ui-sortable-helper img.remove_me, * html .ui-sortable-helper img.more_info { padding-top: 4px; } /* IE7 */ *:first-child+html .ui-sortable-helper h3 { padding: 4px; } *:first-child+html .ui-sortable-helper img.drag_handle, *:first-child+html .ui-sortable-helper img.remove_me, *:first-child+html .ui-sortable-helper img.more_info { padding-top: 4px; } /* *************************************** BREADCRUMBS *************************************** */ #pages_breadcrumbs { font-size: 80%; color:#333333; padding:0; margin:2px 0 0 10px; } #pages_breadcrumbs a { color:#118908; text-decoration: none; } #pages_breadcrumbs a:hover { text-decoration: underline; } /* *************************************** MISC. *************************************** */ /* reusable generic collapsible box */ .collapsible_box { background:#ddd; padding:5px 10px 5px 10px; margin:4px 0 4px 0; display:none; } a.collapsibleboxlink { cursor:pointer; } /* tag icon */ .object_tag_string { background: url(http://www.oncampusdrama.com/mod/buddytalk/graphics/icon_tag.gif) no-repeat left 2px; padding:0 0 0 14px; margin:0; } /* profile picture upload n crop page */ #profile_picture_form { height:145px; } #current_user_avatar { float:left; width:160px; height:130px; border-right:1px solid #cccccc; margin:0 20px 0 0; } #profile_picture_croppingtool { border-top: 1px solid #cccccc; margin:20px 0 0 0; padding:10px 0 0 0; } #profile_picture_croppingtool #user_avatar { float: left; margin-right: 20px; } #profile_picture_croppingtool #applycropping { } #profile_picture_croppingtool #user_avatar_preview { float: left; position: relative; overflow: hidden; width: 100px; height: 100px; } /* *************************************** SETTINGS & ADMIN *************************************** */ .admin_statistics, .admin_users_online, .usersettings_statistics, .admin_adduser_link, #add-box, #search-box, #logbrowser_search_area { background:white; margin:0 10px 10px 10px; padding:10px; } .usersettings_statistics h3, .admin_statistics h3, .admin_users_online h3, .user_settings h3, .notification_methods h3 { background:#e4e4e4; color:#333333; font-size:1.1em; line-height:1em; margin:0 0 10px 0; padding:5px; } h3.settings { background:#e4e4e4; color:#333333; font-size:1.1em; line-height:1em; margin:10px 0 4px 0; padding:5px; } .admin_users_online .profile_status { background:#8ce08c; line-height:1.2em; padding:2px 4px; } .admin_users_online .profile_status span { font-size:90%; color:#666666; } .admin_users_online p.owner_timestamp { padding-left:3px; } .admin_debug label, .admin_usage label { color:#333333; font-size:100%; font-weight:normal; } .admin_usage { border-bottom:1px solid #cccccc; padding:0 0 20px 0; } .usersettings_statistics .odd, .admin_statistics .odd { } .usersettings_statistics .even, .admin_statistics .even { } .usersettings_statistics td, .admin_statistics td { padding:2px 4px 2px 4px; border-bottom:1px solid #cccccc; } .usersettings_statistics td.column_one, .admin_statistics td.column_one { width:200px; } .usersettings_statistics table, .admin_statistics table { width:100%; } .usersettings_statistics table, .admin_statistics table { border-top:1px solid #cccccc; } .usersettings_statistics table tr:hover, .admin_statistics table tr:hover { background: #E4E4E4; } .admin_users_online .search_listing { margin:0 0 5px 0; padding:5px; border:2px solid #cccccc; } /* force tinyMCE editor initial width for safari */ .mceLayout { width:683px; } p.longtext_editarea { margin:0 !important; } .toggle_editor_container { margin:0 0 15px 0; } /* add/remove longtext tinyMCE editor */ a.toggle_editor { display:block; float:right; text-align:right; color:#666666; font-size:1em; font-weight:normal; } div.ajax_loader { background: white url(http://www.oncampusdrama.com/mod/buddytalk/graphics/ajax_loader_bw.gif) no-repeat center 30px; width:auto; height:100px; margin:0 10px 0 10px; } /* reusable elgg horizontal tabbed navigation (used on friends collections, external pages, & riverdashboard mods) */ #elgg_horizontal_tabbed_nav { margin:0 0 5px 0; padding: 0; border-bottom: 1px solid #cccccc; display:table; width:100%; } #elgg_horizontal_tabbed_nav ul { list-style: none; padding: 0; margin: 0; } #elgg_horizontal_tabbed_nav li { float: left; border: 1px solid #cccccc; border-bottom-width: 0; background: #eeeeee; margin: 0 0 0 10px; } #elgg_horizontal_tabbed_nav a { text-decoration: none; display: block; padding:3px 10px 0 10px; color: #999999; text-align: center; height:21px; } /* IE6 fix */ * html #elgg_horizontal_tabbed_nav a { display: inline; } #elgg_horizontal_tabbed_nav a:hover { color: #fff; background: #c41f24; border-bottom:none; } #elgg_horizontal_tabbed_nav .selected { border-color: #cccccc; background: white; } #elgg_horizontal_tabbed_nav .selected a { position: relative; top: 2px; background: white; color: #c41f24; } /* IE6 fix */ * html #elgg_horizontal_tabbed_nav .selected a { top: 3px; } /* *************************************** ADMIN AREA - REPORTED CONTENT *************************************** */ .reportedcontent_content { margin:0 0 5px 0; padding:0 7px 4px 10px; } .reportedcontent_content p.reportedcontent_detail, .reportedcontent_content p { margin:0; } .active_report { border:1px solid #D3322A; background:#F7DAD8; } .archived_report { border:1px solid #666666; background:#ddd; } a.archive_report_button { float:right; font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#c41f24; border: 1px solid #c41f24; width: auto; padding: 4px; margin:15px 0 0 20px; cursor: pointer; } a.archive_report_button:hover { background: #ffa000; text-decoration: none; } a.delete_report_button { float:right; font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#999999; border: 1px solid #999999; width: auto; padding: 4px; margin:15px 0 0 20px; cursor: pointer; } a.delete_report_button:hover { background: #333333; border: 1px solid #333333; text-decoration:none; } .reportedcontent_content .collapsible_box { background: white; } /* *************************************** Custom Settings *************************************** */ #add_post_link a{ border-top:none; margin:inherit; color:#FFFFFF; padding:0 0 5px 5px; font-size:1.25em; line-height:1.2em; font-weight:bold; } .sidebarBox { border:1px solid #ccc; background:#ddd; } .sidebarBox #thewire_sidebarInputBox { margin:5px; width:190px; } .sidebarBox .last_wirepost { margin:20px 0 20px 0; width:200px; padding:5px; } .sidebarBox .last_wirepost .thewire-singlepage { margin:0; } .sidebarBox .last_wirepost .thewire-singlepage .thewire_options { display:none; } .sidebarBox .last_wirepost .thewire-singlepage .note_date { line-height: 1em; padding:3px 0 0 0; width:142px; } .sidebarBox .last_wirepost .thewire-singlepage .note_body { color:#666666; line-height: 1.2em; } .sidebarBox .last_wirepost .thewire-singlepage .thewire-post { background-position: 130px bottom; } .sidebarBox .thewire_characters_remaining { float:right; } .sidebarBox input.thewire_characters_remaining_field { background: #ddd; } .sidebarBox input.thewire_characters_remaining_field:focus { background: #ddd; border:none; } .sidebarBox input#thewire_submit_button { margin:2px 0 0 0; padding:2px 2px 1px 2px; height:auto; } .sidebarBox .membersWrapper { background: white; padding:7px; border:1px solid #CCC; } .sidebarBox .membersWrapper .recentMember { margin:1px; float:left; border:1px solid #CCC; padding:2px; } /* br necessary for ie6 & 7 */ .sidebarBox .membersWrapper br { height:0; line-height:0; } .riverdashboard_filtermenu { margin:10px 0 10px 0; } .river_pagination .forward, .river_pagination .back { display:block; float:left; border:1px solid #c41f24; color:#c41f24; text-align: center; font-size: 12px; font-weight: normal; margin:0 6px 0 0; padding:0 4px 1px 4px; cursor: pointer; } .river_pagination .forward:hover, .river_pagination .back:hover { background:#fff3e3; color:#ffa000; text-decoration: none; border:1px solid #ffa000; } .river_pagination .back { margin:0 20px 0 0; } /* IE6 */ * html .river_pagination { margin-top:17px; } /* IE7 */ *:first-child+html .river_pagination { margin-top:17px; } /* activity widget */ .collapsable_box_content .river_item p { color:#333333; } .collapsable_box_content .content_area_user_title h2 { font-size:13px; line-height:14px;; margin:0; padding:0 0 2px 0; color:#c41f24; } .river_content img { margin:2px 0 2px 20px; } /* Text inside the banner ads container */ .ad_container { font-weight: normal; font-size: 11px; color: #bbbec1; text-decoration: none;} .ad_container a:link { font-weight: normal; font-size: 11px; color: #c41f24; text-decoration: none;} .ad_container a:visited { font-size: 11px; color: #c41f24; text-decoration: none;} .ad_container a:hover { font-size: 11px; color: #ffffff; text-decoration: underline;} .ad_container a:active { font-size: 11px; color: #ffffff; text-decoration: underline;} .ad_container a:focus { font-size: 11px; color: #ffffff; text-decoration: underline;} .top-videos { list-style:none; overflow:hidden; margin:-5px;} .top-videos li { width:150px; height:180px; float:left; margin:5px;} .top-videos h3 { background:none; margin:0; padding:0; color:#C41F24; font-size:13px; height:auto; line-height:18px;} .top-videos span { display:block; overflow:hidden; width:150px; height:110px; background-color:#000000;} .top-videos img { width:150px;} .description { margin-top:10px;} .description p { margin-bottom:0px;} .title h3 {height:auto; line-height:28px; font-size:14px; font-family: Verdana, Geneva, sans-serif;} #profile_icon_wrapper { float:left; width:auto; background:#bbe0ee; height:auto; border:1px solid #ccc; padding:5px; } .usericon { position:relative; } .avatar_menu_button { width:15px; height:15px; position:absolute; cursor:pointer; display:none; right:0; bottom:0; } .avatar_menu_arrow { background: url(http://www.oncampusdrama.com/mod/web1/graphics/avatar_menu_arrows.gif) no-repeat left top; width:15px; height:15px; } .avatar_menu_arrow_on { background: url(http://www.oncampusdrama.com/mod/web1/graphics/avatar_menu_arrows.gif) no-repeat left -16px; width:15px; height:15px; } .avatar_menu_arrow_hover { background: url(http://www.oncampusdrama.com/mod/web1/graphics/avatar_menu_arrows.gif) no-repeat left -32px; width:15px; height:15px; } .usericon div.sub_menu { display:none; position:absolute; padding:2px; margin:0; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; width:160px; background:#FFFFFF; text-align:left; } div.usericon a.icon img { z-index:10; } .usericon div.sub_menu a {margin:0;padding:2px;} .usericon div.sub_menu a:link, .usericon div.sub_menu a:visited, .usericon div.sub_menu a:hover{ display:block;} .usericon div.sub_menu a:hover{ background:#cccccc; text-decoration:none;} .usericon div.sub_menu h3 { font-size:1.2em; padding-bottom:3px; border-bottom:solid 1px #dddddd; color: #4690d6; margin:0 !important; } .usericon div.sub_menu h3:hover { } .user_menu_addfriend, .user_menu_removefriend, .user_menu_profile, .user_menu_friends, .user_menu_friends_of, .user_menu_blog, .user_menu_file, .user_menu_messages, .user_menu_admin, .user_menu_pages { margin:0; padding:0; } .user_menu_admin { border-top:solid 1px #dddddd; } .user_menu_admin a { color:red; } .user_menu_admin a:hover { color:white !important; background:red !important; } .resetdefaultprofile { padding:0 10px 0 10px; } .resetdefaultprofile input[type="submit"] { background: #dedede; border-color: #dedede; color:#333333; } .resetdefaultprofile input[type="submit"]:hover { background: red; border-color: red; color:white; } /* Banned user */ #profile_banned { background-color:#FF8888; border:3px solid #FF0000; padding:2px; } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox .body { padding: 10px; background: white; width: 730px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } #facebox .loading { text-align: center; padding: 100px 10px 100px 10px; } #facebox .image { text-align: center; } #facebox .footer { float: right; width:22px; height:22px; margin:0; padding:0; } #facebox .footer img.close_image { background: url(http://www.oncampusdrama.com/mod/embed/images/close_button.gif) no-repeat left top; } #facebox .footer img.close_image:hover { background: url(http://www.oncampusdrama.com/mod/embed/images/close_button.gif) no-repeat left -31px; } #facebox .footer a { -moz-outline: none; outline: none; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* EMBED MEDIA TABS */ #embed_media_tabs { margin:10px 0 0 10px; padding:0; } #embed_media_tabs ul { list-style: none; padding-left: 0; } #embed_media_tabs ul li { float: left; margin:0; background:white; } #embed_media_tabs ul li a { font-weight: bold; font-size:1.35em; text-align: center; text-decoration: none; color:#b6b6b6; background: white; display: block; padding: 0 10px 0 10px; margin:0 10px 0 10px; height:25px; width:auto; border-top:2px solid #dedede; border-left:2px solid #dedede; border-right:2px solid #dedede; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } /* IE6 fix */ * html #embed_media_tabs ul li a { display: inline; } #embed_media_tabs ul li a:hover { background:#b6b6b6; color:white; border-top:2px solid #b6b6b6; border-left:2px solid #b6b6b6; border-right:2px solid #b6b6b6; } #embed_media_tabs ul li a.embed_tab_selected { border-top:2px solid #dedede; border-left:2px solid #dedede; border-right:2px solid #dedede; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; background: #dedede; color:#666666; position: relative; /* top: 2px; - only needed if selected tab needs to sit over a border */ } #mediaUpload, #mediaEmbed { margin:0 5px 10px 5px; padding:10px; border:2px solid #dedede; -webkit-border-radius: 8px; -moz-border-radius: 8px; background: #dedede; } #mediaEmbed .search_listing { margin:0 0 5px 0; } h1.mediaModalTitle { color:#0054A7; font-size:1.35em; line-height:1.2em; margin:0 0 0 8px; padding:5px; } #mediaEmbed .pagination, #mediaUpload .pagination { float:right; margin:0; } #mediaUpload label { font-size:120%; } #mediaEmbed p.embedInstructions { margin:10px 0 5px 0; } a.embed_media { margin:0; float:right; display:block; text-align: right; font-size:1.0em; font-weight: normal; } label a.embed_media { font-size:0.8em; } /*------------------------------- MESSAGING PLUGIN -------------------------------*/ #messages { margin:0 10px 0 10px; } .actiontitle { font-weight: bold; font-size: 110%; margin: 0 0 10px 0; } #messages .pagination { margin:5px 0 5px 0; } #messages input[type="checkbox"] { margin:0; padding:0; border:none; } .messages_buttonbank { background:white; margin:5px 10px; padding:5px; text-align: right; } .messages_buttonbank input { margin:0 0 0 10px; } .messages_buttonbank input[type="button"] { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #4690D6; background:#dddddd; border: 1px solid #999999; width: auto; height: 25px; padding: 2px 6px 2px 6px; margin:0 0 0 10px; cursor: pointer; } .messages_buttonbank input[type="button"]:hover { background: #0054a7; border: 1px solid #0054a7; color:white; } #messages td { text-align: left; vertical-align:middle; padding: 5px; } #messages .message_sent { margin-bottom: 5px; background: white; border:1px solid #cccccc; } #messages .message_notread { margin-bottom: 5px; background: #F7DAD8; border:1px solid #ff6c7c; } #messages .message_read { margin-bottom: 5px; background: white; border:1px solid #cccccc; } #messages .message_notread td { } #messages .message_read td { } #messages .delete_msg a { display:block; cursor: pointer; width:14px; height:14px; margin:0; background: url("http://www.oncampusdrama.com/_graphics/icon_customise_remove.png") no-repeat right 0; text-indent: -9000px; float:right; } #messages .delete_msg a:hover { background-position: right -16px; } /* IE6 */ * html #messages .delete_msg a { background-position: right 4px; } * html #messages .delete_msg a:hover { background-position: right 4px; } #messages .usericon, #messages .groupicon { float: left; margin: 0 15px 0 0; } #messages .msgsender { color:#666666; line-height: 1em; margin:0; padding:0; float:left; } #messages .msgsender small { color:#AAAAAA; } #messages .msgsubject { font-size: 120%; line-height: 100%; } .msgsubject { font-weight:bold; } .messages_single_icon { float: left; width:110px; } .messages_single_icon .usericon, .messages_single_icon .groupicon { float: left; margin: 0 10px 10px 0; } /* view and reply to message view */ .message_body { margin-left: 120px; } .message_body .messagebody { padding:0; margin:10px 0 10px 0; font-size: 120%; border-bottom:1px solid #cccccc; } /* drop down message reply form */ #message_reply_form { display:none; } .new_messages_count { color:#666666; } /* tinyMCE container */ #message_reply_editor #message_tbl { width:680px !important; } /* IE6 */ * html #message_reply_editor #message_tbl { width:676px !important;} #messages_return { margin:4px 0 4px 10px; } #messages_return p { margin:0; } .messages_single { background: white; margin:0 10px 10px 10px; padding:10px; } /* when displaying original msg in reply view */ .previous_message { background:#dedede; padding:10px; margin:0 0 20px 0; } .previous_message p { padding:0; margin:0 0 5px 0; font-size: 100%; } #notificationstable td.sitetogglefield { width:50px; text-align: center; vertical-align: middle; } #notificationstable td.sitetogglefield input { margin-right:36px; margin-top:5px; } #notificationstable td.sitetogglefield a { width:46px; height:24px; cursor: pointer; display: block; outline: none; } #notificationstable td.sitetogglefield a.sitetoggleOff { background: url(http://www.oncampusdrama.com/mod/web1/graphics/icon_notifications_site.gif) no-repeat right 2px; } #notificationstable td.sitetogglefield a.sitetoggleOn { background: url(http://www.oncampusdrama.com/mod/web1/graphics/icon_notifications_site.gif) no-repeat right -36px; } .categories .input-checkboxes { padding:0; margin:2px 5px 0 0; } .categories label { font-size: 100%; line-height:1.2em; } #two_column_left_sidebar_maincontent .contentWrapper h2.categoriestitle { color:#FFFFFF; font-size:120%; margin:0; padding:0 0 3px 10px; } #two_column_left_sidebar_maincontent .contentWrapper .categories { border:1px solid #CCCCCC; padding:5px; margin:0 0 15px 0; } #two_column_left_sidebar_maincontent .contentWrapper .categories p { margin:0; } #two_column_left_sidebar_maincontent .contentWrapper .blog_post .categories { border:none; margin:0; padding:0; } #two_column_left_sidebar .blog_categories { background:white; border:1px solid #ccc; padding:10px; width:190px; } #two_column_left_sidebar .blog_categories h2 { background:none; border-bottom:1px solid #ccc; margin:0; padding:0 0 5px 0; font-size:12px; line-height:1.2em; color:#333; } #two_column_left_sidebar .blog_categories ul { color:#0054A7; margin:5px 0 0 0; } #twitter_widget { margin:0 10px 0 10px; } #twitter_widget ul { margin:0; padding:0; } #twitter_widget li { background: url(http://www.oncampusdrama.com/mod/web1/graphics/thewire_speech_bubble.gif) no-repeat right bottom; list-style-image:none; list-style-type:none; margin:0 0 5px 0; padding:0; overflow-x: hidden; } #twitter_widget li span { color:#666666; background:white; padding:5px; display:block; } p.visit_twitter a { background:url(http://www.oncampusdrama.com/mod/twitter/graphics/twitter.png) left no-repeat; padding:0 0 0 20px; margin:0; } .visit_twitter { background:white; padding:2px; margin:0 0 5px 0; } #twitter_widget li a { display:block; margin:0 0 0 4px; color:#FFFFFF; } #twitter_widget li span a { display:inline !important; color:#0026A1; } /* input msg area */ #mb_input_wrapper { margin:0 10px 5px 10px; border:1px solid #ccc; padding:5px; background: white; } #mb_input_wrapper .input_textarea { width:675px; } .collapsable_box_content #mb_input_wrapper .input_textarea { width:259px; } .message_item_timestamp { font-size:90%; padding:10px 0 0 0; } p.message_item_timestamp { margin-bottom: 10px; } /* wraps each message */ .messageboard { margin:0 10px 5px 10px; padding:0; border:1px solid #ccc; background: white; } .messageboard .message_sender { float:left; margin: 5px 10px 0 5px; } /* IE6 */ * html .messageboard { width: 280px; } * html #two_column_left_sidebar_maincontent .messageboard { width: 667px; } * html .messageboard .message_sender { margin: 5px 10px 0 2px; } * html #mb_input_wrapper .input_textarea { width:645px; } /* IE7 */ *:first-child+html .messageboard { width: 280px; } *:first-child+html #two_column_left_sidebar_maincontent .messageboard { width: 698px; } *:first-child+html .messageboard .message_sender { margin: 5px 10px 0 2px; } .messageboard .message p { line-height: 1.2em; background:#dedede; margin:0 6px 4px 6px; padding:4px; overflow-y:hidden; overflow-x:auto; color:#333333; } .message_buttons { padding:0 0 3px 4px; margin:0; font-size: 90%; color:#666666; } .messageboard .delete_message a { display:block; float:right; cursor: pointer; width:14px; height:14px; margin:0 3px 3px 0; background: url("http://www.oncampusdrama.com/_graphics/icon_customise_remove.png") no-repeat 0 0; text-indent: -9000px; } .messageboard .delete_message a:hover { background-position: 0 -16px; } /* widget */ .thewire-singlepage { margin:0; } .thewire-singlepage .note_body { background: white; } .collapsable_box_content .note_body { line-height:1.2em; } .thewire-singlepage .thewire-post { border:1px solid #ccc; } .thewire-post { background:#fff3e3; margin-bottom:10px; } .thewire-post .note_date { font-size:85%; color:#111111; padding:0; } .thewire_icon { float:left; margin:0 8px 4px 2px; } .note_body { margin:0; padding:6px 4px 4px 4px; min-height: 40px; line-height: 1.4em; } .thewire_options { float:right; width:65px; } .thewire-post .reply { font: 11px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#ffa000; width: auto; padding: 0 3px 2px 3px; margin:0 0 5px 5px; cursor: pointer; float:right; } .thewire-post .reply:hover { background: #359e0e; color:white; text-decoration: none; } .thewire-post .delete_note { width:14px; height:14px; margin:3px 0 0 0; float:right; } .thewire-post .delete_note a { display:block; cursor: pointer; width:14px; height:14px; background: url("http://www.oncampusdrama.com/_graphics/icon_customise_remove.png") no-repeat 0 0; text-indent: -9000px; } .thewire-post .delete_note a:hover { background-position: 0 -16px; } /* IE 6 fix */ * html .thewire-post .delete_note a { background-position-y: 2px; } * html .thewire-post .delete_note a:hover { background-position-y: -14px; } .post_to_wire { background: white; margin:0 10px 10px 10px; padding:10px; } .post_to_wire input[type="submit"] { margin:0; } /* reply form */ textarea#thewire_large-textarea { width: 620px; height: 40px; padding: 6px; font-family: Arial, 'Trebuchet MS','Lucida Grande', sans-serif; font-size: 100%; color:#666666; } /* IE 6 fix */ * html textarea#thewire_large-textarea { width: 620px; } input.thewire_characters_remaining_field { color:#333333; border:none; font-size: 100%; font-weight: bold; padding:0 2px 0 0; margin:0; text-align: right; background: white; } input.thewire_characters_remaining_field:focus { border:none; background:white; } .thewire_characters_remaining { text-align: right; color:#000000; } #thewire_sidebarInputBox { width:100%; height:22px; background-color:#ffffff; border: 3px solid #c41f24; } #logbrowserSearchform { padding: 10px; background-color: #dedede; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .log_entry { width: 699px; font-size: 80%; background:white; margin:0 10px 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:1px solid white; } .log_entry td { } .log_entry_user { width: 120px; } .log_entry_time { width: 210px; padding:2px; } .log_entry_item { } .log_entry_action { width: 75px; } .singleview { margin-top:10px; } .blog_post_icon { float:left; margin:3px 0 0 0; padding:0; } .blog_post h3 { padding:10px; color:#fff; background:none; border:none; } .blog_post h3 a { text-decoration: none; font:20px Arial; } .blog_post p { margin: 10px; } .blog_post .strapline { margin: 0 0 0 35px; padding:0; color: #aaa; line-height:1em; } .blog_post p.tags { background:transparent url(http://www.oncampusdrama.com/_graphics/icon_tag.gif) no-repeat scroll left 2px; margin:0 0 7px 35px; padding:0pt 0pt 0pt 16px; min-height:22px; } .blog_post .options { margin:0; padding:0; } .blog_post_body img[align="left"] { margin: 10px 10px 10px 0; float:left; } .blog_post_body img[align="right"] { margin: 10px 0 10px 10px; float:right; } .blog_post_body img { margin: 10px !important; } .blog-comments h3 { font-size: 150%; margin-bottom: 10px; } .blog-comment { margin-top: 10px; margin-bottom:20px; border-bottom: 1px solid #aaaaaa; } .blog-comment img { float:left; margin: 0 10px 0 0; } .blog-comment-menu { margin:0; } .blog-comment-byline { background: #dddddd; height:22px; padding-top:3px; margin:0; } .blog-comment-text { margin:5px 0 5px 0; } /* New blog edit column */ #blog_edit_page { /* background: #bbdaf7; */ margin-top:5px; } #blog_edit_page #content_area_user_title h2 { background: #c41f24; border-top: none; margin:5px; } #blog_edit_page #blog_edit_sidebar #content_area_user_title h2 { background:#c41f24; border-top:none; margin:inherit; color:#FFFFFF; padding:2px 0 2px 2px; font-size:14px; height:20px; line-height:18px; } #blog_edit_page #blog_edit_sidebar { margin:0px 0 10px 0; background: #f5f5f5; padding:0; border:1px solid #cccccc; } #blog_edit_page #two_column_left_sidebar_210 { width:220px; margin:0px 0 10px 0px; min-height:360px; float:left; padding:0; } #blog_edit_page #two_column_left_sidebar_maincontent { margin:0 0px 20px 20px; padding:10px 20px 20px 20px; width:670px; background: #fff; border:1px solid #ccc; } /* unsaved blog post preview */ .blog_previewpane { border:1px solid #D3322A; background:#F7DAD8; padding:10px; margin:10px; } .blog_previewpane p { margin:0; } #blog_edit_sidebar .publish_controls, #blog_edit_sidebar .blog_access, #blog_edit_sidebar .publish_options, #blog_edit_sidebar .publish_blog, #blog_edit_sidebar .allow_comments, #blog_edit_sidebar .categories { margin:0 5px 5px 5px; border-top:1px solid #cccccc; } #blog_edit_page ul { padding-left:0px; margin:5px 0 5px 0; list-style: none; } #blog_edit_page p { margin:5px 0 5px 0; } #blog_edit_page #two_column_left_sidebar_maincontent p { margin:0 0 15px 0; } #blog_edit_page .publish_blog input[type="submit"] { font-weight: bold; padding:2px; height:auto; } #blog_edit_page .preview_button a { -x-system-font:none; background:white none repeat scroll 0 0; color:#fff; background:#333; cursor:pointer; float:right; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; height:auto; line-height:14px; padding:5px; width:auto; } #blog_edit_page .preview_button a:hover { background:#8db01f; color:white; text-decoration: none; } #blog_edit_page .allow_comments label { font-size: 100%; } p.filerepo_owner { margin:0; padding:0; } .filerepo_owner_details { margin:0; padding:0; line-height: 1.2em; } .filerepo_owner_details small { color:#666666; } .filerepo_owner .usericon { margin: 3px 5px 5px 0; float: left; } .filerepo_download a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: white; background:#378cac; border:none; width: auto; height: 25px; padding: 3px 6px 3px 6px; margin:10px 0 10px 0; cursor: pointer; } .filerepo_download a:hover { background: black; color:white; text-decoration: none; } /* FILE REPRO WIDGET VIEW */ .filerepo_widget_singleitem { margin:0 0 5px 0; border:1px solid #ccc; padding:5px; min-height:60px; display:block; background:white; } .filerepo_widget_singleitem_more { margin:0; padding:5px; border:1px solid #ccc; display:block; background:white; } .filerepo_listview_icon { float: left; margin-right: 10px; } .filerepo_timestamp { color:#666666; margin:0; } .filerepo_listview_desc { display:none; padding:0 10px 10px 0; line-height: 1.2em; } .filerepo_listview_desc p { color:#333333; } .filerepo_widget_content { margin-left: 70px; } .filerepo_title { margin:0; padding:6px 5px 0 0; line-height: 1.2em; color:#666666; font-weight: bold; } .collapsable_box #filerepo_widget_layout { margin:0 10px 0 10px; background: none; } /* widget gallery view */ #filerepo_widget_layout .filerepo_widget_galleryview { background: white; border:1px solid #ccc; margin:0 0 5px 0; } .filerepo_widget_galleryview img { padding:0; border:1px solid white; margin:4px; } .filerepo_widget_galleryview img:hover { border:1px solid #333333; } /* SINGLE ITEM VIEW */ .filerepo_file { background:white; margin:10px 10px 0 10px; } .filerepo_file .filerepo_title_owner_wrapper { min-height:60px; } .filerepo_title_owner_wrapper .filerepo_title, .filerepo_title_owner_wrapper .filerepo_owner { margin-left: 70px !important; } .filerepo_file .filerepo_maincontent { padding:0 20px 0 0; } .filerepo_file .filerepo_icon { width: 70px; position: absolute; margin:10px 0 10px 10px; } .filerepo_file .filerepo_title { margin:0; padding:7px 4px 10px 10px; line-height: 1.2em; } .filerepo_file .filerepo_owner { padding:0 0 0 10px; } .filerepo_file .filerepo_description { margin:10px 0 0 0; padding:0 0 0 10px; } .filerepo_download, .filerepo_controls { padding:0 0 1px 10px; margin:0 0 10px 0; } .filerepo_file .filerepo_description p { padding:0 0 5px 0; margin:0; } .filerepo_file .filerepo_specialcontent img { padding:10px; margin:0 0 0 10px; background: black; } /* zaudio player */ .filerepo_maincontent .filerepo_specialcontent { margin:0 0 20px 0; } .filerepo_tags { padding:0 0 10px 10px; margin:0; } /* file repro gallery items */ .search_gallery .filerepo_controls { padding:0; } .search_gallery .filerepo_title { font-weight: bold; line-height: 1.1em; margin:0 0 10px 0; } .filerepo_gallery_item { margin:0; padding:0; text-align:center; } .filerepo_gallery_item p { margin:0; padding:0; } .filerepo_gallery_item .filerepo_controls { margin-top:10px; } .filerepo_gallery_item .filerepo_controls a { padding-right:10px; padding-left:10px; } .search_gallery .filerepo_comments { font-size:90%; } .filerepo_user_gallery_link { float:right; margin:5px 5px 5px 50px; } .filerepo_user_gallery_link a { padding:2px 25px 5px 0; background: transparent url(http://www.oncampusdrama.com/mod/web1/graphics/icon_gallery.gif) no-repeat right top; display:block; } .filerepo_user_gallery_link a:hover { background-position: right -40px; } /* IE6 */ * html #description_tbl { width:676px !important;} /* new members page */ .members .search_listing { border:1px solid #ffa000; background:#fff3e3; margin:0 0 5px 0; } .members .search_listing:hover { border:1px solid #359e0e; background:#e1ffd1; } .members .group_count { font-weight: bold; background:#f5f5f5; border:1px dotted #ccc; padding:3px; color: #666666; margin:0 0 5px 4px; } .members .search_listing_info { color:#666666; } .members .profile_status { background:#f5f5f5; border:1px solid #ccc; line-height:1.2em; padding:2px 4px; color:#333333; } .members .profile_status span { font-size:90%; color:#666666; } .members p.owner_timestamp { padding-left:3px; } .members .pagination { border:2px solid #cccccc; margin:5px 0 5px 0; } #memberssearchform { margin-bottom: 20px; border:1px solid #ccc; } #memberssearchform input[type="submit"] { padding:2px; height:auto; width:50px; margin:5px; } #memberssearchform input{ margin:5px; } .izap_galleries_list_icon{ float:left; padding:5px; margin:5px; } .izap_galleries_list_details{ padding:5px; margin:5px; } .izapBorder{ border:#DEDEDE solid 2px; } .main { margin-left: 30px; } .carousel a.prev, .carousel a.next { display: block; float: left; width: 30px; height: 143px; text-decoration: none; background: url("http://www.oncampusdrama.com/mod/izap_galleries/_graphics/previous.png") left 50px no-repeat; } .carousel a.next { background: url("http://www.oncampusdrama.com/mod/izap_galleries/_graphics/next.png") right 50px no-repeat; } .carousel .izapSlider { border: 1px solid black; float: left; background-color: #FFF; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; } .carousel ul { margin: 0; } .carousel li , .carousel li p { width: 150px; height: 118px; margin: 10px; } .izap_form_notice{ font-style:italic; color:#FF0000; } .hottie_image{ float:left; margin:0px 5px 0px 0px; padding:5px; } .hottie_info{ margin:0px 0px 0px 5px; padding:5px; } #content_area_group_title h2 { color:#FFFFFF; padding:5px; } #topic_posts #content_area_group_title h2 { margin:0 0 0 0; } #two_column_left_sidebar_maincontent #owner_block_content { margin:0 0 10px 0 !important; } #groups_info_column_left { float:left: width:435px; margin-left:230px; margin-right:10px; } #groups_info_column_left .odd { background:#FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #groups_info_column_left .even { background:#FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #groups_info_column_left p { margin:0 0 7px 0; padding:2px 4px; } #groups_info_column_right { float:left; width:230px; margin:0 0 0 10px; } #groups_info_wide p { text-align: right; padding-right:10px; } #group_stats { width:190px; background: #e9e9e9; padding:5px; margin:10px 0 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #group_stats p { margin:0; } #group_members { margin:10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background: white; } #right_column { float:right; width:300px; margin:0 10px 0 0; } #left_column { width:300px; float:left; margin:0 10px 0 10px; } /* IE 6 fixes */ * html #left_column { margin:0 0 0 5px; } * html #right_column { margin:0 5px 0 0; } #fullcolumn{ width:64%; } #group_members h2, #right_column h2, #left_column h2, #fullcolumn h2 { margin:0 0 10px 0; padding:5px; color:#FFFFFF; font-size:1.25em; line-height:1.2em; } #fullcolumn .contentWrapper { margin:0 10px 20px 10px; padding:0 0 5px; } .member_icon { margin:0 0 6px 6px; float:left; } /* IE6 */ * html #topic_post_tbl { width:676px !important;} /* all browsers - force tinyMCE on edit comments to be full-width */ .edit_forum_comments .defaultSkin table.mceLayout { width: 636px !important; } /* topics overview page */ #forum_topics { padding:10px; margin:0 10px 0 10px; background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; } /* topics individual view page */ #topic_posts { margin:0 10px 5px 10px; } #topic_posts #pages_breadcrumbs { margin:2px 0 0 0px; } #topic_posts form { padding:10px; margin:30px 0 0 0; background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .topic_post { padding:10px; margin:0 0 5px 0; background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .topic_post .post_icon { float:left; margin:0 8px 4px 0; } .topic_post h2 { margin-bottom:20px; } .topic_post p.topic-post-menu { margin:0; } .topic_post p.topic-post-menu a.collapsibleboxlink { padding-left:10px; } .topic_post table, td { border:none; } /* group latest discussions widget */ #latest_discussion_widget { margin:0 0 20px 0; background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; } /* group files widget */ #filerepo_widget_layout { margin:0 0 20px 0; padding: 0 0 5px 0; background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; } /* group pages widget */ #group_pages_widget { margin:0 0 20px 0; padding: 0 0 5px 0; background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #group_pages_widget .search_listing { border: 2px solid #cccccc; } #right_column .filerepo_widget_singleitem { background: #dedede !important; margin:0 10px 5px 10px; } #left_column .filerepo_widget_singleitem { background: #dedede !important; margin:0 10px 5px 10px; } .forum_latest { margin:0 10px 5px 10px; background: #dedede; padding:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .forum_latest:hover { } .forum_latest .topic_owner_icon { float:left; } .forum_latest .topic_title { margin-left:35px; } .forum_latest .topic_title p { line-height: 1.0em; padding:0; margin:0; font-weight: bold; } .forum_latest p.topic_replies { padding:3px 0 0 0; margin:0; color:#666666; } .add_topic { -webkit-border-radius: 8px; -moz-border-radius: 8px; background:white; margin:5px 10px; padding:10px 10px 10px 6px; } a.add_topic_button { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: white; background:#4690d6; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: auto; height: auto; padding: 3px 6px 3px 6px; margin:0; cursor: pointer; } a.add_topic_button:hover { background: #FFFFFF; color:white; text-decoration: none; } /* latest discussion listing */ .latest_discussion_info { float:right; width:300px; text-align: right; margin-left: 10px; } .groups .search_listing br { height:0; line-height:0; } span.timestamp { color:#666666; font-size: 90%; } .latest_discussion_info .timestamp { font-size: 0.85em; } /* new groups page */ .groups .search_listing { border:2px solid #cccccc; margin:0 0 5px 0; } .groups .search_listing:hover { background:#dedede; } .groups .group_count { font-weight: bold; color: #666666; margin:0 0 5px 4px; } .groups .search_listing_info { color:#666666; } .groupdetails { float:right; } .groupdetails p { margin:0; padding:0; line-height: 1.1em; text-align: right; } #groups_closed_membership { margin:0 10px 20px 10px; padding: 3px 5px 5px 5px; background:#bbdaf7; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #groups_closed_membership p { margin:0; } /* groups membership widget */ .groupmembershipwidget .contentWrapper { margin:0 10px 5px 10px; } .groupmembershipwidget .contentWrapper .groupicon { float:left; margin:0 10px 0 0; } .groupmembershipwidget .search_listing_info p { color: #666666; } .groupmembershipwidget .search_listing_info span { font-weight: bold; } /* groups sidebar */ .featuredgroups .contentWrapper { margin:0 0 10px 0; } .featuredgroups .contentWrapper .groupicon { float:left; margin:0 10px 0 0; } .featuredgroups .contentWrapper p { margin: 0; line-height: 1.2em; color:#666666; } .featuredgroups .contentWrapper span { font-weight: bold; } #groupssearchform { border-bottom: 1px solid #cccccc; margin-bottom: 10px; } #groupssearchform input[type="submit"] { padding:2px; height:auto; margin:4px 0 5px 0; } .sidebarBox #owner_block_submenu { margin:5px 0 0 0; } /* delete post */ .delete_discussion { } .delete_discussion a { display:block; float:right; cursor: pointer; width:14px; height:14px; margin:0; background: url("http://www.oncampusdrama.com/_graphics/icon_customise_remove.png") no-repeat 0 0; } .delete_discussion a:hover { background-position: 0 -16px; text-decoration: none; } /* IE6 */ * html .delete_discussion a { font-size: 1px; } /* IE7 */ *:first-child+html .delete_discussion a { font-size: 1px; } /* delete group button */ #delete_group_option input[type="submit"] { background:#dedede; border-color:#dedede; color:#333333; margin:0; float:right; clear:both; } #delete_group_option input[type="submit"]:hover { background:red; border-color:red; color:white; } .my_campus_menu ul{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } .my_campus_menu ul li { float:left; height: 30px; } .my_campus_menu ul li.selected a { background:#4690D6 none repeat scroll 0 0; color:#000000; } .my_campus_menu ul li.selected a:hover { background:#4690D6 none repeat scroll 0 0; color:#000000; } .my_campus_menu ul li a { color:#4690D6; font-weight:bold; line-height:30px; margin-left:10px; margin-right:10px; text-decoration:none; } .my_campus_menu ul li a:hover { color:#c41f24; } .dashboard_buttons { background-color:#FFFFFF; background-image:url(http://ocd.iz/mod/buddytalk/graphics/style/ocd/box_bg.png); background-position:center top; background-repeat:repeat-x; border:1px solid #D0D2D4; margin:3px; padding:5px; float: left; } .singleview { margin-top:10px; } .poll_post_icon { float:left; margin:3px 0 0 0; padding:0; } .poll_post h3 { font-size: 150%; margin:0 0 10px 0; padding:0; } .poll_post h3 a { text-decoration: none; } .poll_post p { margin: 0 0 5px 0; } .poll_post .strapline { margin: 0 0 0 35px; padding:0; color: #aaa; line-height:1em; } .poll_post p.tags { background:transparent url(http://www.oncampusdrama.com/_graphics/icon_tag.gif) no-repeat scroll left 2px; margin:0 0 7px 35px; padding:0pt 0pt 0pt 16px; min-height:22px; } .poll_edit_link { float:right; margin:5px 5px 5px 50px; } .poll_edit_link a { padding:2px 25px 5px 0; display:block; } .poll_edit_link a:hover { background-position: right -40px; } .input-radio { border:none; text-align:left; vertical-align:top; } #progress_indicator { width:400px; padding: 10px; } #progressBarContainer { height:12px; width:100%; border: 1px #D9541E solid; } /* *************************************** RIVER *************************************** */ .river_object_poll_create { background: url(http://www.oncampusdrama.com/mod/poll/graphics/river_icon_poll.gif) no-repeat left -1px; } .river_object_poll_update { background: url(http://www.oncampusdrama.com/mod/poll/graphics/river_icon_poll.gif) no-repeat left -1px; } .river_object_poll_comment { background: url(http://www.oncampusdrama.com/_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_poll_vote { background: url(http://www.oncampusdrama.com/mod/poll/graphics/river_icon_vote.gif) no-repeat left -1px; } #notificationstable td.namefield { width:250px; text-align: left; vertical-align: middle; } #notificationstable td.namefield p { margin:0; vertical-align: middle; line-height: 1.1em; padding:5px 0 5px 0; } #notificationstable td.namefield img { padding:6px 10px 6px 3px; float:left; } #notificationstable td.namefield p.namefieldlink { margin:9px 0 0 0; } #notificationstable td.emailtogglefield, #notificationstable td.smstogglefield { width:50px; text-align: center; vertical-align: middle; } #notificationstable td.spacercolumn { width:30px; } #notificationstable td { border-bottom: 1px solid silver; } #notificationstable td.emailtogglefield input { margin-right:36px; margin-top:5px; } #notificationstable td.emailtogglefield a { width:46px; height:24px; cursor: pointer; display: block; outline: none; } #notificationstable td.emailtogglefield a.emailtoggleOff { background: url(http://www.oncampusdrama.com/mod/web1/graphics/icon_notifications_email.gif) no-repeat right 2px; } #notificationstable td.emailtogglefield a.emailtoggleOn { background: url(http://www.oncampusdrama.com/mod/web1/graphics/icon_notifications_email.gif) no-repeat right -36px; } .notification_collections, .notification_personal { margin-bottom: 25px; } .settings_form .friendsPicker_container h3 { color:#999999; font-size:3em; margin:0 0 20px; text-align:left; background: none; border-bottom: none; } #screenshot{ position:absolute; border:1px solid #000; background:#4690D6; padding:5px; display:none; color:#fff; } .izap_photos_selected { background:#DDFDD9; margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .izap-input-radio { font-size: 1em; } #izap_widget_layout { -webkit-border-radius: 8px; -moz-border-radius: 8px; background:white none repeat scroll 0 0; margin:0 0 20px; padding:0 0 5px; } .river_object_izap_photos_comment { background:transparent url(http://www.oncampusdrama.com/mod/izap_photos/graphics/river_icon_comment.gif) no-repeat scroll left -1px; } .river_object_izap_photos_create { background:transparent url(http://www.oncampusdrama.com/mod/izap_photos/graphics/river_icon_photo.gif) no-repeat scroll left -1px; } .customIndexIcon { margin:4px; float:left; } .embedThumbs { margin:5px; padding:6px; float:left; } .izap_shares_widget_wrapper { background-color: white; margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .izap_shares_widget_icon { float: left; margin-right: 10px; } .izap_shares_timestamp { color:#666666; margin:0; } .izap_share_desc { display:none; line-height: 1.2em; } .izap_shares_widget_content { margin-left: 35px; } .izap_shares_title { margin:0; line-height: 1.2em; } .notConvertedWrapper{ background-color: #FFC4C4; margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .copied_text{ font-size:small; font-family:Arial; font-style:italic; } .izap_group_listing{ margin:2px; padding:2px; float:left; } .topLine{ border:solid 2px #DEDEDE; } .izapFeaturedPhotos{ margin:2px; } #featured_photo li { list-style:none; float:left; width:155px; height:130px; margin:0 5px 10px 10px; padding:5px; border: 1px #c4c4c4 dotted; overflow:hidden; text-align:center;} #featured_photo img { border:none;}#screenshot{ position:absolute; border:1px solid #000; background:#4690D6; padding:5px; display:none; color:#fff; } .izap_videos_selected { margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .izap-input-radio { font-size: 1em; } #izap_widget_layout { -webkit-border-radius: 8px; -moz-border-radius: 8px; background:white none repeat scroll 0 0; margin:0 0 20px; padding:0 0 5px; } .river_object_izap_videos_comment { background:transparent url(http://www.oncampusdrama.com/mod/izap_videos/graphics/river_icon_comment.gif) no-repeat scroll left -1px; } .river_object_izap_videos_create { background:transparent url(http://www.oncampusdrama.com/mod/izap_videos/graphics/river_icon_video.gif) no-repeat scroll left -1px; } .customIndexIcon { margin:4px; float:left; } .embedThumbs { margin:5px; padding:6px; float:left; } .izap_shares_widget_wrapper { background-color: white; margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .izap_shares_widget_icon { float: left; margin-right: 10px; } .izap_shares_timestamp { color:#666666; margin:0; } .izap_share_desc { display:none; line-height: 1.2em; } .izap_shares_widget_content { margin-left: 35px; } .izap_shares_title { margin:0; line-height: 1.2em; } .notConvertedWrapper{ background-color: #FFC4C4; margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .copied_text{ font-size:small; font-family:Arial; font-style:italic; } .izap_sharingOptions{ float:left; margin:10px; background-position:left center; background-repeat:no-repeat; padding:3px 0 3px 20px; } .izap_digg{ background-image: url(http://www.oncampusdrama.com/mod/izap_videos/graphics/digg.gif); } .izap_facebook{ background-image: url(http://www.oncampusdrama.com/mod/izap_videos/graphics/facebook.gif); } .izap_twitter{ background-image: url(http://www.oncampusdrama.com/mod/izap_videos/graphics/twitter.gif); } .izap_reddit{ background-image: url(http://www.oncampusdrama.com/mod/izap_videos/graphics/reddit.gif); } .izap_stumbleupon{ background-image: url(http://www.oncampusdrama.com/mod/izap_videos/graphics/stumbleupon.gif); } .izap_email{ background-image: url(http://www.oncampusdrama.com/mod/izap_videos/graphics/email.gif); } .izapFeaturedVideos{ float:left; width:202px; height:200px; margin:2px; } #featured_video li { list-style:none; float:left; width:200px; height:150px; margin:0 5px 10px 10px; padding:5px; border: 1px #c4c4c4 dotted; overflow:hidden;} #featured_video img { border:none;} .more { position:absolute; margin-left:127px; margin-top:121px; }#screenshot{ position:absolute; border:1px solid #000; background:#4690D6; padding:5px; display:none; color:#fff; } .izap_games_selected { background:#DDFDD9; margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .izap-input-radio { font-size: 1em; } #izap_widget_layout { -webkit-border-radius: 8px; -moz-border-radius: 8px; background:white none repeat scroll 0 0; margin:0 0 20px; padding:0 0 5px; } .river_object_izap_games_comment { background:transparent url(http://www.oncampusdrama.com/mod/izap_games/graphics/river_icon_comment.gif) no-repeat scroll left -1px; } .river_object_izap_games_create { background:transparent url(http://www.oncampusdrama.com/mod/izap_games/graphics/river_icon_photo.gif) no-repeat scroll left -1px; } .customIndexIcon { margin:4px; float:left; } .embedThumbs { margin:5px; padding:6px; float:left; } .izap_shares_widget_wrapper { background-color: white; margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .izap_shares_widget_icon { float: left; margin-right: 10px; } .izap_shares_timestamp { color:#666666; margin:0; } .izap_share_desc { display:none; line-height: 1.2em; } .izap_shares_widget_content { margin-left: 35px; } .izap_shares_title { margin:0; line-height: 1.2em; } .notConvertedWrapper{ background-color: #FFC4C4; margin:0 10px 5px 10px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .copied_text{ font-size:small; font-family:Arial; font-style:italic; } .izap_games_container{ float:left; width:45%; border:solid #dedede 2px; margin:4px; } .izap_games_container li{ margin:0px; } .gameIcon{ margin:2px; padding:2px; float:left; } .gameIcon img{ height:40px; width:40px; } .izap_games_container h4{ margin:10px; text-align:right; }blockquote { margin:10px; border:1px solid #efefef; padding:4px; } strong { font-weight:bold; } ul { list-style: disc; } ol { list-style: decimal; }