diff options
| author | cash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2010-12-02 00:07:18 +0000 | 
|---|---|---|
| committer | cash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2010-12-02 00:07:18 +0000 | 
| commit | f989bd60d6e310541006c4178854f4aef1f6b9b4 (patch) | |
| tree | 78302698a1799cfee904dfeb438bfc93faefa806 | |
| parent | a2be668d986c9df6f2954d501bbf80ed8748ca81 (diff) | |
| download | elgg-f989bd60d6e310541006c4178854f4aef1f6b9b4.tar.gz elgg-f989bd60d6e310541006c4178854f4aef1f6b9b4.tar.bz2 | |
moved the CSS into the new css/screen view and added a check for old themes
git-svn-id: http://code.elgg.org/elgg/trunk@7490 36083f99-b078-4883-b0ff-0f9b5a30f544
| -rw-r--r-- | views/default/css.php | 1788 | ||||
| -rw-r--r-- | views/default/css/screen.php | 1803 | 
2 files changed, 1808 insertions, 1783 deletions
| diff --git a/views/default/css.php b/views/default/css.php index 14e64e78e..f02549c3d 100644 --- a/views/default/css.php +++ b/views/default/css.php @@ -1,1785 +1,7 @@ +<?php  /** - * ELGG DEFAULT CSS + * + * This is a deprecated CSS view used in Elgg 1.0-1.7. + * Please use the view 'css/screen' now. + *   */ - -/* Table of Contents: - -	RESET CSS 					reduce browser inconsistencies in line height, margins, font size... -	CSS BASICS					<body> <p> <a> <h1> -	PAGE LAYOUT					main page content blocks: header, sidebar, footer... -	GENERIC SELECTORS			reusable generic classes -	ELGG TOPBAR					elgg topbar -	HEADER CONTENTS -	ELGG SITE NAVIGATION		Primary site navigation in header -	FOOTER CONTENTS -	SYSTEM MESSAGES				system messages overlay -	BREADCRUMBS -	SUBMENU						current page/tool submenu in sidebar -	PAGINATION					re-usable default page navigation -	ELGG TABBED NAVIGATION 		re-usable tabbed navigation -	WIDGETS						 -	LOGIN / REGISTER			login box, register, and lost password page styles -	CONTENT HEADER -	DEFAULT COMMENTS -	ENTITY LISTINGS				elgg's default entity listings -	USER SETTINGS				styles for user settings -	GENERAL FORM ELEMENTS		default styles for all elgg input/form elements -	FRIENDS PICKER -	LIKES -	MISC - -*/ -/* Colors: - -	#4690D6 - elgg light blue -	#0054A7 - elgg dark blue -	#e4ecf5 - elgg v light blue -*/ - - - -/* *************************************** -	RESET CSS -*************************************** */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, font, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { -	margin: 0; -	padding: 0; -	border: 0; -	outline: 0; -	font-weight: inherit; -	font-style: inherit; -	font-size: 100%; -	font-family: inherit; -	vertical-align: baseline; -} -img { -	border-width:0; -	border-color:transparent; -} -:focus { -	outline:0 none; -	-moz-outline-style: none; -} -ol, ul { -	/* list-style:none outside none; */ -	margin: 0 0 10px 0; -	padding-left: 20px; -} -em, i { -	font-style:italic; -} -ins { -	text-decoration:none; -} -del { -	text-decoration:line-through; -} -strong { -	font-weight:bold; -} -table { -	border-collapse: collapse; -	border-spacing: 0; -} -caption, th, td { -	text-align: left; -	font-weight: normal; -	vertical-align: top; -} -blockquote:before, blockquote:after, -q:before, q:after { -	content: ""; -} -blockquote, q { -	quotes: "" ""; -} - - - - -/* *************************************** -	BASICS -*************************************** */ -body { -	text-align:left; -	margin:0 auto; -	padding:0; -	background-color: white; -	font-size: 80%; -	line-height: 1.4em; -	font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif; -} -a { -	color: #4690D6; -	text-decoration: none; -	-moz-outline-style: none; -	outline: none; -} -a:hover, -a.selected { -	color: #555555; -	text-decoration: underline; -} -p { -	margin-bottom:15px; -} -p:last-child { -	margin-bottom:0; -} -small { -	font-size: 90%; -} -h1, h2, h3, h4, h5, h6 { -	font-weight: bold; -	line-height: auto; -	color:#0054A7; -} -h1 { font-size: 1.8em; } -h2 { font-size: 1.5em; line-height: 1.1em; } -h3 { font-size: 1.2em; } -h4 { font-size: 1.0em; } -h5 { font-size: 0.9em; } -h6 { font-size: 0.8em; } -dt { -	font-weight: bold; -} -dd { -	margin: 0 0 1em 1em; -} -pre, code { -	font-family:Monaco,"Courier New",Courier,monospace; -	font-size:12px; -	background:#EBF5FF; -	color:#000000; -	overflow:auto; - -	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ -	white-space: pre-wrap; /* css-3 */ -	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ -	white-space: -pre-wrap; /* Opera 4-6 */ -	white-space: -o-pre-wrap; /* Opera 7 */ -	word-wrap: break-word; /* Internet Explorer 5.5+ */ -} -code { -	padding:2px 3px; -} -pre { -	padding:3px 15px; -	margin:0px 0 15px 0; -	line-height:1.3em; -} -blockquote { -	padding:3px 15px; -	margin:0px 0 15px 0; -	line-height:1.3em; -	background:#EBF5FF; -	border:none; -	-webkit-border-radius: 4px; -	-moz-border-radius: 4px; -} - - -/* *************************************** -	GENERIC SELECTORS -*************************************** */ -h2 { -	border-bottom:1px solid #CCCCCC; -	padding-bottom:5px; -} - -.clearfloat { clear:both; } - -/* Clearfix! */ -.clearfix:after, -.listing:after, -.listing .info:after { -	content:"."; -	display:block; -	height:0; -	clear:both; -	visibility:hidden; -} - -.listing .icon { float: left; margin-right: 10px; } -.listing .icon img { width: auto } -.listing .info { display: table-cell; } - -.link { -	cursor:pointer; -} -.small { -	font-size: 90%; -} -.divider { -	border-top:1px solid #cccccc; -} -.hidden { -	display:none; -} -.radius8 { -	-webkit-border-radius: 8px; -	-moz-border-radius: 8px; -} -.margin_none { -	margin:0; -} -.margin_top { -	margin-top:10px; -} -.rss_link { -	margin-top:-10px; -	margin-bottom:10px; -} -.rss_link a { -	display:block; -	width:14px; -	height:14px; -	float:right; -	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); -	background-repeat: no-repeat; -	background-position: -250px top; -	text-indent: -1000em; -} -.tags { -	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); -	background-repeat: no-repeat; -	background-position: left -196px; -	padding:1px 0 0 14px; -	font-size: 85%; -} -.tagcloud { -	text-align:justify; -} -.ajax_loader { -	background-color: white; -	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/ajax_loader_bw.gif); -	background-repeat: no-repeat; -	background-position: center center; -	min-height:33px; -	min-width:33px; -} -.ajax_loader.left { -	background-position: left center; -} -#elgg_sidebar h3 { -	border-bottom:1px solid #CCCCCC; -	margin-bottom:5px; -	margin-top:20px; -	padding-bottom:5px; -} - -/* *************************************** -	PAGE LAYOUT - MAIN BLOCKS POSITIONING -*************************************** */ -#elgg_topbar { -	background:#333333 url(<?php echo elgg_get_site_url(); ?>_graphics/toptoolbar_background.gif) repeat-x top left; -	color:#eeeeee; -	border-bottom:1px solid #000000; -	min-width:998px; -	position:relative; -	width:100%; -	height:24px; -	z-index: 9000; -} -#elgg_header { -	x-overflow: hidden; -	position: relative; -	width: 100%; -	height:90px; -	background-color: #4690D6; -	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/header_shadow.png); -	background-repeat: repeat-x; -	background-position: bottom left; -} -#elgg_header_contents { -	width:990px; -	position: relative; -	margin:0 auto; -	height:90px; -} -#elgg_search { -	bottom:5px; -	height:23px; -	position:absolute; -	right:0; -} -#elgg_main_nav { -	z-index: 7000; -	position: absolute; -	height:23px; -	bottom:0; -	left:0; -	width:auto; -} -#elgg_content { /* wraps sidebar and page contents */ -	width:990px; -	position: relative; -	overflow:hidden; -	word-wrap:break-word; -	margin:0 auto; -	min-height:400px; -} -#elgg_content.sidebar { /* class on #elgg_content div to give a full-height sidebar background */ -	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/sidebar_background.gif); -	background-repeat:repeat-y; -	background-position: right top; -} -#elgg_page_contents { /* main page contents */ -	float:left; -	width:730px; -	position: relative; -	min-height: 360px; -	margin:10px 20px 20px 10px; -} -#elgg_page_contents.one_column { /* class on #elgg_page_contents when no sidebar */ -	width:970px; -	margin-right:10px; -} -#elgg_sidebar { /* elgg sidebar */ -	float:right; -	width:210px; -	margin:20px 10px; -	position: relative; -	min-height:360px; -} -#elgg_footer { -	position: relative; -	z-index: 999; -} -#elgg_footer_contents { -	border-top:1px solid #DEDEDE; -	margin:0 auto; -	width:990px; -	padding:3px 0 10px 0; -	text-align: right; -} - - -/* *************************************** -	ELGG TOPBAR -*************************************** */ -#elgg_topbar_contents { -	float:left; -	height:24px; -	left:0px; -	top:0px; -	position:absolute; -	text-align:left; -	width:100%; -} -#elgg_topbar_contents a { -	margin-right:30px; -	padding-top:2px; -	display:inline; -	float:left; -	text-align: left; -	color:#eeeeee; -} -#elgg_topbar_contents a:hover { -	color:#71cbff; -	text-decoration: none; -} -#elgg_topbar_contents a img.user_mini_avatar { -	border:1px solid #eeeeee; -	margin:1px 0 0 10px; -	display: block; -} -#elgg_topbar_contents a img.site_logo { -	display: block; -	margin-left:5px; -	margin-top: -1px; -} -#elgg_topbar_contents .log_out { -	float:right; -} -#elgg_topbar_contents .log_out a { -	display: inline; -	text-align: right; -	margin-right:10px; -	color:#999999; -} -#elgg_topbar_contents .log_out a:hover { -	color:#71cbff; -} -#elgg_topbar_contents a.myfriends { -	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left -297px; -	margin-right:30px; -	text-indent: -900em; -	width:36px; -} -#elgg_topbar_contents a.myfriends:hover { -	background-position: left -337px; -} -#elgg_topbar_contents a.settings { -	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -41px; -	padding-left:20px !important; -	float:right; -	margin-right:30px; -} -#elgg_topbar_contents a.admin { -	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -41px; -	padding-left:20px !important; -	float:right; -	margin-right:30px; -} -#elgg_topbar_contents a.help { -	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -133px; -	padding-left:18px !important; -	float:right; -	margin-right:30px; -} - - -/* *************************************** -	HEADER CONTENTS -*************************************** */ -#elgg_header_contents h1 a span.network_title { -	font-size: 2em; -	line-height:1.4em; -	color: white; -	font-style: italic; -	font-family: Georgia, times, serif; -	display: block; -	text-decoration: none; -	text-shadow:1px 2px 4px #333333; -} -#elgg_header_contents #elgg_search input.search_input { -	-webkit-border-radius: 10px; -	-moz-border-radius: 10px; -	background-color:transparent; -	border:1px solid #71b9f7; -	color:white; -	font-size:12px; -	font-weight:bold; -	margin:0; -	padding:2px 4px 2px 26px; -	width:198px; -	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); -	background-position: 2px -220px; -	background-repeat: no-repeat; -} -#elgg_header_contents #elgg_search input.search_input:focus { -	background-color:white; -	color:#0054A7; -	border:1px solid white; -	background-position: 2px -257px; -} -#elgg_header_contents #elgg_search input.search_input:active { -	background-color:white; -	color:#0054A7; -	border:1px solid white; -	background-position: 2px -257px; -} -#elgg_header_contents #elgg_search input.search_submit_button { -	display:none; -} - - -/* *************************************** -	ELGG SITE NAVIGATION in header -*************************************** */ -.navigation, -.navigation ul { -	margin:0; -	padding:0; -	display:inline; -	float:left; -	list-style-type: none; -	z-index: 7000; -	position: relative; -} -.navigation li { -	list-style: none; -	font-weight: bold; -	position: relative; -	display:block; -	height:23px; -	float:left; -	margin:0; -	padding:0; -} -.navigation a { -	color:white; -	margin:0 1px 0 0px; -	text-decoration:none; -	font-weight: bold; -	font-size: 1em; -	padding:3px 13px 0px 13px; -	height:20px; -	cursor: pointer; -	display:block; -} -.navigation li a:hover { -	background:white; -	color:#555555; -	-moz-border-radius-topleft:4px; -	-moz-border-radius-topright:4px; -	-webkit-border-top-left-radius:4px; -	-webkit-border-top-right-radius:4px; -	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -} -.navigation li.selected a { -	background:white; -	color:#555555; -	-moz-border-radius-topleft:4px; -	-moz-border-radius-topright:4px; -	-webkit-border-top-left-radius:4px; -	-webkit-border-top-right-radius:4px; -	margin-top:1px; -	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -} -li.navigation_more { -	overflow:hidden; -} -li.navigation_more:hover { -	overflow:visible; -} -li.navigation_more:hover a { -	background:white; -	color:#555555; -	-moz-border-radius-topleft:4px; -	-moz-border-radius-topright:4px; -	-webkit-border-top-left-radius:4px; -	-webkit-border-top-right-radius:4px; -	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -} -li.navigation_more a.subnav span { -	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); -	background-repeat: no-repeat; -	background-position: -150px -56px; -	padding-left: 12px; -} -li.navigation_more:hover a.subnav span, -li.navigation_more a.subnav:hover span { -	background-position: -150px -76px; -} -li.navigation_more ul { -	z-index: 7000; -	min-width: 150px; -	margin-left:-1px; -	background-color:white; -	border-left:1px solid #999999; -	border-right:1px solid #999999; -	border-bottom:1px solid #999999; -	-moz-border-radius-bottomleft:4px; -	-moz-border-radius-bottomright:4px; -	-webkit-border-bottom-left-radius:4px; -	-webkit-border-bottom-right-radius:4px; -	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); -	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); -} -li.navigation_more ul li { -	float:none; -} -.navigation li.navigation_more ul li a { -	background:white; -	color:#555555; -	margin:0; -	-webkit-border-radius: 0; -	-moz-border-radius: 0; -	-webkit-box-shadow: none; -	-moz-box-shadow: none; -} -.navigation li.navigation_more ul li:last-child a, -.navigation li.navigation_more ul li:last-child a:hover { -	-moz-border-radius-bottomleft:4px; -	-moz-border-radius-bottomright:4px; -	-webkit-border-bottom-left-radius:4px; -	-webkit-border-bottom-right-radius:4px; -} -.navigation li.navigation_more ul li a:hover { -	background:#4690D6; -	color:white; -	margin:0; -	-webkit-border-radius: 0; -	-moz-border-radius: 0; -	-webkit-box-shadow: none; -	-moz-box-shadow: none; -} -.navigation li.navigation_more ul li.selected a { -	background:#4690D6; -	color:white; -} - -/* *************************************** -	FOOTER CONTENTS -*************************************** */ -#elgg_footer_contents, -#elgg_footer_contents a, -#elgg_footer_contents p { -	color:#999999; -} -#elgg_footer_contents a:hover { -	color:#666666; -} -.#elgg_footer_contents p { -	margin:0; -} -.powered_by_elgg_badge { -	float:right; -} - - -/* *************************************** -	SYSTEM MESSAGES -*************************************** */ -#elgg_system_messages { -	position:fixed; -	right:20px; -	max-width: 500px; -	z-index: 9600; -} - -.elgg_system_message { -	background-color:black; -	color:white; -	font-weight: bold; -	display:block; -	padding:3px 10px; -	margin-top:10px; -	cursor: pointer; -	opacity:0.9; -	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); -	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); -	z-index: 9600; -} -.elgg_system_message.error { -	background-color:red; -} -.elgg_system_message p { -	margin:0; -} - - -/* *************************************** -	BREADCRUMBS -*************************************** */ -.breadcrumbs { -	font-size: 80%; -	line-height:1.2em; -	color:#bababa; -	position: relative; -	top:-6px; -	left:0; -} -.breadcrumbs a { -	color:#999999; -	font-weight:bold; -	text-decoration: none; -} -.breadcrumbs a:hover { -	color: #0054a7; -	text-decoration: underline; -} - - -/* *************************************** -	SUBMENU -*************************************** */ -.submenu { -	margin:0; -	padding:0; -	list-style: none; -} -.submenu ul { -	margin-bottom:0; -	padding-left:0; -	list-style: none; -} -.submenu li.selected a, -.submenu li.selected li.selected a, -.submenu li.selected li.selected li.selected a { -	background: #4690D6; -	color:white; -} -.submenu li a { -	display:block; -	-webkit-border-radius: 8px; -	-moz-border-radius: 8px; -	background-color:white; -	margin:0 0 3px 0; -	padding:2px 4px 2px 8px; -} -.submenu li a:hover { -	background:#0054A7; -	color:white; -	text-decoration:none; -} -.submenu .child li a { -	margin-left:15px; -	background-color:white; -	color:#4690D6; -} -.submenu .child li a:hover { -	background:#0054A7; -	color:white; -	text-decoration:none; -} - - - -/* *************************************** -	PAGINATION -*************************************** */ -.pagination { -	margin:5px 0 5px 0; -	padding:5px 0; -} -.pagination .pagination_number { -	display:block; -	float:left; -	background:#ffffff; -	border:1px solid #4690d6; -	text-align: center; -	color:#4690d6; -	font-size: 12px; -	font-weight: normal; -	margin:0 6px 0 0; -	padding:0px 4px; -	cursor: pointer; -	-webkit-border-radius: 4px; -	-moz-border-radius: 4px; -} -.pagination .pagination_number:hover { -	background:#4690d6; -	color:white; -	text-decoration: none; -} -.pagination .pagination_more { -	display:block; -	float:left; -	background:#ffffff; -	border:1px solid #ffffff; -	text-align: center; -	color:#4690d6; -	font-size: 12px; -	font-weight: normal; -	margin:0 6px 0 0; -	padding:0px 4px; -	-webkit-border-radius: 4px; -	-moz-border-radius: 4px; -} -.pagination .pagination_previous, -.pagination .pagination_next { -	display:block; -	float:left; -	border:1px solid #cccccc; -	color:#4690d6; -	text-align: center; -	font-size: 12px; -	font-weight: normal; -	margin:0 6px 0 0; -	padding:0px 4px; -	cursor: pointer; -	-webkit-border-radius: 4px; -	-moz-border-radius: 4px; -} -.pagination .pagination_previous:hover, -.pagination .pagination_next:hover { -	background:#4690d6; -	border:1px solid #4690d6; -	color:white; -	text-decoration: none; -} -.pagination .pagination_currentpage { -	display:block; -	float:left; -	background:#4690d6; -	border:1px solid #4690d6; -	text-align: center; -	color:white; -	font-size: 12px; -	font-weight: bold; -	margin:0 6px 0 0; -	padding:0px 4px; -	cursor: pointer; -	-webkit-border-radius: 4px; -	-moz-border-radius: 4px; -} - - -/* *************************************** -	ELGG TABBED PAGE NAVIGATION -*************************************** */ -.elgg_horizontal_tabbed_nav { -	margin-bottom:5px; -	padding: 0; -	border-bottom: 2px 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: 2px solid #cccccc; -	border-bottom-width: 0; -	background: #eeeeee; -	margin: 0 0 0 10px; -	-moz-border-radius-topleft:5px; -	-moz-border-radius-topright:5px; -	-webkit-border-top-left-radius:5px; -	-webkit-border-top-right-radius:5px; -} -.elgg_horizontal_tabbed_nav a { -	text-decoration: none; -	display: block; -	padding:3px 10px 0 10px; -	text-align: center; -	height:21px; -	color:#999999; -} -.elgg_horizontal_tabbed_nav a:hover { -	background: #dedede; -	color:#4690D6; -} -.elgg_horizontal_tabbed_nav .selected { -	border-color: #cccccc; -	background: white; -} -.elgg_horizontal_tabbed_nav .selected a { -	position: relative; -	top: 2px; -	background: white; -} - -/* *************************************** -	WIDGETS -*************************************** */ -.widget_column { -	float: right; -	min-height: 30px; -} -.widget_1_columns { -	width: 100%; -} -.widget_2_columns { -	width: 50%; -} -.widget_3_columns { -	width: 33%; -} -.widget_4_columns { -	width: 25%; -} -#widget_add_button { -	padding: 0px; -	text-align: right; -	margin-bottom: 15px; -	margin-right: 5px; -} -.widgets_add_panel { -	padding: 10px; -	margin: 0 5px 15px; -	background: #dedede; -} -.widgets_add_panel ul { -	padding: 0; -	margin: 0; -} -.widgets_add_panel li { -	float: left; -	margin: 2px 10px; -	list-style: none; -	width: 200px; -	padding: 4px; -	background-color: #cccccc; -} -.widgets_add_panel li a { -	display: block; -} -.widget_available { -	cursor: pointer; -} -.widget_unavailable { -	color: #888888; -} -.widget { -	background-color: #dedede; -	padding: 2px; -	margin: 0 5px 15px; -	position: relative; -} -.widget:hover { -	background-color: #cccccc; -} -.widget_title { -	background-color: #dedede; -	height: 30px; -	line-height: 30px; -	overflow: hidden; -} -.widget_title h3 { -	float: left; -	padding: 0 45px 0 20px; -	color: #333333; -} -.widget_controls a { -	position: absolute; -	top: 5px; -	display: block; -	width: 18px; -	height: 18px; -	border: 1px solid transparent; -} -a.widget_collapse_button { -	left: 5px; -	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat 0px -385px; -} -.widget_controls a.widget_collapsed { -	background-position: 0px -365px; -} -a.widget_delete_button { -	right: 5px; -	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -198px 3px; -} -a.widget_edit_button { -	right: 25px; -	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -1px; -} -a.widget_edit_button:hover, a.widget_delete_button:hover { -	border: 1px solid #cccccc; -} -.widget_container { -	background-color: white; -	width: 100%; -	overflow: hidden; -} -.widget_edit { -	display: none; -	width: 96%; -	padding: 2%; -	border-bottom: 2px solid #dedede; -} -.widget_content { -	padding: 10px; -} -.drag_handle { -	cursor: move; -} -.widget_placeholder { -	border: 2px dashed #dedede; -	margin-bottom: 15px; -} - -/* *************************************** -	LOGIN / REGISTER -*************************************** */ -/* login in sidebar */ -#elgg_sidebar #login { -	width:auto; -} -#elgg_sidebar #login form { -	width:auto; -} -#elgg_sidebar #login .login_textarea { -	width:196px; -} -/* default login and register forms */ -#login input[type="text"], -#login input[type="password"], -.register input[type="text"], -.register input[type="password"] { -	margin:0 0 10px 0; -} -.register input[type="text"], -.register input[type="password"] { -	width:380px; -} -.rememberme label { -	font-weight:normal; -	font-size:100%; -} -.loginbox .submit_button { -	margin-right: 15px; -} -#login .persistent_login { -	float:right; -	display:block; -	margin-top:-34px; -	margin-left:80px; -} -#login .persistent_login label { -	font-size:1.0em; -	font-weight: normal; -	cursor: pointer; -} -#login_dropdown { -	float:right; -	position: absolute; -	top:10px; -	right:0; -	z-index: 9599; -} -#login_dropdown #signin_button { -	padding:10px 0px 12px; -	line-height:23px; -	text-align:right; -} -#login_dropdown #signin_button a.signin { -	padding:2px 6px 3px 6px; -	text-decoration:none; -	font-weight:bold; -	position:relative; -	margin-left:0; -	color:white; -	border:1px solid #71B9F7; -	-webkit-border-radius:4px; -	-moz-border-radius:4px; -	border-radius:4px; -} -#login_dropdown #signin_button a.signin span { -	padding:4px 0 6px 12px; -	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); -	background-position:-150px -51px; -	background-repeat:no-repeat; -} -#login_dropdown #signin_button a.signin:hover { -	background-color:#71B9F7; -	/* color:black; */ -} -#login_dropdown #signin_button a.signin:hover span { -	/* background-position:-150px -71px; */ -} -#login_dropdown #signin_button a.signin.menu_open { -	background:#cccccc !important; -	color:#666666 !important; -	border:1px solid #cccccc; -	outline:none; -} -#login_dropdown #signin_button a.signin.menu_open span { -	background-position:-150px -71px; -	color:#333333; -} -#login_dropdown #signin_menu { -	-moz-border-radius-topleft:5px; -	-moz-border-radius-bottomleft:5px; -	-moz-border-radius-bottomright:5px; -	-webkit-border-top-left-radius:5px; -	-webkit-border-bottom-left-radius:5px; -	-webkit-border-bottom-right-radius:5px; -	display:none; -	background-color:white; -	position:absolute; -	width:210px; -	z-index:100; -	border:5px solid #CCCCCC; -	text-align:left; -	padding:12px; -	top: 26px; -	right: 0px; -	margin-top:5px; -	margin-right: 0px; -	color:#333333; -	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); -	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); -} -#login_dropdown #signin_menu input[type=text], -#login_dropdown #signin_menu input[type=password] { -	width:203px; -	margin:0 0 5px; -} -#login_dropdown #signin_menu p { -	margin:0; -} -#login_dropdown #signin_menu label { -	font-weight:normal; -	font-size: 100%; -} -#login_dropdown #signin_menu .submit_button { -	margin-right:15px; -} - -/* *************************************** -	CONTENT HEADER -**************************************** */ -#content_header { -	border-bottom:1px solid #CCCCCC; -} -#content_header:after { -	content: "."; -	display: block; -	height: 0; -	clear: both; -	visibility: hidden; -} -.content_header_title { -	float:left; -} -.content_header_title { -	margin-right:10px; -	max-width: 530px; -} -.content_header_title h2 { -	border:none; -	margin-bottom:0; -	padding-bottom:5px; -} -.content_header_options { -	float:right; -} -.content_header_options .action_button { -	float:right; -	margin:0 0 5px 10px; -} - - -/* *************************************** -	DEFAULT COMMENTS -**************************************** */ -.generic_comment { -	border-bottom:1px dotted #cccccc; -	clear:both; -	display:block; -	margin:0; -	padding:5px 0 7px; -	position:relative; -} -.generic_comment:first-child { -	border-top:1px dotted #cccccc; -} -.generic_comment_icon { -	float:left; -	margin-left:3px; -	margin-top:3px; -} -.generic_comment_icon img { -	width: auto; -} -.generic_comment_details { -	float:left; -	margin-left:7px; -	min-height:28px; -	width:693px; -} -.generic_comment_details p { -	margin:0; -} -.generic_comment_owner { -	line-height:1.2em; -} -.generic_comment_owner a { -	color:#0054A7; -} -.generic_comment_body { -	margin:3px 0 5px 0; -} -.generic_comment_body p { -	margin-bottom: 10px; -} -/* latest comments in sidebar */ -#elgg_sidebar .generic_comment.latest { -	padding:2px 0; -} -#elgg_sidebar .generic_comment.latest .generic_comment_icon  { -	margin-left:1px; -	margin-top:5px; -} -#elgg_sidebar .generic_comment.latest .generic_comment_details { -	width:177px; -	line-height:1.1em; -	overflow:hidden; -} -#elgg_sidebar .generic_comment.latest .entity_title { -	font-size: inherit; -	line-height: inherit; -} - - -/* *************************************** -	DEFAULT ENTITY LISTINGS -**************************************** */ -.entity_listing { -	border-bottom:1px dotted #cccccc; -	padding:4px 0; -	position:relative; -} -.entity_listing:first-child { -	border-top:1px dotted #cccccc; -} -.entity_listing:hover { -	background-color: #eeeeee; -} -.entity_listing .icon { -	margin-left:3px; -	margin-top:3px; -} -.entity_listing .info { -	min-height:28px; -	width:693px; -} -.entity_listing_info p { -	margin:0; -	/* line-height:1.2em; */ -} -.entity_title { -	font-weight: bold; -	font-size: 1.1em; -	line-height:1.2em; -	color:#666666; -	padding-bottom:4px; -} -.entity_title a { -	color:#0054A7; -} -.entity_subtext { -	color:#666666; -	font-size: 85%; -	font-style: italic; -	line-height:1.2em; -} -/* entity metadata block */ -.entity_metadata { -	float:right; -	margin:0 3px 0 15px; -	color:#aaaaaa; -	font-size: 90%; -} -.entity_metadata span { -	margin-left:14px; -	text-align:right; -} -.entity_metadata .entity_edit a { -	color:#aaaaaa; -} -.entity_metadata .entity_edit a:hover { -	color:#555555; -} -.entity_metadata .delete_button { -	margin-top:3px; -} -/* override hover for lists of site users/members */ -.members_list .entity_listing:hover { -	background-color:white; -} - - -/* *************************************** -	USER SETTINGS -*************************************** */ -.user_settings { -	margin-bottom:20px; -} -.user_settings h3 { -	background:#e4e4e4; -	color:#333333; -	padding:5px; -	margin-top:10px; -	margin-bottom:10px; -	-webkit-border-radius: 3px; -	-moz-border-radius: 3px; -} -.user_settings label { -	color:#333333; -	font-size:100%; -	font-weight:normal; -} -.user_settings table.styled { -	width:100%; -} -.user_settings table.styled { -	border-top:1px solid #cccccc; -} -.user_settings table.styled td { -	padding:2px 4px 2px 4px; -	border-bottom:1px solid #cccccc; -} -.user_settings table.styled td.column_one { -	width:200px; -} -.user_settings table.styled tr:hover { -	background: #E4E4E4; -} -.add_user form { -	width:300px; -} - - -/* *************************************** -	GENERAL FORM ELEMENTS -*************************************** */ -/* default elgg core input field classes */ -.input_text, -.input_tags, -.input_url, -.input_textarea { -	width:98%; -} -.input_access { -	margin:5px 0 0 0; -} -.input_password { -	width:200px; -} -.input_textarea { -	height: 200px; -	width:718px; -} -input[type="checkbox"], -input.input_radio { -	margin:0 3px 0 0; -	padding:0; -	border:none; -} -label { -	font-weight: bold; -	color:#333333; -	font-size: 110%; -} -input { -	font: 120% Arial, Helvetica, sans-serif; -	padding: 5px; -	border: 1px solid #cccccc; -	color:#666666; -	-webkit-border-radius: 5px; -	-moz-border-radius: 5px; -} -textarea { -	font: 120% Arial, Helvetica, sans-serif; -	border: solid 1px #cccccc; -	padding: 5px; -	color:#666666; -	-webkit-border-radius: 5px; -	-moz-border-radius: 5px; -} -textarea:focus, -input[type="text"]:focus { -	border: solid 1px #4690d6; -	background: #e4ecf5; -	color:#333333; -} -.input_textarea.monospace { -	font-family:Monaco,"Courier New",Courier,monospace; -	font-size:13px; -} -a.longtext_control { -	float:right; -	margin-left:14px; -} -.submit_button { -	font-size: 14px; -	font-weight: bold; -	color: white; -	text-shadow:1px 1px 0px black; -	text-decoration:none; -	border: 1px solid #4690d6; -	background-color:#4690d6; -	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); -	background-repeat: repeat-x; -	background-position: left 10px; -	-webkit-border-radius: 5px; -	-moz-border-radius: 5px; -	width: auto; -	padding: 2px 4px; -	margin:0 10px 10px 0; -	cursor: pointer; -	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); -	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); -} -.submit_button:hover { -	color: white; -	border-color: #0054a7; -	text-decoration:none; -	background-color:#0054a7; -	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); -	background-repeat:  repeat-x; -	background-position:  left 10px; -} -.submit_button.disabled { -	background-color:#999999; -	border-color:#999999; -	color:#dedede; -} -.submit_button.disabled:hover { -	background-color:#999999; -	border-color:#999999; -	color:#dedede; -} -input[type="password"]:focus { -	border: solid 1px #4690d6; -	background-color: #e4ecf5; -	color:#333333; -} -input[type="submit"] { -	font-size: 14px; -	font-weight: bold; -	color: white; -	text-shadow:1px 1px 0px black; -	text-decoration:none; -	border: 1px solid #4690d6; -	background-color:#4690d6; -	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); -	background-repeat:  repeat-x; -	background-position:  left 10px; -	-webkit-border-radius: 5px; -	-moz-border-radius: 5px; -	width: auto; -	padding: 2px 4px; -	margin:10px 0 10px 0; -	cursor: pointer; -	-moz-outline-style: none; -	outline: none; -	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); -	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); -} -input[type="submit"]:hover { -	border-color: #0054a7; -	text-decoration:none; -	background-color:#0054a7; -	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); -	background-repeat:  repeat-x; -	background-position:  left 10px; -} -.cancel_button { -	font-size: 14px; -	font-weight: bold; -	text-decoration:none; -	color: #333333; -	background-color:#dddddd; -	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); -	background-repeat:  repeat-x; -	background-position:  left 10px; -	border: 1px solid #999999; -	-webkit-border-radius: 5px; -	-moz-border-radius: 5px; -	width: auto; -	padding: 2px 4px; -	margin:10px 0 10px 10px; -	cursor: pointer; -} -.cancel_button:hover { -	background-color: #999999; -	background-position:  left 10px; -	text-decoration:none; -	color:white; -} -input.action_button, -a.action_button { -	-webkit-border-radius: 5px; -	-moz-border-radius: 5px; -	background-color:#cccccc; -	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif); -	background-repeat:  repeat-x; -	background-position: 0 0; -	border:1px solid #999999; -	color:#333333; -	padding:2px 15px 2px 15px; -	text-align:center; -	font-weight:bold; -	text-decoration:none; -	text-shadow:0 1px 0 white; -	cursor:pointer; -	-webkit-box-shadow: none; -	-moz-box-shadow: none; -} -input.action_button:hover, -a.action_button:hover, -input.action_button:focus, -a.action_button:focus { -	background-position:0 -15px; -	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif); -	background-repeat:  repeat-x; -	color:#111111; -	text-decoration: none; -	background-color:#cccccc; -	border:1px solid #999999; -} -.action_button:active { -	background-image:none; -} -.action_button.disabled { -	color:#999999; -	padding:2px 7px 2px 7px; -} -.action_button.disabled:hover { -	background-position:0 -15px; -	color:#111111; -	border:1px solid #999999; -} -.action_button.disabled:active { -	background-image:none; -} -.action_button.download { -	padding: 5px 9px 5px 6px; -} -.action_button.download:hover { - -} -.action_button.download img { -	margin-right:6px; -	position:relative; -	top:5px; -} -.action_button.small { -	-webkit-border-radius: 3px; -	-moz-border-radius: 3px; -	width: auto; -	height:8px; -	padding: 4px; -	font-size: 0.9em; -	line-height: 0.6em; -} -.action_button.small:hover { -	background-color: #4690d6; -	background-image: none; -	border-color: #4690d6; -	color:white; -	text-shadow:0 -1px 0 black; -} -/* small round delete button */ -.delete_button { -	width:14px; -	height:14px; -	margin:0; -	float:right; -} -.delete_button a { -	display:block; -	cursor: pointer; -	width:14px; -	height:14px; -	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat -200px top; -	text-indent: -9000px; -	text-align: left; -} -.delete_button a:hover { -	background-position: -200px -16px; -} - - -/* *************************************** -	FRIENDS PICKER -*************************************** */ -.friends_picker_container h3 { -	font-size:4em !important; -	text-align: left; -	margin:10px 0 20px 0 !important; -	color:#999999 !important; -	background: none !important; -	padding:0 !important; -} -.friends_picker .friends_picker_container .panel ul { -	text-align: left; -	margin: 0; -	padding:0; -} -.friends_picker_wrapper { -	margin: 0; -	padding:0; -	position: relative; -	width: 100%; -} -.friends_picker { -	position: relative; -	overflow: hidden; -	margin: 0; -	padding:0; -	width: 730px; -	height: auto; -} -.friendspicker_savebuttons { -	background: white; -	-webkit-border-radius: 8px; -	-moz-border-radius: 8px; -	margin:0 10px 10px 10px; -} -.friends_picker .friends_picker_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; -} -.friends_picker .friends_picker_container .panel { -	float:left; -	height: 100%; -	position: relative; -	width: 730px; -	margin: 0; -	padding:0; -} -.friends_picker .friends_picker_container .panel .wrapper { -	margin: 0; -	padding:4px 10px 10px 10px; -	min-height: 230px; -} -.friends_picker_navigation { -	margin: 0 0 10px 0; -	padding:0 0 10px 0; -	border-bottom:1px solid #cccccc; -} -.friends_picker_navigation ul { -	list-style: none; -	padding-left: 0; -} -.friends_picker_navigation ul li { -	float: left; -	margin:0; -	background:white; -} -.friends_picker_navigation a { -	font-weight: bold; -	text-align: center; -	background: white; -	color: #999999; -	text-decoration: none; -	display: block; -	padding: 0; -	width:20px; -	-webkit-border-radius: 4px; -	-moz-border-radius: 4px; -} -.tabHasContent { -	background: white; -	color:#333333 !important; -} -.friends_picker_navigation li a:hover { -	background: #333333; -	color:white !important; -} -.friends_picker_navigation li a.current { -	background: #4690D6; -	color:white !important; -} -.friends_picker_navigation_l, .friends_picker_navigation_r { -	position: absolute; -	top: 46px; -	text-indent: -9000em; -} -.friends_picker_navigation_l a, .friends_picker_navigation_r a { -	display: block; -	height: 43px; -	width: 43px; -} -.friends_picker_navigation_l { -	right: 48px; -	z-index:1; -} -.friends_picker_navigation_r { -	right: 0; -	z-index:1; -} -.friends_picker_navigation_l { -	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat left top; -} -.friends_picker_navigation_r { -	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat -60px top; -} -.friends_picker_navigation_l:hover { -	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat left -44px; -} -.friends_picker_navigation_r:hover { -	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat -60px -44px; -} -.friendspicker_savebuttons .submit_button, -.friendspicker_savebuttons .cancel_button { -	margin:5px 20px 5px 5px; -} -#collectionMembersTable { -	background: #dedede; -	-webkit-border-radius: 8px; -	-moz-border-radius: 8px; -	margin:10px 0 0 0; -	padding:10px 10px 0 10px; -} - - -/* *************************************** -	LIKES -*************************************** */ -.likes_list_holder { -	position: relative; -	float:right; -} -.likes_list_holder a.user_like { -	cursor:pointer; -	background: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left -101px; -	text-indent: -9000em; -	text-align: left; -	display:block; -	width:20px; -	height:20px; -	margin:0; -	float:left; -} -.likes_list_holder a.user_like:hover { -	background-position: left -131px; -} -.likes_list_holder .likes_list_button.link { -	float:left; -	text-align: left; -	background: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left -131px; -	padding-left:21px; -	height:20px; -} -.likes_list_holder .likes_list_button.link.not_liked { -	background:none; -	padding-left:0; -} -.likes_list_holder .likes_list { -	background-color: white; -	border:1px solid #cccccc; -	width: 345px; -	height: auto; -	position: absolute; -	text-align: left; -	z-index: 9999; -	-webkit-border-radius: 6px; -	-moz-border-radius: 6px; -	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -} -.likes_list_holder .elgg_likes_user { -	border-bottom:1px solid #cccccc; -	padding:3px; -} -.likes_list_holder .elgg_likes_user .entity_listing_info { -	width:305px; -} -.entity_listing .elgg_likes_user .entity_metadata { -	min-width:20px !important; -} -.elgg_likes_user .entity_listing_icon { -	margin:3px 0 4px 2px; -} -.elgg_likes_user .entity_metadata { -	margin-top:3px; -} -p.elgg_likes_owner { -	padding-top:4px; -} - -.user_picker .user_picker_entry { -	clear:both; -	height:25px; -	padding:5px; -	margin-top:5px; -	border-bottom:1px solid #cccccc; -} -.user_picker_entry .delete_button { -	margin-right:10px; -} - -/* *************************************** -	MISC -*************************************** */ -#dashboard_info { -	float: left; -	width: 625px; -	margin: 0 5px 15px; -	padding: 5px; -	border: 2px solid #dedede; -}
\ No newline at end of file diff --git a/views/default/css/screen.php b/views/default/css/screen.php index 57b118c2b..46e40c6cb 100644 --- a/views/default/css/screen.php +++ b/views/default/css/screen.php @@ -1,3 +1,1806 @@  <?php +/** + * Elgg primary CSS view + * + */ +// check if there is a theme overriding the old css view and use it, if it exists +$old_css_view = elgg_get_view_location('css'); +if ($old_css_view != "{$CONFIG->viewpath}") { +	echo elgg_view('css'); +	return true; +} + +?> + +/** + * ELGG DEFAULT CSS + */ + +/* Table of Contents: + +	RESET CSS 					reduce browser inconsistencies in line height, margins, font size... +	CSS BASICS					<body> <p> <a> <h1> +	PAGE LAYOUT					main page content blocks: header, sidebar, footer... +	GENERIC SELECTORS			reusable generic classes +	ELGG TOPBAR					elgg topbar +	HEADER CONTENTS +	ELGG SITE NAVIGATION		Primary site navigation in header +	FOOTER CONTENTS +	SYSTEM MESSAGES				system messages overlay +	BREADCRUMBS +	SUBMENU						current page/tool submenu in sidebar +	PAGINATION					re-usable default page navigation +	ELGG TABBED NAVIGATION 		re-usable tabbed navigation +	WIDGETS +	LOGIN / REGISTER			login box, register, and lost password page styles +	CONTENT HEADER +	DEFAULT COMMENTS +	ENTITY LISTINGS				elgg's default entity listings +	USER SETTINGS				styles for user settings +	GENERAL FORM ELEMENTS		default styles for all elgg input/form elements +	FRIENDS PICKER +	LIKES +	MISC + +*/ +/* Colors: + +	#4690D6 - elgg light blue +	#0054A7 - elgg dark blue +	#e4ecf5 - elgg v light blue +*/ + + + +/* *************************************** +	RESET CSS +*************************************** */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { +	margin: 0; +	padding: 0; +	border: 0; +	outline: 0; +	font-weight: inherit; +	font-style: inherit; +	font-size: 100%; +	font-family: inherit; +	vertical-align: baseline; +} +img { +	border-width:0; +	border-color:transparent; +} +:focus { +	outline:0 none; +	-moz-outline-style: none; +} +ol, ul { +	/* list-style:none outside none; */ +	margin: 0 0 10px 0; +	padding-left: 20px; +} +em, i { +	font-style:italic; +} +ins { +	text-decoration:none; +} +del { +	text-decoration:line-through; +} +strong { +	font-weight:bold; +} +table { +	border-collapse: collapse; +	border-spacing: 0; +} +caption, th, td { +	text-align: left; +	font-weight: normal; +	vertical-align: top; +} +blockquote:before, blockquote:after, +q:before, q:after { +	content: ""; +} +blockquote, q { +	quotes: "" ""; +} + + + + +/* *************************************** +	BASICS +*************************************** */ +body { +	text-align:left; +	margin:0 auto; +	padding:0; +	background-color: white; +	font-size: 80%; +	line-height: 1.4em; +	font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif; +} +a { +	color: #4690D6; +	text-decoration: none; +	-moz-outline-style: none; +	outline: none; +} +a:hover, +a.selected { +	color: #555555; +	text-decoration: underline; +} +p { +	margin-bottom:15px; +} +p:last-child { +	margin-bottom:0; +} +small { +	font-size: 90%; +} +h1, h2, h3, h4, h5, h6 { +	font-weight: bold; +	line-height: auto; +	color:#0054A7; +} +h1 { font-size: 1.8em; } +h2 { font-size: 1.5em; line-height: 1.1em; } +h3 { font-size: 1.2em; } +h4 { font-size: 1.0em; } +h5 { font-size: 0.9em; } +h6 { font-size: 0.8em; } +dt { +	font-weight: bold; +} +dd { +	margin: 0 0 1em 1em; +} +pre, code { +	font-family:Monaco,"Courier New",Courier,monospace; +	font-size:12px; +	background:#EBF5FF; +	color:#000000; +	overflow:auto; + +	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ +	white-space: pre-wrap; /* css-3 */ +	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ +	white-space: -pre-wrap; /* Opera 4-6 */ +	white-space: -o-pre-wrap; /* Opera 7 */ +	word-wrap: break-word; /* Internet Explorer 5.5+ */ +} +code { +	padding:2px 3px; +} +pre { +	padding:3px 15px; +	margin:0px 0 15px 0; +	line-height:1.3em; +} +blockquote { +	padding:3px 15px; +	margin:0px 0 15px 0; +	line-height:1.3em; +	background:#EBF5FF; +	border:none; +	-webkit-border-radius: 4px; +	-moz-border-radius: 4px; +} + + +/* *************************************** +	GENERIC SELECTORS +*************************************** */ +h2 { +	border-bottom:1px solid #CCCCCC; +	padding-bottom:5px; +} + +.clearfloat { clear:both; } + +/* Clearfix! */ +.clearfix:after, +.listing:after, +.listing .info:after { +	content:"."; +	display:block; +	height:0; +	clear:both; +	visibility:hidden; +} + +.listing .icon { float: left; margin-right: 10px; } +.listing .icon img { width: auto } +.listing .info { display: table-cell; } + +.link { +	cursor:pointer; +} +.small { +	font-size: 90%; +} +.divider { +	border-top:1px solid #cccccc; +} +.hidden { +	display:none; +} +.radius8 { +	-webkit-border-radius: 8px; +	-moz-border-radius: 8px; +} +.margin_none { +	margin:0; +} +.margin_top { +	margin-top:10px; +} +.rss_link { +	margin-top:-10px; +	margin-bottom:10px; +} +.rss_link a { +	display:block; +	width:14px; +	height:14px; +	float:right; +	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); +	background-repeat: no-repeat; +	background-position: -250px top; +	text-indent: -1000em; +} +.tags { +	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); +	background-repeat: no-repeat; +	background-position: left -196px; +	padding:1px 0 0 14px; +	font-size: 85%; +} +.tagcloud { +	text-align:justify; +} +.ajax_loader { +	background-color: white; +	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/ajax_loader_bw.gif); +	background-repeat: no-repeat; +	background-position: center center; +	min-height:33px; +	min-width:33px; +} +.ajax_loader.left { +	background-position: left center; +} +#elgg_sidebar h3 { +	border-bottom:1px solid #CCCCCC; +	margin-bottom:5px; +	margin-top:20px; +	padding-bottom:5px; +} + +/* *************************************** +	PAGE LAYOUT - MAIN BLOCKS POSITIONING +*************************************** */ +#elgg_topbar { +	background:#333333 url(<?php echo elgg_get_site_url(); ?>_graphics/toptoolbar_background.gif) repeat-x top left; +	color:#eeeeee; +	border-bottom:1px solid #000000; +	min-width:998px; +	position:relative; +	width:100%; +	height:24px; +	z-index: 9000; +} +#elgg_header { +	x-overflow: hidden; +	position: relative; +	width: 100%; +	height:90px; +	background-color: #4690D6; +	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/header_shadow.png); +	background-repeat: repeat-x; +	background-position: bottom left; +} +#elgg_header_contents { +	width:990px; +	position: relative; +	margin:0 auto; +	height:90px; +} +#elgg_search { +	bottom:5px; +	height:23px; +	position:absolute; +	right:0; +} +#elgg_main_nav { +	z-index: 7000; +	position: absolute; +	height:23px; +	bottom:0; +	left:0; +	width:auto; +} +#elgg_content { /* wraps sidebar and page contents */ +	width:990px; +	position: relative; +	overflow:hidden; +	word-wrap:break-word; +	margin:0 auto; +	min-height:400px; +} +#elgg_content.sidebar { /* class on #elgg_content div to give a full-height sidebar background */ +	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/sidebar_background.gif); +	background-repeat:repeat-y; +	background-position: right top; +} +#elgg_page_contents { /* main page contents */ +	float:left; +	width:730px; +	position: relative; +	min-height: 360px; +	margin:10px 20px 20px 10px; +} +#elgg_page_contents.one_column { /* class on #elgg_page_contents when no sidebar */ +	width:970px; +	margin-right:10px; +} +#elgg_sidebar { /* elgg sidebar */ +	float:right; +	width:210px; +	margin:20px 10px; +	position: relative; +	min-height:360px; +} +#elgg_footer { +	position: relative; +	z-index: 999; +} +#elgg_footer_contents { +	border-top:1px solid #DEDEDE; +	margin:0 auto; +	width:990px; +	padding:3px 0 10px 0; +	text-align: right; +} + + +/* *************************************** +	ELGG TOPBAR +*************************************** */ +#elgg_topbar_contents { +	float:left; +	height:24px; +	left:0px; +	top:0px; +	position:absolute; +	text-align:left; +	width:100%; +} +#elgg_topbar_contents a { +	margin-right:30px; +	padding-top:2px; +	display:inline; +	float:left; +	text-align: left; +	color:#eeeeee; +} +#elgg_topbar_contents a:hover { +	color:#71cbff; +	text-decoration: none; +} +#elgg_topbar_contents a img.user_mini_avatar { +	border:1px solid #eeeeee; +	margin:1px 0 0 10px; +	display: block; +} +#elgg_topbar_contents a img.site_logo { +	display: block; +	margin-left:5px; +	margin-top: -1px; +} +#elgg_topbar_contents .log_out { +	float:right; +} +#elgg_topbar_contents .log_out a { +	display: inline; +	text-align: right; +	margin-right:10px; +	color:#999999; +} +#elgg_topbar_contents .log_out a:hover { +	color:#71cbff; +} +#elgg_topbar_contents a.myfriends { +	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left -297px; +	margin-right:30px; +	text-indent: -900em; +	width:36px; +} +#elgg_topbar_contents a.myfriends:hover { +	background-position: left -337px; +} +#elgg_topbar_contents a.settings { +	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -41px; +	padding-left:20px !important; +	float:right; +	margin-right:30px; +} +#elgg_topbar_contents a.admin { +	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -41px; +	padding-left:20px !important; +	float:right; +	margin-right:30px; +} +#elgg_topbar_contents a.help { +	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -133px; +	padding-left:18px !important; +	float:right; +	margin-right:30px; +} + + +/* *************************************** +	HEADER CONTENTS +*************************************** */ +#elgg_header_contents h1 a span.network_title { +	font-size: 2em; +	line-height:1.4em; +	color: white; +	font-style: italic; +	font-family: Georgia, times, serif; +	display: block; +	text-decoration: none; +	text-shadow:1px 2px 4px #333333; +} +#elgg_header_contents #elgg_search input.search_input { +	-webkit-border-radius: 10px; +	-moz-border-radius: 10px; +	background-color:transparent; +	border:1px solid #71b9f7; +	color:white; +	font-size:12px; +	font-weight:bold; +	margin:0; +	padding:2px 4px 2px 26px; +	width:198px; +	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); +	background-position: 2px -220px; +	background-repeat: no-repeat; +} +#elgg_header_contents #elgg_search input.search_input:focus { +	background-color:white; +	color:#0054A7; +	border:1px solid white; +	background-position: 2px -257px; +} +#elgg_header_contents #elgg_search input.search_input:active { +	background-color:white; +	color:#0054A7; +	border:1px solid white; +	background-position: 2px -257px; +} +#elgg_header_contents #elgg_search input.search_submit_button { +	display:none; +} + + +/* *************************************** +	ELGG SITE NAVIGATION in header +*************************************** */ +.navigation, +.navigation ul { +	margin:0; +	padding:0; +	display:inline; +	float:left; +	list-style-type: none; +	z-index: 7000; +	position: relative; +} +.navigation li { +	list-style: none; +	font-weight: bold; +	position: relative; +	display:block; +	height:23px; +	float:left; +	margin:0; +	padding:0; +} +.navigation a { +	color:white; +	margin:0 1px 0 0px; +	text-decoration:none; +	font-weight: bold; +	font-size: 1em; +	padding:3px 13px 0px 13px; +	height:20px; +	cursor: pointer; +	display:block; +} +.navigation li a:hover { +	background:white; +	color:#555555; +	-moz-border-radius-topleft:4px; +	-moz-border-radius-topright:4px; +	-webkit-border-top-left-radius:4px; +	-webkit-border-top-right-radius:4px; +	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); +	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); +} +.navigation li.selected a { +	background:white; +	color:#555555; +	-moz-border-radius-topleft:4px; +	-moz-border-radius-topright:4px; +	-webkit-border-top-left-radius:4px; +	-webkit-border-top-right-radius:4px; +	margin-top:1px; +	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); +	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); +} +li.navigation_more { +	overflow:hidden; +} +li.navigation_more:hover { +	overflow:visible; +} +li.navigation_more:hover a { +	background:white; +	color:#555555; +	-moz-border-radius-topleft:4px; +	-moz-border-radius-topright:4px; +	-webkit-border-top-left-radius:4px; +	-webkit-border-top-right-radius:4px; +	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); +	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); +} +li.navigation_more a.subnav span { +	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); +	background-repeat: no-repeat; +	background-position: -150px -56px; +	padding-left: 12px; +} +li.navigation_more:hover a.subnav span, +li.navigation_more a.subnav:hover span { +	background-position: -150px -76px; +} +li.navigation_more ul { +	z-index: 7000; +	min-width: 150px; +	margin-left:-1px; +	background-color:white; +	border-left:1px solid #999999; +	border-right:1px solid #999999; +	border-bottom:1px solid #999999; +	-moz-border-radius-bottomleft:4px; +	-moz-border-radius-bottomright:4px; +	-webkit-border-bottom-left-radius:4px; +	-webkit-border-bottom-right-radius:4px; +	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); +	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); +} +li.navigation_more ul li { +	float:none; +} +.navigation li.navigation_more ul li a { +	background:white; +	color:#555555; +	margin:0; +	-webkit-border-radius: 0; +	-moz-border-radius: 0; +	-webkit-box-shadow: none; +	-moz-box-shadow: none; +} +.navigation li.navigation_more ul li:last-child a, +.navigation li.navigation_more ul li:last-child a:hover { +	-moz-border-radius-bottomleft:4px; +	-moz-border-radius-bottomright:4px; +	-webkit-border-bottom-left-radius:4px; +	-webkit-border-bottom-right-radius:4px; +} +.navigation li.navigation_more ul li a:hover { +	background:#4690D6; +	color:white; +	margin:0; +	-webkit-border-radius: 0; +	-moz-border-radius: 0; +	-webkit-box-shadow: none; +	-moz-box-shadow: none; +} +.navigation li.navigation_more ul li.selected a { +	background:#4690D6; +	color:white; +} + +/* *************************************** +	FOOTER CONTENTS +*************************************** */ +#elgg_footer_contents, +#elgg_footer_contents a, +#elgg_footer_contents p { +	color:#999999; +} +#elgg_footer_contents a:hover { +	color:#666666; +} +.#elgg_footer_contents p { +	margin:0; +} +.powered_by_elgg_badge { +	float:right; +} + + +/* *************************************** +	SYSTEM MESSAGES +*************************************** */ +#elgg_system_messages { +	position:fixed; +	right:20px; +	max-width: 500px; +	z-index: 9600; +} + +.elgg_system_message { +	background-color:black; +	color:white; +	font-weight: bold; +	display:block; +	padding:3px 10px; +	margin-top:10px; +	cursor: pointer; +	opacity:0.9; +	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); +	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); +	z-index: 9600; +} +.elgg_system_message.error { +	background-color:red; +} +.elgg_system_message p { +	margin:0; +} + + +/* *************************************** +	BREADCRUMBS +*************************************** */ +.breadcrumbs { +	font-size: 80%; +	line-height:1.2em; +	color:#bababa; +	position: relative; +	top:-6px; +	left:0; +} +.breadcrumbs a { +	color:#999999; +	font-weight:bold; +	text-decoration: none; +} +.breadcrumbs a:hover { +	color: #0054a7; +	text-decoration: underline; +} + + +/* *************************************** +	SUBMENU +*************************************** */ +.submenu { +	margin:0; +	padding:0; +	list-style: none; +} +.submenu ul { +	margin-bottom:0; +	padding-left:0; +	list-style: none; +} +.submenu li.selected a, +.submenu li.selected li.selected a, +.submenu li.selected li.selected li.selected a { +	background: #4690D6; +	color:white; +} +.submenu li a { +	display:block; +	-webkit-border-radius: 8px; +	-moz-border-radius: 8px; +	background-color:white; +	margin:0 0 3px 0; +	padding:2px 4px 2px 8px; +} +.submenu li a:hover { +	background:#0054A7; +	color:white; +	text-decoration:none; +} +.submenu .child li a { +	margin-left:15px; +	background-color:white; +	color:#4690D6; +} +.submenu .child li a:hover { +	background:#0054A7; +	color:white; +	text-decoration:none; +} + + + +/* *************************************** +	PAGINATION +*************************************** */ +.pagination { +	margin:5px 0 5px 0; +	padding:5px 0; +} +.pagination .pagination_number { +	display:block; +	float:left; +	background:#ffffff; +	border:1px solid #4690d6; +	text-align: center; +	color:#4690d6; +	font-size: 12px; +	font-weight: normal; +	margin:0 6px 0 0; +	padding:0px 4px; +	cursor: pointer; +	-webkit-border-radius: 4px; +	-moz-border-radius: 4px; +} +.pagination .pagination_number:hover { +	background:#4690d6; +	color:white; +	text-decoration: none; +} +.pagination .pagination_more { +	display:block; +	float:left; +	background:#ffffff; +	border:1px solid #ffffff; +	text-align: center; +	color:#4690d6; +	font-size: 12px; +	font-weight: normal; +	margin:0 6px 0 0; +	padding:0px 4px; +	-webkit-border-radius: 4px; +	-moz-border-radius: 4px; +} +.pagination .pagination_previous, +.pagination .pagination_next { +	display:block; +	float:left; +	border:1px solid #cccccc; +	color:#4690d6; +	text-align: center; +	font-size: 12px; +	font-weight: normal; +	margin:0 6px 0 0; +	padding:0px 4px; +	cursor: pointer; +	-webkit-border-radius: 4px; +	-moz-border-radius: 4px; +} +.pagination .pagination_previous:hover, +.pagination .pagination_next:hover { +	background:#4690d6; +	border:1px solid #4690d6; +	color:white; +	text-decoration: none; +} +.pagination .pagination_currentpage { +	display:block; +	float:left; +	background:#4690d6; +	border:1px solid #4690d6; +	text-align: center; +	color:white; +	font-size: 12px; +	font-weight: bold; +	margin:0 6px 0 0; +	padding:0px 4px; +	cursor: pointer; +	-webkit-border-radius: 4px; +	-moz-border-radius: 4px; +} + + +/* *************************************** +	ELGG TABBED PAGE NAVIGATION +*************************************** */ +.elgg_horizontal_tabbed_nav { +	margin-bottom:5px; +	padding: 0; +	border-bottom: 2px 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: 2px solid #cccccc; +	border-bottom-width: 0; +	background: #eeeeee; +	margin: 0 0 0 10px; +	-moz-border-radius-topleft:5px; +	-moz-border-radius-topright:5px; +	-webkit-border-top-left-radius:5px; +	-webkit-border-top-right-radius:5px; +} +.elgg_horizontal_tabbed_nav a { +	text-decoration: none; +	display: block; +	padding:3px 10px 0 10px; +	text-align: center; +	height:21px; +	color:#999999; +} +.elgg_horizontal_tabbed_nav a:hover { +	background: #dedede; +	color:#4690D6; +} +.elgg_horizontal_tabbed_nav .selected { +	border-color: #cccccc; +	background: white; +} +.elgg_horizontal_tabbed_nav .selected a { +	position: relative; +	top: 2px; +	background: white; +} + +/* *************************************** +	WIDGETS +*************************************** */ +.widget_column { +	float: right; +	min-height: 30px; +} +.widget_1_columns { +	width: 100%; +} +.widget_2_columns { +	width: 50%; +} +.widget_3_columns { +	width: 33%; +} +.widget_4_columns { +	width: 25%; +} +#widget_add_button { +	padding: 0px; +	text-align: right; +	margin-bottom: 15px; +	margin-right: 5px; +} +.widgets_add_panel { +	padding: 10px; +	margin: 0 5px 15px; +	background: #dedede; +} +.widgets_add_panel ul { +	padding: 0; +	margin: 0; +} +.widgets_add_panel li { +	float: left; +	margin: 2px 10px; +	list-style: none; +	width: 200px; +	padding: 4px; +	background-color: #cccccc; +} +.widgets_add_panel li a { +	display: block; +} +.widget_available { +	cursor: pointer; +} +.widget_unavailable { +	color: #888888; +} +.widget { +	background-color: #dedede; +	padding: 2px; +	margin: 0 5px 15px; +	position: relative; +} +.widget:hover { +	background-color: #cccccc; +} +.widget_title { +	background-color: #dedede; +	height: 30px; +	line-height: 30px; +	overflow: hidden; +} +.widget_title h3 { +	float: left; +	padding: 0 45px 0 20px; +	color: #333333; +} +.widget_controls a { +	position: absolute; +	top: 5px; +	display: block; +	width: 18px; +	height: 18px; +	border: 1px solid transparent; +} +a.widget_collapse_button { +	left: 5px; +	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat 0px -385px; +} +.widget_controls a.widget_collapsed { +	background-position: 0px -365px; +} +a.widget_delete_button { +	right: 5px; +	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -198px 3px; +} +a.widget_edit_button { +	right: 25px; +	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -1px; +} +a.widget_edit_button:hover, a.widget_delete_button:hover { +	border: 1px solid #cccccc; +} +.widget_container { +	background-color: white; +	width: 100%; +	overflow: hidden; +} +.widget_edit { +	display: none; +	width: 96%; +	padding: 2%; +	border-bottom: 2px solid #dedede; +} +.widget_content { +	padding: 10px; +} +.drag_handle { +	cursor: move; +} +.widget_placeholder { +	border: 2px dashed #dedede; +	margin-bottom: 15px; +} + +/* *************************************** +	LOGIN / REGISTER +*************************************** */ +/* login in sidebar */ +#elgg_sidebar #login { +	width:auto; +} +#elgg_sidebar #login form { +	width:auto; +} +#elgg_sidebar #login .login_textarea { +	width:196px; +} +/* default login and register forms */ +#login input[type="text"], +#login input[type="password"], +.register input[type="text"], +.register input[type="password"] { +	margin:0 0 10px 0; +} +.register input[type="text"], +.register input[type="password"] { +	width:380px; +} +.rememberme label { +	font-weight:normal; +	font-size:100%; +} +.loginbox .submit_button { +	margin-right: 15px; +} +#login .persistent_login { +	float:right; +	display:block; +	margin-top:-34px; +	margin-left:80px; +} +#login .persistent_login label { +	font-size:1.0em; +	font-weight: normal; +	cursor: pointer; +} +#login_dropdown { +	float:right; +	position: absolute; +	top:10px; +	right:0; +	z-index: 9599; +} +#login_dropdown #signin_button { +	padding:10px 0px 12px; +	line-height:23px; +	text-align:right; +} +#login_dropdown #signin_button a.signin { +	padding:2px 6px 3px 6px; +	text-decoration:none; +	font-weight:bold; +	position:relative; +	margin-left:0; +	color:white; +	border:1px solid #71B9F7; +	-webkit-border-radius:4px; +	-moz-border-radius:4px; +	border-radius:4px; +} +#login_dropdown #signin_button a.signin span { +	padding:4px 0 6px 12px; +	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); +	background-position:-150px -51px; +	background-repeat:no-repeat; +} +#login_dropdown #signin_button a.signin:hover { +	background-color:#71B9F7; +	/* color:black; */ +} +#login_dropdown #signin_button a.signin:hover span { +	/* background-position:-150px -71px; */ +} +#login_dropdown #signin_button a.signin.menu_open { +	background:#cccccc !important; +	color:#666666 !important; +	border:1px solid #cccccc; +	outline:none; +} +#login_dropdown #signin_button a.signin.menu_open span { +	background-position:-150px -71px; +	color:#333333; +} +#login_dropdown #signin_menu { +	-moz-border-radius-topleft:5px; +	-moz-border-radius-bottomleft:5px; +	-moz-border-radius-bottomright:5px; +	-webkit-border-top-left-radius:5px; +	-webkit-border-bottom-left-radius:5px; +	-webkit-border-bottom-right-radius:5px; +	display:none; +	background-color:white; +	position:absolute; +	width:210px; +	z-index:100; +	border:5px solid #CCCCCC; +	text-align:left; +	padding:12px; +	top: 26px; +	right: 0px; +	margin-top:5px; +	margin-right: 0px; +	color:#333333; +	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); +	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); +} +#login_dropdown #signin_menu input[type=text], +#login_dropdown #signin_menu input[type=password] { +	width:203px; +	margin:0 0 5px; +} +#login_dropdown #signin_menu p { +	margin:0; +} +#login_dropdown #signin_menu label { +	font-weight:normal; +	font-size: 100%; +} +#login_dropdown #signin_menu .submit_button { +	margin-right:15px; +} + +/* *************************************** +	CONTENT HEADER +**************************************** */ +#content_header { +	border-bottom:1px solid #CCCCCC; +} +#content_header:after { +	content: "."; +	display: block; +	height: 0; +	clear: both; +	visibility: hidden; +} +.content_header_title { +	float:left; +} +.content_header_title { +	margin-right:10px; +	max-width: 530px; +} +.content_header_title h2 { +	border:none; +	margin-bottom:0; +	padding-bottom:5px; +} +.content_header_options { +	float:right; +} +.content_header_options .action_button { +	float:right; +	margin:0 0 5px 10px; +} + + +/* *************************************** +	DEFAULT COMMENTS +**************************************** */ +.generic_comment { +	border-bottom:1px dotted #cccccc; +	clear:both; +	display:block; +	margin:0; +	padding:5px 0 7px; +	position:relative; +} +.generic_comment:first-child { +	border-top:1px dotted #cccccc; +} +.generic_comment_icon { +	float:left; +	margin-left:3px; +	margin-top:3px; +} +.generic_comment_icon img { +	width: auto; +} +.generic_comment_details { +	float:left; +	margin-left:7px; +	min-height:28px; +	width:693px; +} +.generic_comment_details p { +	margin:0; +} +.generic_comment_owner { +	line-height:1.2em; +} +.generic_comment_owner a { +	color:#0054A7; +} +.generic_comment_body { +	margin:3px 0 5px 0; +} +.generic_comment_body p { +	margin-bottom: 10px; +} +/* latest comments in sidebar */ +#elgg_sidebar .generic_comment.latest { +	padding:2px 0; +} +#elgg_sidebar .generic_comment.latest .generic_comment_icon  { +	margin-left:1px; +	margin-top:5px; +} +#elgg_sidebar .generic_comment.latest .generic_comment_details { +	width:177px; +	line-height:1.1em; +	overflow:hidden; +} +#elgg_sidebar .generic_comment.latest .entity_title { +	font-size: inherit; +	line-height: inherit; +} + + +/* *************************************** +	DEFAULT ENTITY LISTINGS +**************************************** */ +.entity_listing { +	border-bottom:1px dotted #cccccc; +	padding:4px 0; +	position:relative; +} +.entity_listing:first-child { +	border-top:1px dotted #cccccc; +} +.entity_listing:hover { +	background-color: #eeeeee; +} +.entity_listing .icon { +	margin-left:3px; +	margin-top:3px; +} +.entity_listing .info { +	min-height:28px; +	width:693px; +} +.entity_listing_info p { +	margin:0; +	/* line-height:1.2em; */ +} +.entity_title { +	font-weight: bold; +	font-size: 1.1em; +	line-height:1.2em; +	color:#666666; +	padding-bottom:4px; +} +.entity_title a { +	color:#0054A7; +} +.entity_subtext { +	color:#666666; +	font-size: 85%; +	font-style: italic; +	line-height:1.2em; +} +/* entity metadata block */ +.entity_metadata { +	float:right; +	margin:0 3px 0 15px; +	color:#aaaaaa; +	font-size: 90%; +} +.entity_metadata span { +	margin-left:14px; +	text-align:right; +} +.entity_metadata .entity_edit a { +	color:#aaaaaa; +} +.entity_metadata .entity_edit a:hover { +	color:#555555; +} +.entity_metadata .delete_button { +	margin-top:3px; +} +/* override hover for lists of site users/members */ +.members_list .entity_listing:hover { +	background-color:white; +} + + +/* *************************************** +	USER SETTINGS +*************************************** */ +.user_settings { +	margin-bottom:20px; +} +.user_settings h3 { +	background:#e4e4e4; +	color:#333333; +	padding:5px; +	margin-top:10px; +	margin-bottom:10px; +	-webkit-border-radius: 3px; +	-moz-border-radius: 3px; +} +.user_settings label { +	color:#333333; +	font-size:100%; +	font-weight:normal; +} +.user_settings table.styled { +	width:100%; +} +.user_settings table.styled { +	border-top:1px solid #cccccc; +} +.user_settings table.styled td { +	padding:2px 4px 2px 4px; +	border-bottom:1px solid #cccccc; +} +.user_settings table.styled td.column_one { +	width:200px; +} +.user_settings table.styled tr:hover { +	background: #E4E4E4; +} +.add_user form { +	width:300px; +} + + +/* *************************************** +	GENERAL FORM ELEMENTS +*************************************** */ +/* default elgg core input field classes */ +.input_text, +.input_tags, +.input_url, +.input_textarea { +	width:98%; +} +.input_access { +	margin:5px 0 0 0; +} +.input_password { +	width:200px; +} +.input_textarea { +	height: 200px; +	width:718px; +} +input[type="checkbox"], +input.input_radio { +	margin:0 3px 0 0; +	padding:0; +	border:none; +} +label { +	font-weight: bold; +	color:#333333; +	font-size: 110%; +} +input { +	font: 120% Arial, Helvetica, sans-serif; +	padding: 5px; +	border: 1px solid #cccccc; +	color:#666666; +	-webkit-border-radius: 5px; +	-moz-border-radius: 5px; +} +textarea { +	font: 120% Arial, Helvetica, sans-serif; +	border: solid 1px #cccccc; +	padding: 5px; +	color:#666666; +	-webkit-border-radius: 5px; +	-moz-border-radius: 5px; +} +textarea:focus, +input[type="text"]:focus { +	border: solid 1px #4690d6; +	background: #e4ecf5; +	color:#333333; +} +.input_textarea.monospace { +	font-family:Monaco,"Courier New",Courier,monospace; +	font-size:13px; +} +a.longtext_control { +	float:right; +	margin-left:14px; +} +.submit_button { +	font-size: 14px; +	font-weight: bold; +	color: white; +	text-shadow:1px 1px 0px black; +	text-decoration:none; +	border: 1px solid #4690d6; +	background-color:#4690d6; +	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); +	background-repeat: repeat-x; +	background-position: left 10px; +	-webkit-border-radius: 5px; +	-moz-border-radius: 5px; +	width: auto; +	padding: 2px 4px; +	margin:0 10px 10px 0; +	cursor: pointer; +	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +.submit_button:hover { +	color: white; +	border-color: #0054a7; +	text-decoration:none; +	background-color:#0054a7; +	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); +	background-repeat:  repeat-x; +	background-position:  left 10px; +} +.submit_button.disabled { +	background-color:#999999; +	border-color:#999999; +	color:#dedede; +} +.submit_button.disabled:hover { +	background-color:#999999; +	border-color:#999999; +	color:#dedede; +} +input[type="password"]:focus { +	border: solid 1px #4690d6; +	background-color: #e4ecf5; +	color:#333333; +} +input[type="submit"] { +	font-size: 14px; +	font-weight: bold; +	color: white; +	text-shadow:1px 1px 0px black; +	text-decoration:none; +	border: 1px solid #4690d6; +	background-color:#4690d6; +	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); +	background-repeat:  repeat-x; +	background-position:  left 10px; +	-webkit-border-radius: 5px; +	-moz-border-radius: 5px; +	width: auto; +	padding: 2px 4px; +	margin:10px 0 10px 0; +	cursor: pointer; +	-moz-outline-style: none; +	outline: none; +	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +input[type="submit"]:hover { +	border-color: #0054a7; +	text-decoration:none; +	background-color:#0054a7; +	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); +	background-repeat:  repeat-x; +	background-position:  left 10px; +} +.cancel_button { +	font-size: 14px; +	font-weight: bold; +	text-decoration:none; +	color: #333333; +	background-color:#dddddd; +	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png); +	background-repeat:  repeat-x; +	background-position:  left 10px; +	border: 1px solid #999999; +	-webkit-border-radius: 5px; +	-moz-border-radius: 5px; +	width: auto; +	padding: 2px 4px; +	margin:10px 0 10px 10px; +	cursor: pointer; +} +.cancel_button:hover { +	background-color: #999999; +	background-position:  left 10px; +	text-decoration:none; +	color:white; +} +input.action_button, +a.action_button { +	-webkit-border-radius: 5px; +	-moz-border-radius: 5px; +	background-color:#cccccc; +	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif); +	background-repeat:  repeat-x; +	background-position: 0 0; +	border:1px solid #999999; +	color:#333333; +	padding:2px 15px 2px 15px; +	text-align:center; +	font-weight:bold; +	text-decoration:none; +	text-shadow:0 1px 0 white; +	cursor:pointer; +	-webkit-box-shadow: none; +	-moz-box-shadow: none; +} +input.action_button:hover, +a.action_button:hover, +input.action_button:focus, +a.action_button:focus { +	background-position:0 -15px; +	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif); +	background-repeat:  repeat-x; +	color:#111111; +	text-decoration: none; +	background-color:#cccccc; +	border:1px solid #999999; +} +.action_button:active { +	background-image:none; +} +.action_button.disabled { +	color:#999999; +	padding:2px 7px 2px 7px; +} +.action_button.disabled:hover { +	background-position:0 -15px; +	color:#111111; +	border:1px solid #999999; +} +.action_button.disabled:active { +	background-image:none; +} +.action_button.download { +	padding: 5px 9px 5px 6px; +} +.action_button.download:hover { + +} +.action_button.download img { +	margin-right:6px; +	position:relative; +	top:5px; +} +.action_button.small { +	-webkit-border-radius: 3px; +	-moz-border-radius: 3px; +	width: auto; +	height:8px; +	padding: 4px; +	font-size: 0.9em; +	line-height: 0.6em; +} +.action_button.small:hover { +	background-color: #4690d6; +	background-image: none; +	border-color: #4690d6; +	color:white; +	text-shadow:0 -1px 0 black; +} +/* small round delete button */ +.delete_button { +	width:14px; +	height:14px; +	margin:0; +	float:right; +} +.delete_button a { +	display:block; +	cursor: pointer; +	width:14px; +	height:14px; +	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat -200px top; +	text-indent: -9000px; +	text-align: left; +} +.delete_button a:hover { +	background-position: -200px -16px; +} + + +/* *************************************** +	FRIENDS PICKER +*************************************** */ +.friends_picker_container h3 { +	font-size:4em !important; +	text-align: left; +	margin:10px 0 20px 0 !important; +	color:#999999 !important; +	background: none !important; +	padding:0 !important; +} +.friends_picker .friends_picker_container .panel ul { +	text-align: left; +	margin: 0; +	padding:0; +} +.friends_picker_wrapper { +	margin: 0; +	padding:0; +	position: relative; +	width: 100%; +} +.friends_picker { +	position: relative; +	overflow: hidden; +	margin: 0; +	padding:0; +	width: 730px; +	height: auto; +} +.friendspicker_savebuttons { +	background: white; +	-webkit-border-radius: 8px; +	-moz-border-radius: 8px; +	margin:0 10px 10px 10px; +} +.friends_picker .friends_picker_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; +} +.friends_picker .friends_picker_container .panel { +	float:left; +	height: 100%; +	position: relative; +	width: 730px; +	margin: 0; +	padding:0; +} +.friends_picker .friends_picker_container .panel .wrapper { +	margin: 0; +	padding:4px 10px 10px 10px; +	min-height: 230px; +} +.friends_picker_navigation { +	margin: 0 0 10px 0; +	padding:0 0 10px 0; +	border-bottom:1px solid #cccccc; +} +.friends_picker_navigation ul { +	list-style: none; +	padding-left: 0; +} +.friends_picker_navigation ul li { +	float: left; +	margin:0; +	background:white; +} +.friends_picker_navigation a { +	font-weight: bold; +	text-align: center; +	background: white; +	color: #999999; +	text-decoration: none; +	display: block; +	padding: 0; +	width:20px; +	-webkit-border-radius: 4px; +	-moz-border-radius: 4px; +} +.tabHasContent { +	background: white; +	color:#333333 !important; +} +.friends_picker_navigation li a:hover { +	background: #333333; +	color:white !important; +} +.friends_picker_navigation li a.current { +	background: #4690D6; +	color:white !important; +} +.friends_picker_navigation_l, .friends_picker_navigation_r { +	position: absolute; +	top: 46px; +	text-indent: -9000em; +} +.friends_picker_navigation_l a, .friends_picker_navigation_r a { +	display: block; +	height: 43px; +	width: 43px; +} +.friends_picker_navigation_l { +	right: 48px; +	z-index:1; +} +.friends_picker_navigation_r { +	right: 0; +	z-index:1; +} +.friends_picker_navigation_l { +	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat left top; +} +.friends_picker_navigation_r { +	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat -60px top; +} +.friends_picker_navigation_l:hover { +	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat left -44px; +} +.friends_picker_navigation_r:hover { +	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat -60px -44px; +} +.friendspicker_savebuttons .submit_button, +.friendspicker_savebuttons .cancel_button { +	margin:5px 20px 5px 5px; +} +#collectionMembersTable { +	background: #dedede; +	-webkit-border-radius: 8px; +	-moz-border-radius: 8px; +	margin:10px 0 0 0; +	padding:10px 10px 0 10px; +} + + +/* *************************************** +	LIKES +*************************************** */ +.likes_list_holder { +	position: relative; +	float:right; +} +.likes_list_holder a.user_like { +	cursor:pointer; +	background: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left -101px; +	text-indent: -9000em; +	text-align: left; +	display:block; +	width:20px; +	height:20px; +	margin:0; +	float:left; +} +.likes_list_holder a.user_like:hover { +	background-position: left -131px; +} +.likes_list_holder .likes_list_button.link { +	float:left; +	text-align: left; +	background: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left -131px; +	padding-left:21px; +	height:20px; +} +.likes_list_holder .likes_list_button.link.not_liked { +	background:none; +	padding-left:0; +} +.likes_list_holder .likes_list { +	background-color: white; +	border:1px solid #cccccc; +	width: 345px; +	height: auto; +	position: absolute; +	text-align: left; +	z-index: 9999; +	-webkit-border-radius: 6px; +	-moz-border-radius: 6px; +	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); +	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); +} +.likes_list_holder .elgg_likes_user { +	border-bottom:1px solid #cccccc; +	padding:3px; +} +.likes_list_holder .elgg_likes_user .entity_listing_info { +	width:305px; +} +.entity_listing .elgg_likes_user .entity_metadata { +	min-width:20px !important; +} +.elgg_likes_user .entity_listing_icon { +	margin:3px 0 4px 2px; +} +.elgg_likes_user .entity_metadata { +	margin-top:3px; +} +p.elgg_likes_owner { +	padding-top:4px; +} + +.user_picker .user_picker_entry { +	clear:both; +	height:25px; +	padding:5px; +	margin-top:5px; +	border-bottom:1px solid #cccccc; +} +.user_picker_entry .delete_button { +	margin-right:10px; +} + +/* *************************************** +	MISC +*************************************** */ +#dashboard_info { +	float: left; +	width: 625px; +	margin: 0 5px 15px; +	padding: 5px; +	border: 2px solid #dedede; +} + + +<?php + +// in case plugins are still extending the old 'css' view, display it  echo elgg_view('css'); | 
