diff options
| author | brettp <brettp@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2010-03-03 17:53:05 +0000 |
|---|---|---|
| committer | brettp <brettp@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2010-03-03 17:53:05 +0000 |
| commit | 4766f36a4d74924f21ff329c4318ce4e069ffa04 (patch) | |
| tree | 969b84632f2a8b0db79788a8a6db8e41d63e5cb4 /views/default/css.php | |
| parent | 57a217fd6b708844407486046a1faa23b46cac08 (diff) | |
| download | elgg-4766f36a4d74924f21ff329c4318ce4e069ffa04.tar.gz elgg-4766f36a4d74924f21ff329c4318ce4e069ffa04.tar.bz2 | |
Pulled in the interface changes.
git-svn-id: http://code.elgg.org/elgg/trunk@5257 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'views/default/css.php')
| -rw-r--r-- | views/default/css.php | 3106 |
1 files changed, 1110 insertions, 1996 deletions
diff --git a/views/default/css.php b/views/default/css.php index e5df6a0b2..80885ef7d 100644 --- a/views/default/css.php +++ b/views/default/css.php @@ -1,20 +1,42 @@ -<?php /** - * Elgg Default Theme - * core CSS file - * - * Updated 30 Sept 09 - * - * @package Elgg - * @subpackage Core - * @link http://elgg.org/ - * + * ELGG DEFAULT CSS * @uses $vars['wwwroot'] The site URL - */ -?> +*/ + +/* 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 + TOOLS MENU drop-down tools menu in topbar + HEADER CONTENTS + FOOTER CONTENTS + SYSTEM MESSAGES system messages overlay + BREADCRUMBS + SUBMENU current page/tool submenu in sidebar + PAGINATION re-usable default page navigation + ELGG TABBED NAVIGATION primary tabbed elgg navigation in header + LOGIN / REGISTER login box, register, and lost password page styles + CONTENT HEADER + ENTITY LISTINGS elgg's default entity listings + USER SETTINGS & ADMIN AREA styles for user settings and default admin area + GENERAL FORM ELEMENTS default styles for all elgg input/form elements + + + +*/ +/* Colors: + + #4690D6 - elgg light blue + #0054A7 - elgg dark blue +*/ + + /* *************************************** - RESET BASE STYLES + RESET CSS *************************************** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, @@ -34,19 +56,28 @@ table, caption, tbody, tfoot, thead, tr, th, td { font-family: inherit; vertical-align: baseline; } -/* remember to define focus styles! */ +img { + border-width:0; + border-color:transparent; +} :focus { - outline: 0; + outline:0 none; + -moz-outline-style: none; } ol, ul { - list-style: none; + list-style:none outside none; } em, i { font-style:italic; } -/* tables still need cellspacing="0" (for ie6) */ +ins { + text-decoration:none; +} +del { + text-decoration:line-through; +} table { - border-collapse: separate; + border-collapse: collapse; border-spacing: 0; } caption, th, td { @@ -61,74 +92,46 @@ q:before, q:after { blockquote, q { quotes: "" ""; } -.clearfloat { - clear:both; - height:0; - font-size: 1px; - line-height: 0px; -} -/* *************************************** - DEFAULTS -*************************************** */ -/* elgg open source blue #4690d6 */ -/* elgg open source dark blue #0054a7 */ -/* elgg open source light yellow #FDFFC3 */ -/* elgg open source light blue #bbdaf7 */ +/* *************************************** + BASICS +*************************************** */ body { text-align:left; margin:0 auto; padding:0; - background: #dedede; - font: 80%/1.4 "Lucida Grande", Verdana, sans-serif; - color: #333333; + background-color: white; + font-size: 80%; + line-height: 1.4em; + font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif; } a { - color: #4690d6; + color: #4690D6; text-decoration: none; -moz-outline-style: none; outline: none; } -a:visited { - -} -a:hover { - color: #0054a7; +a:hover, +a.selected { + color: #555555; text-decoration: underline; } p { - margin: 0px 0px 15px 0; -} -img { - border: none; -} -ul { - margin: 5px 0px 15px; - padding-left: 20px; -} -ul li { - margin: 0px; -} -ol { - margin: 5px 0px 15px; - padding-left: 20px; -} -ul li { - margin: 0px; + margin-bottom:15px; } -form { - margin: 0px; - padding: 0px; +p:last-child { + margin-bottom:0; } small { font-size: 90%; } h1, h2, h3, h4, h5, h6 { font-weight: bold; - line-height: normal; + line-height: auto; + color:#0054A7; } h1 { font-size: 1.8em; } h2 { font-size: 1.5em; } @@ -136,29 +139,24 @@ h3 { font-size: 1.2em; } h4 { font-size: 1.0em; } h5 { font-size: 0.9em; } h6 { font-size: 0.8em; } - dt { - margin: 0; - padding: 0; font-weight: bold; } dd { margin: 0 0 1em 1em; - padding: 0; } pre, code { font-family:Monaco,"Courier New",Courier,monospace; font-size:12px; background:#EBF5FF; 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; @@ -173,415 +171,289 @@ blockquote { margin:0px 0 15px 0; line-height:1.3em; background:#EBF5FF; - border:none !important; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; -} -blockquote p { - margin:0 0 5px 0; + border:none; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; } + /* *************************************** - PAGE LAYOUT - MAIN STRUCTURE + GENERIC SELECTORS *************************************** */ -#page_container { - margin:0; - padding:0; +h2 { + border-bottom:1px solid #CCCCCC; + padding-bottom:5px; +} +.clearfloat:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +.divider { + border-top:1px solid #cccccc; } -#page_wrapper { - width:990px; - margin:0 auto; - padding:0; - min-height: 300px; - +.hidden { + display:none; } -#layout_header { - text-align:left; - width:100%; - height:67px; - background:#dedede; +.radius8 { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; } -#wrapper_header { - margin:0; - padding:10px 20px 20px 0px; +.margin_top { + margin-top:10px; } -#wrapper_header h1 { - margin:10px 0 0 0; - letter-spacing: -0.03em; +form.action { + margin-top:10px; } -#layout_canvas { - margin:0 0 20px 0; - padding:20px; - min-height: 360px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - background: white; - border-bottom:1px solid #cccccc; - border-right:1px solid #cccccc; +.tags { + background-image:url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/icon_tag.png); + background-repeat: no-repeat; + background-position: left 2px; + padding:1px 0 0 16px; + font-size: 90%; } - - -/* canvas layout: 1 column, no sidebar */ -#one_column { -/* width:928px; */ - margin:0; - min-height: 360px; - background: #dedede; - padding:0 0 10px 0; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; +.ajax_loader { + background-color: white; + background-image: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/ajax_loader_bw.gif); + background-repeat: no-repeat; + background-position: center 30px; + /* + width:auto; + height:100px; + margin:0 10px 0 10px; +*/ } - -/* canvas layout: 2 column left sidebar */ -#two_column_left_sidebar { - width:210px; - margin:0 20px 0 0; - min-height:360px; - float:left; - background: #dedede; - padding:0px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-bottom:1px solid #cccccc; - border-right:1px solid #cccccc; +#elgg_sidebar h3 { + border-bottom:1px solid #CCCCCC; + margin-bottom:5px; + margin-top:20px; + padding-bottom:5px; } -#two_column_left_sidebar_maincontent { - width:718px; - margin:0; - min-height: 360px; - float:left; - background: #dedede; - padding:0 0 5px 0; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; +/* *************************************** + PAGE LAYOUT - MAIN BLOCKS POSITIONING +*************************************** */ +#elgg_topbar { + background:#333333 url(<?php echo $vars['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; } - - - - -#two_column_left_sidebar_maincontent_boxes { - margin:0 0px 20px 20px; - padding:0 0 5px 0; - width:718px; - background: #dedede; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - float:left; +#elgg_header { + overflow: hidden; + position: relative; + width: 100%; + height:90px; + background-color: #4690D6; } -#two_column_left_sidebar_boxes { - width:210px; - margin:0px 0 20px 0px; - min-height:360px; - float:left; - padding:0; +#elgg_header_contents { + width:990px; + position: relative; + margin:0 auto; + height:90px; } -#two_column_left_sidebar_boxes .sidebarBox { - margin:0px 0 22px 0; - background: #dedede; - padding:4px 10px 10px 10px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-bottom:1px solid #cccccc; - border-right:1px solid #cccccc; +#elgg_search { + bottom:5px; + height:23px; + position:absolute; + right:0; } -#two_column_left_sidebar_boxes .sidebarBox h3 { - padding:0 0 5px 0; - font-size:1.25em; - line-height:1.2em; - color:#0054A7; +#elgg_main_nav { + z-index: 7000; + position: absolute; + height:23px; + bottom:0; + left:0; + width:auto; } - -/* canvas layout: 2 column right sidebar */ -#two_column_right_sidebar { - width:210px; - margin:0 0 0 20px; - min-height:360px; - float:left; - background: #dedede; - padding:0px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-bottom:1px solid #cccccc; - border-right:1px solid #cccccc; +#elgg_content { /* wraps sidebar and page contents */ + width:990px; + position: relative; + margin:0 auto; + min-height:400px; } - - -.contentWrapper { - background:white; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - padding:10px; - margin:0 10px 10px 10px; +#elgg_content.sidebar { /* class on #elgg_content div to give a full-height sidebar background */ + background-image:url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/sidebar_background.gif); + background-repeat:repeat-y; + background-position: right top; } -span.contentIntro p { - margin:0 0 0 0; +#elgg_page_contents { /* main page contents */ + float:left; + width:730px; + position: relative; + min-height: 360px; + margin:10px 20px 20px 10px; } -.notitle { - margin-top:10px; +#elgg_page_contents.one_column { /* class on #elgg_page_contents when no sidebar */ + width:970px; + margin-right:10px; } - -/* canvas layout: widgets (profile and dashboard) */ -#widgets_left { - width:303px; - margin:0 20px 20px 0; +#elgg_sidebar { /* elgg sidebar */ + float:right; + width:210px; + margin:20px 10px; + position: relative; min-height:360px; - padding:0; } -#widgets_middle { - width:303px; - margin:0 0 20px 0; - padding:0; -} -#widgets_right { - width:303px; - margin:0px 0 20px 20px; - float:left; - padding:0; -} -#widget_table td { - border:0; - padding:0; - margin:0; - text-align: left; - vertical-align: top; +#elgg_footer { + position: relative; + z-index: 999; } -/* IE6 fixes */ -* html #widgets_right { float:none; } -* html #profile_info_column_left { - margin:0 10px 0 0; - width:200px; +#elgg_footer_contents { + border-top:1px solid #DEDEDE; + margin:0 auto; + width:990px; + padding:3px 0 10px 0; + text-align: right; } -* html #dashboard_info { width:585px; } -/* IE7 */ -*:first-child+html #profile_info_column_left { width:200px; } + /* *************************************** - SPOTLIGHT + ELGG MAIN NAVIGATION in header *************************************** */ -#layout_spotlight { - margin:20px 0 20px 0; - padding:0; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - background: white; - border-bottom:1px solid #cccccc; - border-right:1px solid #cccccc; -} -#wrapper_spotlight { +.navigation, +.navigation ul { margin:0; padding:0; - height:auto; -} -#wrapper_spotlight #spotlight_table h2 { - color:#4690d6; - 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:#4690d6; + display:inline; + float:left; + list-style-type: none; + z-index: 7000; + position: relative; } -#wrapper_spotlight .collapsable_box_content { +.navigation li { + list-style: none; + font-weight: bold; + position: relative; + display:block; + height:23px; + float:left; 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; - background: none; -} - - -/* *************************************** - FOOTER -*************************************** */ -#layout_footer { - background: #b6b6b6; - height:80px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - margin:0 0 20px 0; -} -#layout_footer table { -margin:0 0 0 20px; +.navigation a { + display:block; } -#layout_footer a, #layout_footer p { -color:#333333; -margin: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; } -#layout_footer .footer_toolbar_links { - text-align:right; - padding:15px 0 0 0; - font-size:1.2em; +.navigation li a.hover, +.navigation a:hover { + background:white; + color:#43575e; + -moz-border-radius-topleft:4px; + -moz-border-radius-topright:4px; + -webkit-border-top-left-radius:4px; + -webkit-border-top-right-radius:4px; } -#layout_footer .footer_legal_links { - text-align:right; +.navigation li.selected a { + background:white; + color:#43575e; + -moz-border-radius-topleft:4px; + -moz-border-radius-topright:4px; + -webkit-border-top-left-radius:4px; + -webkit-border-top-right-radius:4px; + margin-top:2px; } + /* *************************************** -HORIZONTAL ELGG TOPBAR + ELGG TOPBAR *************************************** */ -#elgg_topbar { - background:#333333 url(<?php echo $vars['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; /* if you have multiple position:relative elements, then IE sets up separate Z layer contexts for each one, which ignore each other */ -} -#elgg_topbar_container_left { +#elgg_topbar_contents { float:left; height:24px; left:0px; top:0px; position:absolute; text-align:left; - width:60%; -} -#elgg_topbar_container_right { - float:right; - height:24px; - position:absolute; - right:0px; - top:0px; - /* width:120px;*/ - text-align:right; -} -#elgg_topbar_container_search { - float:right; - height:21px; - /*width:280px;*/ - position:relative; - right:120px; - text-align:right; - margin:3px 0 0 0; + width:100%; } -#elgg_topbar_container_left .toolbarimages { - float:left; +#elgg_topbar_contents a { margin-right:20px; -} -#elgg_topbar_container_left .toolbarlinks { - margin:0 0 10px 0; - float:left; -} -#elgg_topbar_container_left .toolbarlinks2 { - margin:3px 0 0 0; + padding-top:2px; + display:inline; float:left; -} -#elgg_topbar_container_left a.loggedinuser { + text-align: left; color:#eeeeee; - font-weight:bold; - margin:0 0 0 5px; } -#elgg_topbar_container_left a.pagelinks { - color:white; - margin:0 15px 0 5px; - display:block; - padding:3px; -} -#elgg_topbar_container_left a.pagelinks:hover { - background: #4690d6; - text-decoration: none; -} -#elgg_topbar_container_left a.privatemessages { - background:transparent url(<?php echo $vars['url']; ?>_graphics/toolbar_messages_icon.gif) no-repeat left 2px; - padding:0 0 4px 16px; - margin:0 15px 0 5px; - cursor:pointer; +#elgg_topbar_contents a:hover { + color:#71cbff; + text-decoration: none; } -#elgg_topbar_container_left a.privatemessages:hover { - text-decoration: none; - background:transparent url(<?php echo $vars['url']; ?>_graphics/toolbar_messages_icon.gif) no-repeat left -36px; -} -#elgg_topbar_container_left a.privatemessages_new { - background:transparent url(<?php echo $vars['url']; ?>_graphics/toolbar_messages_icon.gif) no-repeat left -17px; - padding:0 0 0 18px; - margin:0 15px 0 5px; - color:white; -} -/* IE6 */ -* html #elgg_topbar_container_left a.privatemessages_new { background-position: left -18px; } -/* IE7 */ -*+html #elgg_topbar_container_left a.privatemessages_new { background-position: left -18px; } - -#elgg_topbar_container_left a.privatemessages_new:hover { - text-decoration: none; -} - -#elgg_topbar_container_left a.usersettings { - margin:0 0 0 20px; - color:#999999; - padding:3px; +#elgg_topbar_contents a img.user_mini_avatar { + border:1px solid #eeeeee; + margin:1px 0 0 10px; + display: block; } -#elgg_topbar_container_left a.usersettings:hover { - color:#eeeeee; +#elgg_topbar_contents a img.site_logo { + display: block; + margin-left:5px; + margin-top: -1px; } -#elgg_topbar_container_left img { - margin:0 0 0 5px; +#elgg_topbar_contents .log_out { + float:right; } -#elgg_topbar_container_left .user_mini_avatar { - border:1px solid #eeeeee; - margin:0 0 0 20px; +#elgg_topbar_contents .log_out a { + display: inline; + text-align: right; + margin-right:10px; + color:#999999; } -#elgg_topbar_container_right { - padding:3px 0 0 0; +#elgg_topbar_contents .log_out a:hover { + color:#71cbff; } -#elgg_topbar_container_right a { - color:#eeeeee; - margin:0 5px 0 0; - background:transparent url(<?php echo $vars['url']; ?>_graphics/elgg_toolbar_logout.gif) no-repeat top right; - padding:0 21px 0 0; - display:block; - height:20px; +#elgg_topbar_contents a.settings { + background:transparent url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/topbar_icons.png) no-repeat left -41px; + padding-left:20px !important; + float:right; + margin-right:30px; } -/* IE6 fix */ -* html #elgg_topbar_container_right a { - width: 120px; +#elgg_topbar_contents a.admin { + background:transparent url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/topbar_icons.png) no-repeat left -41px; + padding-left:20px !important; + float:right; + margin-right:30px; } -#elgg_topbar_container_right a:hover { - background-position: right -21px; +#elgg_topbar_contents a.help { + background:transparent url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/topbar_icons.png) no-repeat 0 -133px; + padding-left:18px !important; + float:right; + margin-right:30px; } -#elgg_topbar_panel { - background:#333333; - color:#eeeeee; - height:200px; - width:100%; - padding:10px 20px 10px 20px; - display:none; - position:relative; + + + + +/* @todo PH check + move into shared access? */ +#elgg_topbar_contents a.shared_access { + background:transparent url(<?php echo $vars['url']; ?>_graphics/icons_shared_access.png) no-repeat 0 -15px; + padding-left:20px !important; + float:right; } + + /* *************************************** - TOP BAR - VERTICAL TOOLS MENU + TOOLS MENU *************************************** */ -/* elgg toolbar menu setup */ -ul.topbardropdownmenu, ul.topbardropdownmenu ul { +#elgg_topbar_contents ul.tools_menu, +#elgg_topbar_contents ul.tools_menu ul { margin:0; padding:0; display:inline; @@ -590,10 +462,14 @@ ul.topbardropdownmenu, ul.topbardropdownmenu ul { z-index: 9000; position: relative; } -ul.topbardropdownmenu { - margin:0pt 20px 0pt 5px; +#elgg_topbar_contents ul.tools_menu { + margin:0 20px 0 5px; +} +#elgg_topbar_contents li.menu a.tools { + background:transparent url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/topbar_icons.png) no-repeat 3px 1px; + padding-left:24px !important; } -ul.topbardropdownmenu li { +#elgg_topbar_contents ul.tools_menu li { display: block; list-style: none; margin: 0; @@ -601,798 +477,834 @@ ul.topbardropdownmenu li { float: left; position: relative; } -ul.topbardropdownmenu a { +#elgg_topbar_contents ul.tools_menu a { display:block; } -ul.topbardropdownmenu ul { +#elgg_topbar_contents ul.tools_menu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } -/* IE6 fix */ -* html ul.topbardropdownmenu ul { - line-height: 1.1em; -} -/* IE6/7 fix */ -ul.topbardropdownmenu ul a { - zoom: 1; -} -ul.topbardropdownmenu ul li { +#elgg_topbar_contents ul.tools_menu ul li { float: none; -} -/* elgg toolbar menu style */ -ul.topbardropdownmenu ul { +} +/* elgg toolbar drop-down menu style */ +#elgg_topbar_contents ul.tools_menu ul { width: 150px; top: 24px; + overflow: hidden; border-top:1px solid black; } -ul.topbardropdownmenu *:hover { +#elgg_topbar_contents ul.tools_menu *:hover { background-color: none; } -ul.topbardropdownmenu a { - padding:3px; +#elgg_topbar_contents ul.tools_menu a { + padding:2px 7px 4px 7px; text-decoration:none; color:white; + overflow-y: hidden; } -ul.topbardropdownmenu li.hover a { - background-color: #4690d6; +#elgg_topbar_contents ul.tools_menu li.hover a { + background-color: #333333; text-decoration: none; } -ul.topbardropdownmenu ul li.drop a { - font-weight: normal; -} -/* IE7 fixes */ -*:first-child+html #elgg_topbar_container_left a.pagelinks { - -} -*:first-child+html ul.topbardropdownmenu li.drop a.menuitemtools { - padding-bottom:6px; -} -ul.topbardropdownmenu ul li a { - background-color: #999999;/* menu off state color */ +#elgg_topbar_contents ul.tools_menu ul li a { + background-color: #333333; /* menu off-state color */ font-weight: bold; padding-left:6px; padding-top:4px; padding-bottom:0; height:22px; + width:150px; + display: block; border-bottom: 1px solid white; } -ul.topbardropdownmenu ul a.hover { - background-color: #333333; +#elgg_topbar_contents ul.tools_menu ul a.hover { + background-color: #0054a7; /* menu hover-state color */ } -ul.topbardropdownmenu ul a { +#elgg_topbar_contents ul.tools_menu ul a { opacity: 0.9; - filter: alpha(opacity=90); } + /* *************************************** -SYSTEM MESSSAGES + HEADER CONTENTS *************************************** */ -.messages { - background:#ccffcc; - color:#000000; - padding:3px 10px 3px 10px; - z-index: 8000; - margin:0; - position:fixed; - top:30px; - width:969px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border:4px solid #00CC00; - cursor: pointer; +#elgg_header_contents h1 a { + font-size: 2em; + line-height:1.7em; + color: white; + font-style: italic; + font-family: Georgia, times, serif; + display: block; + text-decoration: none; + text-shadow:1px 2px 4px #333333; } -.messages_error { - border:4px solid #D3322A; - background:#F7DAD8; - color:#000000; - padding:3px 10px 3px 10px; - z-index: 8000; +#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; - position:fixed; - top:30px; - width:969px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - cursor: pointer; -} -.closeMessages { - float:right; - margin-top:17px; + padding:2px 4px 2px 26px; + width:198px; + background-image: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/search.png); + background-position: 3px 0; + background-repeat: no-repeat; +} +#elgg_header_contents #elgg_search input.search_input:focus { + background-color:white; + color:#0054A7; + border:1px solid white; + background-position: 3px -37px; } -.closeMessages a { - color:#666666; - cursor: pointer; - text-decoration: none; - font-size: 80%; +#elgg_header_contents #elgg_search input.search_input:active { + background-color:white; + color:#0054A7; + border:1px solid white; + background-position: 3px -37px; } -.closeMessages a:hover { - color:black; +#elgg_header_contents #elgg_search input.search_submit_button { + display:none; } /* *************************************** -COLLAPSABLE BOXES + FOOTER CONTENTS *************************************** */ -.collapsable_box { - margin: 0 0 20px 0; - height:auto; - +#elgg_footer_contents, +#elgg_footer_contents a, +#elgg_footer_contents p { + color:#999999; } -/* IE6 fix */ -* html .collapsable_box { - height:10px; +#elgg_footer_contents a:hover { + color:#666666; } -.collapsable_box_header { - color: #4690d6; - padding: 5px 10px 5px 10px; +.#elgg_footer_contents p { margin:0; - border-left: 1px solid white; - border-right: 1px solid #cccccc; - border-bottom: 1px solid #cccccc; - -moz-border-radius-topleft:8px; - -moz-border-radius-topright:8px; - -webkit-border-top-right-radius:8px; - -webkit-border-top-left-radius:8px; - background:#dedede; } -.collapsable_box_header h1 { - color: #0054a7; - font-size:1.25em; - line-height: 1.2em; +.powered_by_elgg_badge { + float:right; } -.collapsable_box_content { - padding: 10px 0 10px 0; - margin:0; - height:auto; - background:#dedede; - -moz-border-radius-bottomleft:8px; - -moz-border-radius-bottomright:8px; - -webkit-border-bottom-right-radius:8px; - -webkit-border-bottom-left-radius:8px; - border-left: 1px solid white; - border-right: 1px solid #cccccc; - border-bottom: 1px solid #cccccc; + + +/* *************************************** + SYSTEM MESSAGES +*************************************** */ +#elgg_system_message { + background-color:black; + color:white; + font-weight: bold; + display:block; + padding:3px 10px; + z-index: 9600; + position:fixed; + right:20px; + margin-top:10px; + width:auto; + cursor: pointer; + opacity:0.9; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); /* safari v3+ */ + -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); /* FF v3.5+ */ } -.collapsable_box_content .contentWrapper { - margin-bottom:5px; +#elgg_system_message.error { + background-color:red; } -.collapsable_box_editpanel { - display: none; - background: #a8a8a8; - padding:10px 10px 5px 10px; - border-left: 1px solid white; - border-bottom: 1px solid white; +#elgg_system_message p { + margin:0; } -.collapsable_box_editpanel p { - margin:0 0 5px 0; + + +/* *************************************** + BREADCRUMBS +*************************************** */ +#breadcrumbs { + font-size: 80%; + line-height:1.2em; + color:#bababa; + position: relative; + top:-8px; + left:0; } -.collapsable_box_header a.toggle_box_contents { - color: #4690d6; - cursor:pointer; - font-family: Arial, Helvetica, sans-serif; - font-size:20px; - font-weight: bold; - text-decoration:none; - float:right; - margin: 0; - margin-top: -7px; +#breadcrumbs a { + color:#999999; + font-weight:bold; + text-decoration: none; } -.collapsable_box_header a.toggle_box_edit_panel { - color: #4690d6; - cursor:pointer; - font-size:9px; - text-transform: uppercase; - text-decoration:none; - font-weight: normal; - float:right; - margin: 3px 10px 0 0; +#breadcrumbs a:hover { + color: #0054a7; + text-decoration: underline; } -.collapsable_box_editpanel label { - font-weight: normal; - font-size: 100%; + + +/* *************************************** + SUBMENU +*************************************** */ +.submenu ul { + margin:0; + padding:0; + list-style: none; } -/* used for collapsing a content box */ -.display_none { - display:none; +.submenu ul li.selected a { + background: #4690D6; + color:white; } -/* used on spotlight box - to cancel default box margin */ -.no_space_after { - margin: 0 0 0 0; +.submenu ul 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 ul li a:hover { + background:#0054A7; + color:white; + text-decoration:none; } /* *************************************** - GENERAL FORM ELEMENTS + PAGINATION *************************************** */ -label { - font-weight: bold; - color:#333333; - font-size: 120%; -} -input { - font: 120% Arial, Helvetica, sans-serif; - padding: 5px; - border: 1px solid #cccccc; - color:#666666; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; -} -input[type="checkbox"] { - padding: 1px; - border-style: none; -} -textarea { - font: 120% Arial, Helvetica, sans-serif; - border: solid 1px #cccccc; - padding: 5px; - color:#666666; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; +.pagination { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background:white; + margin:5px 10px 5px 10px; + padding:5px; } -textarea:focus, input[type="text"]:focus { - border: solid 1px #4690d6; - background-color: #e4ecf5; - color:#333333; +.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; } -.submit_button { - font: 12px/100% Arial, Helvetica, sans-serif; - font-weight: bold; - color: #ffffff; +.pagination .pagination_number:hover { background:#4690d6; - border: 1px solid #4690d6; - -webkit-border-radius: 4px; + 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; - width: auto; - height: 25px; - padding: 2px 6px 2px 6px; - margin:10px 0 10px 0; - cursor: pointer; } -.submit_button:hover, input[type="submit"]:hover { - background: #0054a7; - border-color: #0054a7; +.pagination .pagination_previous, +.pagination .pagination_next { + display:block; + float:left; + border:1px solid #4690d6; + 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; } - -input[type="submit"] { - font: 12px/100% Arial, Helvetica, sans-serif; - font-weight: bold; - color: #ffffff; +.pagination .pagination_previous:hover, +.pagination .pagination_next:hover { background:#4690d6; - border: 1px solid #4690d6; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - width: auto; - height: 25px; - padding: 2px 6px 2px 6px; - margin:10px 0 10px 0; - cursor: pointer; + color:white; + text-decoration: none; } -.cancel_button { - font: 12px/100% Arial, Helvetica, sans-serif; +.pagination .pagination_currentpage { + display:block; + float:left; + background:#4690d6; + border:1px solid #4690d6; + text-align: center; + color:white; + font-size: 12px; font-weight: bold; - color: #999999; - background:#dddddd; - border: 1px solid #999999; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - width: auto; - height: 25px; - padding: 2px 6px 2px 6px; - margin:10px 0 10px 10px; + margin:0 6px 0 0; + padding:0px 4px; cursor: pointer; -} -.cancel_button:hover { - background: #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; } -.input-password, -.input-text, -.input-tags, -.input-url, -.input-textarea { - width:98%; -} -.input-textarea { - height: 200px; +/* *************************************** + 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; } /* *************************************** LOGIN / REGISTER *************************************** */ -#login-box { - margin:0 0 10px 0; - padding:0 0 10px 0; - background: #dedede; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - width:240px; - text-align:left; -} -#login-box form { - margin:0 10px 0 10px; - padding:0 10px 4px 10px; - background: white; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - width:200px; +/* login in sidebar */ +#elgg_sidebar #login { + width:auto; } -#login-box h2 { - color:#0054A7; - font-size:1.35em; - line-height:1.2em; - margin:0 0 0 8px; - padding:5px 5px 0 5px; +#elgg_sidebar #login form { + width:auto; } -#login-box .login-textarea { - width:178px; +#elgg_sidebar #login .login_textarea { + width:196px; } -#login-box label, -#register-box label { +/* default login and register forms */ +#login label, +.register label { font-size: 1.2em; color:gray; } -#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"] { +#login input[type="text"], +#login input[type="password"], +.register input[type="text"], +.register input[type="password"] { margin:0 0 10px 0; } -#register-box input[type="text"], -#register-box input[type="password"] { +.register input[type="text"], +.register input[type="password"] { width:380px; } -#login-box h2, -#login-box-openid h2, -#register-box h2, -#add-box h2, -#forgotten_box h2 { - color:#0054A7; - font-size:1.35em; - line-height:1.2em; - margin:0pt 0pt 5px; -} -#register-box { - text-align:left; - width:400px; - padding:10px; - background: #dedede; - margin:0; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; +#login .persistent_login { + float:left; + display:block; + margin-top:-34px; + margin-left:100px; } -#persistent_login label { +#login .persistent_login label { font-size:1.0em; font-weight: normal; + cursor: pointer; } -/* 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; -} -/* login and openID boxes when not running custom_index mod */ -#two_column_right_sidebar #login-box { - width:auto; - background: none; -} -#two_column_right_sidebar #login-box form { - width:auto; - margin:10px 10px 0 10px; - padding:5px 0 5px 10px; -} -#two_column_right_sidebar #login-box h2 { - margin:0 0 0 5px; - padding:5px 5px 0 5px; -} -#two_column_right_sidebar #login-box .login-textarea { - width:158px; -} + /* *************************************** - PROFILE -*************************************** */ -#profile_info { - margin:0 0 20px 0; - padding:20px; - border-bottom:1px solid #cccccc; - border-right:1px solid #cccccc; - background: #e9e9e9; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; -} -#profile_info_column_left { + CONTENT HEADER +**************************************** */ +#content_header { + border-bottom:1px solid #CCCCCC; +} +#content_header:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +.content_header_title, +.content_header_filter { float:left; - padding: 0; - margin:0 20px 0 0; } -#profile_info_column_middle { - float:left; - width:365px; - padding: 0; +.content_header_title { + margin-right:10px; + max-width: 530px; } -#profile_info_column_right { - width:578px; - margin:0 0 0 0; - background:#dedede; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - padding:4px; -} -#dashboard_info { - margin:0px 0px 0 0px; - padding:20px; - border-bottom:1px solid #cccccc; - border-right:1px solid #cccccc; - background: #bbdaf7; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; +.content_header_title h2 { + border:none; + margin-bottom:0; + padding-bottom:5px; } -#profile_menu_wrapper { - margin:10px 0 10px 0; - width:200px; +.content_header_options { + float:right; } -#profile_menu_wrapper p { - border-bottom:1px solid #cccccc; +.content_header_options .action_button { + float:right; + margin:0 0 5px 10px; } -#profile_menu_wrapper p:first-child { - border-top:1px solid #cccccc; +.content_header_filter { + background: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/content_header_filter.gif) no-repeat 0 0; } -#profile_menu_wrapper a { - display:block; - padding:0 0 0 3px; +.content_header_filter select.styled { + height:25px; + cursor: pointer; } -#profile_menu_wrapper a:hover { - color:#ffffff; - background:#4690d6; - text-decoration:none; +span.select { + position: absolute; + width: 342px; + height: 25px; + padding: 3px 24px 0 8px; + color: #fff; + font-weight: bold; + font-size: 1.35em; + background: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/content_header_filter.gif) no-repeat; + overflow: hidden; + text-align: left; } -p.user_menu_friends, p.user_menu_profile, -p.user_menu_removefriend, -p.user_menu_friends_of { +select.styled .select_option { + font-size:1.3em; margin:0; -} -#profile_menu_wrapper .user_menu_admin { - border-top:none; + padding:3px; } -#profile_info_column_middle p { - margin:7px 0 7px 0; - padding:2px 4px 2px 4px; -} -/* profile owner name */ -#profile_info_column_middle h2 { - padding:0 0 14px 0; + + +/* *************************************** + DEFAULT ENTITY LISTINGS +**************************************** */ +.entity_listing { + border-bottom:1px dotted #cccccc; + clear:both; + display:block; margin:0; + padding:5px 0 7px; + position:relative; } -#profile_info_column_middle .profile_status { - background:#bbdaf7; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - padding:2px 4px 2px 4px; - line-height:1.2em; -} -#profile_info_column_middle .profile_status span { - display:block; - font-size:90%; - color:#666666; +.entity_listing:first-child { + border-top:1px dotted #cccccc; } -#profile_info_column_middle a.status_update { - float:right; +.entity_listing:hover { + background-color: #eeeeee; } -#profile_info_column_middle .odd { - background:#dedede; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; +.entity_listing_icon { + float:left; + margin-left:3px; + margin-top:3px; } -#profile_info_column_middle .even { - background:#dedede; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; +.entity_listing_icon img { + width: auto; } -#profile_info_column_right p { - margin:0 0 7px 0; +.entity_listing_info { + float:left; + margin-left:7px; + min-height:28px; + width:693px; } -#profile_info_column_right .profile_aboutme_title { +.entity_listing_info p { margin:0; - padding:0; - line-height:1em; -} -/* edit profile button */ -.profile_info_edit_buttons { - float:right; - margin:0 !important; - padding:0 !important; + line-height:1.2em; } -.profile_info_edit_buttons a { - font: 12px/100% Arial, Helvetica, sans-serif; +.entity_listing_info p.entity_title { font-weight: bold; - color: #ffffff; - background:#4690d6; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - width: auto; - padding: 2px 6px 2px 6px; - margin:0; - cursor: pointer; + font-size: 1.1em; } -.profile_info_edit_buttons a:hover { - background: #0054a7; - text-decoration: none; - color:white; -} - - -/* *************************************** - RIVER -*************************************** */ -#river, -.river_item_list { - border-top:1px solid #dddddd; - - overflow:hidden; +.entity_listing_info p.entity_title a { + color:#0054A7; } -.river_item p { +.entity_listing_info p.entity_subtext { 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%; + padding:0; color:#666666; + font-size: 90%; } -.river_item .river_item_useravatar { - float:left; - margin:0 5px 0 0; -} -/* IE6 fix */ -* html .river_item p { - padding:3px 0 3px 20px; +/* entity metadata block */ +.entity_metadata { + float:right; + margin:0 3px 0 15px; + color:#aaaaaa; + font-size: 90%; } -/* IE7 */ -*:first-child+html .river_item p { - min-height:17px; +.entity_metadata table { + width:280px; } -.river_user_update { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; +.entity_metadata table td { + height:30px; + vertical-align:middle; } -.river_object_user_profileupdate { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; +.entity_metadata table td.entity_edit { + text-align:right; } -.river_object_user_profileiconupdate { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; +.entity_metadata table td.entity_edit a { + color:#aaaaaa; + margin:0 0 0 10px; } -.river_object_annotate { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +.entity_metadata table td.entity_edit a:hover { + color:#0054a7; } -.river_object_bookmarks_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_bookmarks.gif) no-repeat left -1px; +.entity_metadata table td.entity_delete { + padding-top:2px; + width:26px; } -.river_object_bookmarks_comment { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; + + + +/* *************************************** + USER SETTINGS & ADMIN AREA +*************************************** */ +/* GENERAL STYLES */ +.user_settings, +.admin_settings { + margin-bottom:20px; } -.river_object_status_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_status.gif) no-repeat left -1px; +.user_settings p, +.admin_settings p { + margin-bottom:6px; } -.river_object_file_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_files.gif) no-repeat left -1px; +.user_settings h3, +.admin_settings h3 { + background:#e4e4e4; + color:#333333; + padding:5px; + margin-top:10px; + margin-bottom:10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; } -.river_object_file_update { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_files.gif) no-repeat left -1px; +.user_settings label, +.admin_settings label { + color:#333333; + font-size:100%; + font-weight:normal; } -.river_object_file_comment { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +.user_settings table.styled, +.admin_settings table.styled { + width:100%; } -.river_object_widget_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_plugin.gif) no-repeat left -1px; +.user_settings table.styled, +.admin_settings table.styled { + border-top:1px solid #cccccc; } -.river_object_forums_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; +.user_settings table.styled td, +.admin_settings table.styled td { + padding:2px 4px 2px 4px; + border-bottom:1px solid #cccccc; } -.river_object_forums_update { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; +.user_settings table.styled td.column_one, +.admin_settings table.styled td.column_one { + width:200px; } -.river_object_widget_update { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_plugin.gif) no-repeat left -1px; +.user_settings table.styled tr:hover, +.admin_settings table.styled tr:hover { + background: #E4E4E4; } -.river_object_blog_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; +.add_user form { + width:300px; } -.river_object_blog_update { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; +/* PLUGINS MANAGEMENT (ADMIN) */ +.plugin_details { + margin:0 0 5px 0; + padding:0 7px 4px 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; } -.river_object_blog_comment { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +.plugin_details p { + margin:0; + padding:0; } -.river_object_forumtopic_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; +.plugin_details a.pluginsettings_link { + cursor:pointer; + font-size:80%; } -.river_user_friend { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_friends.gif) no-repeat left -1px; +.plugin_details a.manifest_details { + cursor:pointer; + font-size:80%; } -.river_object_relationship_friend_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_friends.gif) no-repeat left -1px; +.active { + border:1px solid #999999; + background:white; } -.river_object_relationship_member_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; +.not_active { + border:1px solid #999999; + background:#dedede; } -.river_object_thewire_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_thewire.gif) no-repeat left -1px; + + +/* *************************************** + GENERAL FORM ELEMENTS +*************************************** */ +/* default elgg core input field classes */ +.input_text, +.input_tags, +.input_url, +.input_textarea { + width:98%; } -.river_group_join { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; +.input_access { + margin:5px 0 0 0; } -.river_object_groupforumtopic_annotate { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +.input_password { + width:200px; } -.river_object_groupforumtopic_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; +.input_textarea { + height: 200px; } -.river_object_sitemessage_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; +input[type="checkbox"] { + margin:0 3px 0 0; + padding:0; + border:none; } -.river_user_messageboard { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +label { + font-weight: bold; + color:#333333; + font-size: 110%; } -.river_object_page_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_pages.gif) no-repeat left -1px; +input { + font: 120% Arial, Helvetica, sans-serif; + padding: 5px; + border: 1px solid #cccccc; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; } -.river_object_page_update { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_pages.gif) no-repeat left -1px; +textarea { + font: 120% Arial, Helvetica, sans-serif; + border: solid 1px #cccccc; + padding: 5px; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; } -.river_object_page_top_create { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_pages.gif) no-repeat left -1px; +textarea:focus, +input[type="text"]:focus { + border: solid 1px #4690d6; + background: #e4ecf5; + color:#333333; } -.river_object_page_top_update { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_pages.gif) no-repeat left -1px; +.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 $vars['url']; ?>mod/elgg_layout/graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + width: auto; + padding: 2px 4px; + margin:0 10px 10px 0; + cursor: pointer; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); /* safari v3+ */ + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); /* FF v3.5+ */ } -.river_object_page_top_comment { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +.submit_button:hover { + color: white; + border-color: #0054a7; + text-decoration:none; + background-color:#0054a7; + background-image: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; } -.river_object_page_comment { - background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +input[type="password"]:focus { + border: solid 1px #4690d6; + background-color: #e4ecf5; + color:#333333; } - -/* *************************************** - ENTITY LISTINGS -*************************************** */ -.search_listing { - display: block; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - background:white; - margin:0 10px 5px 10px; - padding:5px; +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 $vars['url']; ?>mod/elgg_layout/graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + 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); /* safari v3+ */ + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); /* FF v3.5+ */ } -.search_listing_icon { - float:left; +input[type="submit"]:hover { + border-color: #0054a7; + text-decoration:none; + background-color:#0054a7; + background-image: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; } -.search_listing_icon img { - width: 40px; +.cancel_button { + font-size: 14px; + font-weight: bold; + text-decoration:none; + color: #333333; + background-color:#dddddd; + background-image: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + border: 1px solid #999999; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 10px; + cursor: pointer; } -.search_listing_icon .avatar_menu_button img { - width: 15px; +.cancel_button:hover { + background-color: #999999; + background-position: left 10px; + text-decoration:none; + color:white; } -.search_listing_info { - margin-left: 50px; - min-height: 40px; +a.action_button { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + background-color:#cccccc; + background-image: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/button_background.gif); + background-repeat: repeat-x; + background-position: 0 0; + border:1px solid #999999; + color:#333333; + /*display:block;*/ + padding:2px 15px 2px 15px; + text-align:center; + font-weight:bold; + text-decoration:none; + text-shadow:0 1px 0 white; + cursor:pointer; } -/* IE 6 fix */ -* html .search_listing_info { - height:40px; +a.action_button:hover, +a.action_button:focus { + background-position:0 -15px; + color:#111111; + text-decoration: none; } -.search_listing_info p { - margin:0 0 3px 0; - line-height:1.2em; +a.action_button:active { + background-image:none; } -.search_listing_info p.owner_timestamp { - margin:0; - padding:0; - color:#666666; - font-size: 90%; +a.action_button.disabled { + color:#999999; + padding:2px 7px 2px 7px; } -table.entity_gallery { - border-spacing: 10px; - margin:0 0 0 0; +a.action_button.disabled:hover { + background-position:0 -15px; + color:#111111; + border:1px solid #999999; } -.entity_gallery td { - padding: 5px; +a.action_button.disabled:active { + background-image:none; } -.entity_gallery_item { - background: white; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - width:170px; +a.action_button.download { + color: white; + background-color:#4690d6; + background-image: url(<?php echo $vars['url']; ?>mod/elgg_layout/graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + /*display:inline-block;*/ + width:auto; + height:auto; + padding: 3px 6px 3px 6px; + margin:0 0 10px 0; } -.entity_gallery_item:hover { - background: black; +a.action_button.download:hover { + background: #0054a7; + border-color: #0054a7; color:white; } -.entity_gallery_item .search_listing { - background: none; - text-align: center; -} -.entity_gallery_item .search_listing_header { - text-align: center; -} -.entity_gallery_item .search_listing_icon { - position: relative; - text-align: center; -} -.entity_gallery_item .search_listing_info { - margin: 5px; -} -.entity_gallery_item .search_listing_info p { - margin: 5px; - margin-bottom: 10px; -} -.entity_gallery_item .search_listing { - background: none; - text-align: center; -} -.entity_gallery_item .search_listing_icon { - position: absolute; - margin-bottom: 20px; +/* small round delete button */ +.delete_button { + width:14px; + height:14px; + margin:0; + float:right; } -.entity_gallery_item .search_listing_info { - margin: 5px; +.delete_button a { + display:block; + cursor: pointer; + width:14px; + height:14px; + background: url("<?php echo $vars['url']; ?>mod/elgg_layout/graphics/icon_delete.png") no-repeat 0 0; + text-indent: -9000px; } -.entity_gallery_item .search_listing_info p { - margin: 5px; - margin-bottom: 10px; +.delete_button a:hover { + background-position: 0 -16px; } +/* ////////////////////////////////////////////////////////////////////////////////////////// >>>End Verified */ -/* *************************************** - FRIENDS -*************************************** */ -/* friends widget */ -#widget_friends_list { - display:table; - width:275px; - margin:0 10px 0 10px; - padding:8px 0 4px 8px; - -webkit-border-radius: 8px; - -moz-border-radius: 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; + + + + + + +/* @todo OLD ADMIN AREA - will be replaced/updated with multi-admin */ +.admin_settings.users_online .profile_status { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + background:#bbdaf7; + line-height:1.2em; + padding:2px 4px; +} +.admin_settings.users_online .profile_status span { + font-size:90%; + color:#666666; +} +.admin_settings.users_online p.owner_timestamp { + padding-left:3px; +} +.admin_users_online .search_listing { + margin:0 0 5px 0; + padding:5px; + border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; } @@ -1406,33 +1318,12 @@ table.entity_gallery { 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:#dedede; -} -.plugin_details p { - margin:0; - padding:0; -} -.plugin_details a.manifest_details { - cursor:pointer; - font-size:80%; -} .manifest_file { - background:#dedede; + background-color:#eeeeee; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:5px 10px 5px 10px; margin:4px 0 4px 0; - display:none; } .admin_plugin_enable_disable { width:150px; @@ -1440,15 +1331,15 @@ table.entity_gallery { float:right; text-align: right; } -.contentIntro .enableallplugins, -.contentIntro .disableallplugins { + .enableallplugins, + .disableallplugins { float:right; } -.contentIntro .enableallplugins { + .enableallplugins { margin-left:10px; } -.contentIntro .enableallplugins, -.not-active .admin_plugin_enable_disable a { + .enableallplugins, +.not_active .admin_plugin_enable_disable a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; @@ -1460,13 +1351,13 @@ table.entity_gallery { padding: 4px; cursor: pointer; } -.contentIntro .enableallplugins:hover, -.not-active .admin_plugin_enable_disable a:hover { + .enableallplugins:hover, +.not_active .admin_plugin_enable_disable a:hover { background: #0054a7; border: 1px solid #0054a7; text-decoration: none; } -.contentIntro .disableallplugins, + .disableallplugins, .active .admin_plugin_enable_disable a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; @@ -1479,7 +1370,7 @@ table.entity_gallery { padding: 4px; cursor: pointer; } -.contentIntro .disableallplugins:hover, + .disableallplugins:hover, .active .admin_plugin_enable_disable a:hover { background: #333333; border: 1px solid #333333; @@ -1487,11 +1378,10 @@ table.entity_gallery { } .pluginsettings { margin:15px 0 5px 0; - background:#bbdaf7; + background-color:#eeeeee; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:10px; - display:none; } .pluginsettings h3 { padding:0 0 5px 0; @@ -1503,13 +1393,31 @@ table.entity_gallery { margin:0; border:none; } -.input-access { - margin:5px 0 0 0; -} -/* *************************************** - GENERIC COMMENTS -*************************************** */ + +/* + + +#elgg_topbar_panel { + background:#333333; + color:#eeeeee; + height:200px; + width:100%; + padding:10px 20px 10px 20px; + display:none; + position:relative; +} +#elggFooterContents .footer_legal_links { + text-align:right; +} +#elggFooterContents .footersidebar { + text-align:right; +} +#elggFooterContents table td.footersidebar a img { + float:right; + padding:5px 0; +} + .generic_comment_owner { font-size: 90%; color:#666666; @@ -1536,1000 +1444,206 @@ table.entity_gallery { font-size:90%; border-top: 1px solid #aaaaaa; } -/* IE6 */ -* html #generic_comment_tbl { width:676px !important;} -/* *************************************** -PAGE-OWNER BLOCK -*************************************** */ -#owner_block { - padding:10px; -} -#owner_block_icon { - float:left; - margin:0 10px 0 0; -} -#owner_block_rss_feed, -#owner_block_odd_feed { - padding:5px 0 0 0; -} -#owner_block_rss_feed a { - font-size: 90%; - color:#999999; - padding:0 0 4px 20px; - background: url(<?php echo $vars['url']; ?>_graphics/icon_rss.gif) no-repeat left top; -} -#owner_block_odd_feed a { - font-size: 90%; - color:#999999; - padding:0 0 4px 20px; - background: url(<?php echo $vars['url']; ?>_graphics/icon_odd.gif) no-repeat left top; -} -#owner_block_rss_feed a:hover, -#owner_block_odd_feed a:hover { - color: #0054a7; -} -#owner_block_desc { - padding:4px 0 4px 0; - margin:0 0 0 0; - line-height: 1.2em; - border-bottom:1px solid #cccccc; - color:#666666; -} -#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; -} -.ownerblockline { - padding:0; - margin:0; - border-bottom:1px solid #cccccc; - height:1px; -} -#owner_block_submenu { - margin:20px 0 20px 0; - padding: 0; - width:100%; -} -#owner_block_submenu ul { - list-style: none; - padding: 0; - margin: 0; -} -#owner_block_submenu ul li.selected a { - background: #4690d6; - color:white; -} -#owner_block_submenu ul li.selected a:hover { - background: #4690d6; - color:white; -} -#owner_block_submenu ul li a { - text-decoration: none; - display: block; - margin: 2px 0 0 0; - color:#4690d6; - padding:4px 6px 4px 10px; - font-weight: bold; - line-height: 1.1em; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; -} -#owner_block_submenu ul li a:hover { - color:white; - background: #0054a7; -} - -/* 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; -} +Object page headers blogs/pages/files etc -#owner_block_submenu .submenu_group { - border-bottom: 1px solid #cccccc; - 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:#666666; -} -#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; +table.search_gallery { + border-spacing: 10px; + margin:0 0 0 0; } -#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; +.search_gallery td { + padding: 5px; } - - -/* *************************************** - PAGINATION -*************************************** */ -.pagination { - -webkit-border-radius: 8px; +.search_gallery_item { + background: white; + -webkit-border-radius: 8px; -moz-border-radius: 8px; - background:white; - margin:5px 10px 5px 10px; - padding:5px; -} -.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; + width:170px; } -.pagination .pagination_number:hover { - background:#4690d6; +.search_gallery_item:hover { + background: black; color:white; - text-decoration: none; } -.pagination .pagination_more { - display:block; - float:left; - background:#ffffff; - border:1px solid #ffffff; +.search_gallery_item .search_listing { + background: none; 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 #4690d6; - color:#4690d6; +.search_gallery_item .search_listing_header { 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; - color:white; - text-decoration: none; } -.pagination .pagination_currentpage { - display:block; - float:left; - background:#4690d6; - border:1px solid #4690d6; +.search_gallery_item .search_listing_icon { + position: relative; 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; } - - -/* *************************************** - 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; +.search_gallery_item .search_listing_info { + margin: 5px; } -#friends_collections_accordian li h2 { - background:#4690d6; - color: white; - padding:4px 2px 4px 6px; - margin:10px 0 10px 0; - font-size:1.2em; - cursor:pointer; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; +.search_gallery_item .search_listing_info p { + margin: 5px; + margin-bottom: 10px; } -#friends_collections_accordian li h2:hover { - background:#333333; - color:white; +.search_gallery_item .search_listing { + background: none; + text-align: center; } -#friends_collections_accordian .friends_picker { - background:white; - padding:0; - display:none; +.search_gallery_item .search_listing_icon { + position: absolute; + margin-bottom: 20px; } -#friends_collections_accordian .friends_collections_controls { - font-size:70%; - float:right; +.search_gallery_item .search_listing_info { + margin: 5px; } -#friends_collections_accordian .friends_collections_controls a { - color:#999999; - font-weight:normal; +.search_gallery_item .search_listing_info p { + margin: 5px; + margin-bottom: 10px; } - -/* *************************************** - 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; +#NewListStyle { padding:0; + margin:0; } -.friendsPicker_wrapper { - margin: 0; - padding:0; +#NewListStyle .search_listing { + -webkit-border-radius: 0; + -moz-border-radius: 0; + background:none; + border-bottom:1px dotted #CCCCCC; + margin:0; + padding:5px 0 7px 0; + display: inline-block; position: relative; - width: 100%; + clear:both; } -.friendsPicker { - position: relative; - overflow: hidden; - margin: 0; - padding:0; - width: 678px; - - height: auto; - background: #dedede; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; +#NewListStyle .ListTop { + margin:0 0; + clear:both; + width:auto; } -.friendspicker_savebuttons { - background: white; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - margin:0 10px 10px 10px; +#NewListStyle .search_listing:hover { + background-color: #eeeeee; } -.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; +#NewListStyle .search_listing:last-child { + border-bottom:1px dotted #CCCCCC; } -.friendsPicker .friendsPicker_container .panel { + +#NewListStyle .search_listing_icon { 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; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -.tabHasContent { - background: white; color:#333333 !important; + margin-left:3px; + margin-top:3px; } -.friendsPickerNavigation li a:hover { - background: #333333; - color:white !important; -} -.friendsPickerNavigation li a.current { - background: #4690D6; - color:white !important; -} -.friendsPickerNavigationAll { - margin:0px 0 0 20px; +#NewListStyle .search_listing .search_listing_info { float:left; + margin-left:7px; + min-height:28px; + width:693px; } -.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: #4690D6; - 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("<?php echo $vars['url']; ?>_graphics/friends_picker_arrows.gif") no-repeat left top; -} -.friendsPickerNavigationR { - background: url("<?php echo $vars['url']; ?>_graphics/friends_picker_arrows.gif") no-repeat -60px top; -} -.friendsPickerNavigationL:hover { - background: url("<?php echo $vars['url']; ?>_graphics/friends_picker_arrows.gif") no-repeat left -44px; -} -.friendsPickerNavigationR:hover { - background: url("<?php echo $vars['url']; ?>_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("<?php echo $vars['url']; ?>_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: #dedede; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - margin:10px 0 0 0; - padding:10px 10px 0 10px; -} - - -/* *************************************** -WIDGET PICKER (PROFILE & DASHBOARD) -*************************************** */ -/* 'edit page' button */ -a.toggle_customise_edit_panel { +#NewListStyle .search_listing .search_listing_info .ItemMetaData { float:right; - clear:right; - color: #4690d6; - background: white; - border:1px solid #cccccc; - padding: 5px 10px 5px 10px; - margin:0 0 20px 0; - width:280px; - text-align: left; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; -} -a.toggle_customise_edit_panel:hover { - color: #ffffff; - background: #0054a7; - border:1px solid #0054a7; - text-decoration:none; -} -#customise_editpanel { - display:none; - margin: 0 0 20px 0; - padding:10px; - background: #dedede; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; -} - -/* 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; + margin-left:15px; + margin-top:0; + margin-right: 3px; + color:#AAAAAA; + font-size: 90%; } -/* RHS (widget gallery area) */ -#customise_editpanel_rhs { +.ItemMetaData.special { float:right; - width:230px; - 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; + margin-left:15px; + margin-top:0; + margin-right: 3px; + color:#AAAAAA; + font-size: 90%; } -/* main page widget area */ -#customise_page_view { - width:656px; - padding:10px; - margin:0 0 10px 0; - background:white; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; -} -#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: #0054a7; - background: #dedede; - 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: #dedede; +used on groups members listings where there is only a delete button in table +#NewListStyle .search_listing .search_listing_info .ItemMetaData table.singlecell { + width:auto; } -#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; +#NewListStyle .search_listing_info p.tags { + font-size:90%; 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(<?php echo $vars['url']; ?>_graphics/icon_customise_info.gif) no-repeat top left; - cursor:pointer; -} -#customise_editpanel img.drag_handle { - background: url(<?php echo $vars['url']; ?>_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:#e4ecf5; - 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: #4690d6; - 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; + padding-top:1px; } +*/ /* *************************************** - BREADCRUMBS + COLLAPSABLE BOXES - for widgets? *************************************** */ -#pages_breadcrumbs { - font-size: 80%; - color:#bababa; - padding:0; - margin:2px 0 0 10px; -} -#pages_breadcrumbs a { - color:#999999; - text-decoration: none; -} -#pages_breadcrumbs a:hover { - color: #0054a7; - text-decoration: underline; -} - +/* +.collapsable_box { + margin: 0 0 20px 0; + height:auto; -/* *************************************** - MISC. -*************************************** */ -/* general page titles in main content area */ -#content_area_user_title h2 { - margin:0 0 0 8px; - padding:5px; - color:#0054A7; - font-size:1.35em; - line-height:1.2em; } -/* reusable generic collapsible box */ -.collapsible_box { +.collapsable_box_header { + color: #4690d6; + padding: 5px 10px 5px 10px; + margin:0; + border-left: 1px solid white; + border-right: 1px solid #cccccc; + border-bottom: 1px solid #cccccc; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + -webkit-border-top-right-radius:8px; + -webkit-border-top-left-radius:8px; background:#dedede; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - padding:5px 10px 5px 10px; - margin:4px 0 4px 0; - display:none; } -a.collapsibleboxlink { - cursor:pointer; +.collapsable_box_header h1 { + color: #0054a7; + font-size:1.25em; + line-height: 1.2em; } - -/* tag icon */ -.object_tag_string { - background: url(<?php echo $vars['url']; ?>_graphics/icon_tag.gif) no-repeat left 2px; - padding:0 0 0 14px; +.collapsable_box_content { + padding: 10px 0 10px 0; margin:0; + height:auto; + background:#dedede; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -webkit-border-bottom-right-radius:8px; + -webkit-border-bottom-left-radius:8px; + border-left: 1px solid white; + border-right: 1px solid #cccccc; + border-bottom: 1px solid #cccccc; } - -/* 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 { - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - 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; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -h3.settings { - background:#e4e4e4; - color:#333333; - font-size:1.1em; - line-height:1em; - margin:10px 0 4px 0; - padding:5px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -.admin_users_online .profile_status { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - background:#bbdaf7; - 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; +.collapsable_box_content { + margin-bottom:5px; } -.usersettings_statistics table tr:hover, -.admin_statistics table tr:hover { - background: #E4E4E4; +.collapsable_box_editpanel { + display: none; + background: #a8a8a8; + padding:10px 10px 5px 10px; + border-left: 1px solid white; + border-bottom: 1px solid white; } -.admin_users_online .search_listing { +.collapsable_box_editpanel p { margin:0 0 5px 0; - padding:5px; - border:2px solid #cccccc; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; -} - - - -/* 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; +.collapsable_box_header a.toggle_box_contents { + color: #4690d6; + cursor:pointer; + font-family: Arial, Helvetica, sans-serif; + font-size:20px; + font-weight: bold; + text-decoration:none; float:right; - text-align:right; - color:#666666; - font-size:1em; - font-weight:normal; -} - -div.ajax_loader { - background: white url(<?php echo $vars['url']; ?>_graphics/ajax_loader.gif) no-repeat center 30px; - width:auto; - height:100px; - margin:0 10px 0 10px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; -} - - - -/* 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: 2px solid #cccccc; - display:table; - width:100%; -} -#elgg_horizontal_tabbed_nav ul { - list-style: none; - padding: 0; margin: 0; + margin-top: -7px; } -#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; - color: #999999; - text-align: center; - height:21px; -} -/* IE6 fix */ -* html #elgg_horizontal_tabbed_nav a { display: inline; } - -#elgg_horizontal_tabbed_nav a:hover { - color: #4690d6; - background: #dedede; -} -#elgg_horizontal_tabbed_nav .selected { - border-color: #cccccc; - background: white; -} -#elgg_horizontal_tabbed_nav .selected a { - position: relative; - top: 2px; - background: white; +.collapsable_box_header a.toggle_box_edit_panel { color: #4690d6; + cursor:pointer; + font-size:9px; + text-transform: uppercase; + text-decoration:none; + font-weight: normal; + float:right; + margin: 3px 10px 0 0; } -/* IE6 fix */ -* html #elgg_horizontal_tabbed_nav .selected a { top: 3px; } - - - - -/* *************************************** - Auto Suggest Boxes -*************************************** */ - -.ac_results { - padding: 0px; - border: 1px solid black; - background-color: white; - overflow: hidden; - z-index: 99999; -} - -.ac_results ul { - width: 100%; - list-style-position: outside; - list-style: none; - padding: 0; - margin: 0; -} - -.ac_results li { - margin: 0px; - padding: 2px 5px; - cursor: default; - display: block; - /* - if width will be 100% horizontal scrollbar will apear - when scroll mode will be used - */ - /*width: 100%;*/ - font: menu; - font-size: 12px; - /* - it is very important, if line-height not setted or setted - in relative units scroll will be broken in firefox - */ - line-height: 16px; - overflow: hidden; -} - -.ac_loading { - background: white url(<?php echo $vars['url']; ?>_graphics/indicator.gif) right center no-repeat; -} - -.ac_odd { - background-color: #eee; -} - -.ac_over { - background-color: #0A246A; - color: white; -} - -.autocomplete { - width:300px; -} - -.ac_results strong { - font-weight: bold; -} - -.user_picker .user_picker_entry { - clear: both; - padding: 1em; -} - -.livesearch_icon { - float: left; - padding-right: 1em; -} - -.draggable { - cursor: move; +.collapsable_box_editpanel label { + font-weight: normal; + font-size: 100%; } +*/ |