From 4766f36a4d74924f21ff329c4318ce4e069ffa04 Mon Sep 17 00:00:00 2001 From: brettp Date: Wed, 3 Mar 2010 17:53:05 +0000 Subject: Pulled in the interface changes. git-svn-id: http://code.elgg.org/elgg/trunk@5257 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css.php | 3174 ++++++++++++++++++------------------------------- 1 file changed, 1144 insertions(+), 2030 deletions(-) (limited to 'views/default/css.php') 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 @@ - +*/ + +/* Table of Contents: + + RESET CSS reduce browser inconsistencies in line height, margins, font size... + CSS BASICS

+ 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; + margin-bottom:15px; } -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; -} -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; + border:none; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; } -blockquote p { - margin:0 0 5px 0; + + +/ * + GENERIC SELECTORS +* / +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; +} +.hidden { + display:none; +} +.radius8 { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; +} +.margin_top { + margin-top:10px; +} +form.action { + margin-top:10px; +} +.tags { + background-image:url(mod/elgg_layout/graphics/icon_tag.png); + background-repeat: no-repeat; + background-position: left 2px; + padding:1px 0 0 16px; + font-size: 90%; +} +.ajax_loader { + background-color: white; + background-image: 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; +/ +} +#elgg_sidebar h3 { + border-bottom:1px solid #CCCCCC; + margin-bottom:5px; + margin-top:20px; + padding-bottom:5px; } / * - PAGE LAYOUT - MAIN STRUCTURE + PAGE LAYOUT - MAIN BLOCKS POSITIONING * / -#page_container { - margin:0; - padding:0; +#elgg_topbar { + background:#333333 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; } -#page_wrapper { +#elgg_header { + overflow: hidden; + position: relative; + width: 100%; + height:90px; + background-color: #4690D6; +} +#elgg_header_contents { width:990px; + position: relative; margin:0 auto; - padding:0; - min-height: 300px; - + height:90px; } -#layout_header { - text-align:left; - width:100%; - height:67px; - background:#dedede; +#elgg_search { + bottom:5px; + height:23px; + position:absolute; + right:0; } -#wrapper_header { - margin:0; - padding:10px 20px 20px 0px; +#elgg_main_nav { + z-index: 7000; + position: absolute; + height:23px; + bottom:0; + left:0; + width:auto; } -#wrapper_header h1 { - margin:10px 0 0 0; - letter-spacing: -0.03em; +#elgg_content { / wraps sidebar and page contents / + width:990px; + position: relative; + margin:0 auto; + min-height:400px; } -#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; +#elgg_content.sidebar { / class on #elgg_content div to give a full-height sidebar background / + background-image:url(mod/elgg_layout/graphics/sidebar_background.gif); + background-repeat:repeat-y; + background-position: right top; } - - -/ canvas layout: 1 column, no sidebar / -#one_column { -/ width:928px; / - margin:0; +#elgg_page_contents { / main page contents / + float:left; + width:730px; + position: relative; min-height: 360px; - background: #dedede; - padding:0 0 10px 0; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; + margin:10px 20px 20px 10px; } - -/ canvas layout: 2 column left sidebar / -#two_column_left_sidebar { +#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:0 20px 0 0; + margin:20px 10px; + position: relative; 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; } - -#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; +#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; } - -#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; +/ * + ELGG MAIN NAVIGATION in header +* / +.navigation, +.navigation ul { + margin:0; + padding:0; + display:inline; float:left; + list-style-type: none; + z-index: 7000; + position: relative; } -#two_column_left_sidebar_boxes { - width:210px; - margin:0px 0 20px 0px; - min-height:360px; +.navigation li { + list-style: none; + font-weight: bold; + position: relative; + display:block; + height:23px; float:left; + margin:0; padding:0; } -#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; -} -#two_column_left_sidebar_boxes .sidebarBox h3 { - padding:0 0 5px 0; - font-size:1.25em; - line-height:1.2em; - color:#0054A7; +.navigation a { + display:block; } - -/ 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; +.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; } - - -.contentWrapper { +.navigation li a.hover, +.navigation a:hover { background:white; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - padding:10px; - margin:0 10px 10px 10px; -} -span.contentIntro p { - margin:0 0 0 0; + color:#43575e; + -moz-border-radius-topleft:4px; + -moz-border-radius-topright:4px; + -webkit-border-top-left-radius:4px; + -webkit-border-top-right-radius:4px; } -.notitle { - margin-top:10px; +.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; } -/ canvas layout: widgets (profile and dashboard) / -#widgets_left { - width:303px; - margin:0 20px 20px 0; - 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; -} -/ IE6 fixes / - html #widgets_right { float:none; } -* html #profile_info_column_left { - margin:0 10px 0 0; - width:200px; -} -* html #dashboard_info { width:585px; } -/* IE7 / -:first-child+html #profile_info_column_left { width:200px; } /* * - SPOTLIGHT + ELGG TOPBAR * / -#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; +#elgg_topbar_contents { + float:left; + height:24px; + left:0px; + top:0px; + position:absolute; + text-align:left; + width:100%; } -#wrapper_spotlight { - margin:0; - padding:0; - height:auto; +#elgg_topbar_contents a { + margin-right:20px; + padding-top:2px; + display:inline; + float:left; + text-align: left; + color:#eeeeee; } -#wrapper_spotlight #spotlight_table h2 { - color:#4690d6; - font-size:1.25em; - line-height:1.2em; +#elgg_topbar_contents a:hover { + color:#71cbff; + text-decoration: none; } -#wrapper_spotlight #spotlight_table li { - list-style: square; - line-height: 1.2em; - margin:5px 20px 5px 0; - color:#4690d6; +#elgg_topbar_contents a img.user_mini_avatar { + border:1px solid #eeeeee; + margin:1px 0 0 10px; + display: block; } -#wrapper_spotlight .collapsable_box_content { - margin:0; - padding:10px 10px 5px 10px; - background:none; - min-height:60px; - border:none; - border-top:1px solid #cccccc; +#elgg_topbar_contents a img.site_logo { + display: block; + margin-left:5px; + margin-top: -1px; +} +#elgg_topbar_contents .log_out { + float:right; } -#spotlight_table { - margin:0 0 2px 0; +#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; } -#spotlight_table .spotlightRHS { +#elgg_topbar_contents a.settings { + background:transparent url(mod/elgg_layout/graphics/topbar_icons.png) no-repeat left -41px; + padding-left:20px !important; float:right; - width:270px; - margin:0 0 0 50px; + margin-right:30px; } -/ IE7 / -:first-child+html #wrapper_spotlight .collapsable_box_content { - width:958px; +#elgg_topbar_contents a.admin { + background:transparent url(mod/elgg_layout/graphics/topbar_icons.png) no-repeat left -41px; + padding-left:20px !important; + float:right; + margin-right:30px; } -#layout_spotlight .collapsable_box_content p { - padding:0; +#elgg_topbar_contents a.help { + background:transparent url(mod/elgg_layout/graphics/topbar_icons.png) no-repeat 0 -133px; + padding-left:18px !important; + float:right; + margin-right:30px; } -#wrapper_spotlight .collapsable_box_header { - border: none; - background: none; + + + + +/* @todo PH check + move into shared access? / +#elgg_topbar_contents a.shared_access { + background:transparent url(_graphics/icons_shared_access.png) no-repeat 0 -15px; + padding-left:20px !important; + float:right; } + + / * - FOOTER + TOOLS MENU * / -#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; -} -#layout_footer a, #layout_footer p { -color:#333333; -margin:0; -} -#layout_footer .footer_toolbar_links { - text-align:right; - padding:15px 0 0 0; - font-size:1.2em; -} -#layout_footer .footer_legal_links { - text-align:right; -} - - -/ * -HORIZONTAL ELGG TOPBAR -* / -#elgg_topbar { - background:#333333 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 { - 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; -} -#elgg_topbar_container_left .toolbarimages { - float:left; - 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; - float:left; -} -#elgg_topbar_container_left a.loggedinuser { - 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(_graphics/toolbar_messages_icon.gif) no-repeat left 2px; - padding:0 0 4px 16px; - margin:0 15px 0 5px; - cursor:pointer; -} -#elgg_topbar_container_left a.privatemessages:hover { - text-decoration: none; - background:transparent url(_graphics/toolbar_messages_icon.gif) no-repeat left -36px; -} -#elgg_topbar_container_left a.privatemessages_new { - background:transparent 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_container_left a.usersettings:hover { - color:#eeeeee; -} -#elgg_topbar_container_left img { - margin:0 0 0 5px; -} -#elgg_topbar_container_left .user_mini_avatar { - border:1px solid #eeeeee; - margin:0 0 0 20px; -} -#elgg_topbar_container_right { - padding:3px 0 0 0; -} -#elgg_topbar_container_right a { - color:#eeeeee; - margin:0 5px 0 0; - background:transparent url(_graphics/elgg_toolbar_logout.gif) no-repeat top right; - padding:0 21px 0 0; - display:block; - height:20px; -} -/* IE6 fix / - html #elgg_topbar_container_right a { - width: 120px; -} -#elgg_topbar_container_right a:hover { - background-position: right -21px; -} -#elgg_topbar_panel { - background:#333333; - color:#eeeeee; - height:200px; - width:100%; - padding:10px 20px 10px 20px; - display:none; - position:relative; -} - - -/* * - TOP BAR - VERTICAL 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; } -ul.topbardropdownmenu li { +#elgg_topbar_contents li.menu a.tools { + background:transparent url(mod/elgg_layout/graphics/topbar_icons.png) no-repeat 3px 1px; + padding-left:24px !important; +} +#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(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; +} +.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; } -/ used on spotlight box - to cancel default box margin / -.no_space_after { - margin: 0 0 0 0; +.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; +.pagination { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background:white; + margin:5px 10px 5px 10px; + padding: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-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; + + +/ * + 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; } -#two_column_left_sidebar #login-box form { - width:auto; - margin:10px 10px 0 10px; - padding:5px 0 5px 10px; +.content_header_title { + margin-right:10px; + max-width: 530px; } -#two_column_left_sidebar #login-box h2 { - margin:0 0 0 5px; - padding:5px 5px 0 5px; +.content_header_title h2 { + border:none; + margin-bottom:0; + padding-bottom:5px; } -#two_column_left_sidebar #login-box .login-textarea { - width:158px; +.content_header_options { + float:right; } -/ login and openID boxes when not running custom_index mod / -#two_column_right_sidebar #login-box { - width:auto; - background: none; +.content_header_options .action_button { + float:right; + margin:0 0 5px 10px; } -#two_column_right_sidebar #login-box form { - width:auto; - margin:10px 10px 0 10px; - padding:5px 0 5px 10px; +.content_header_filter { + background: url(mod/elgg_layout/graphics/content_header_filter.gif) no-repeat 0 0; +} +.content_header_filter select.styled { + height:25px; + cursor: pointer; } -#two_column_right_sidebar #login-box h2 { - margin:0 0 0 5px; - padding:5px 5px 0 5px; +span.select { + position: absolute; + width: 342px; + height: 25px; + padding: 3px 24px 0 8px; + color: #fff; + font-weight: bold; + font-size: 1.35em; + background: url(mod/elgg_layout/graphics/content_header_filter.gif) no-repeat; + overflow: hidden; + text-align: left; } -#two_column_right_sidebar #login-box .login-textarea { - width:158px; +select.styled .select_option { + font-size:1.3em; + margin:0; + padding:3px; } + + / * - 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 { - float:left; - padding: 0; - margin:0 20px 0 0; -} -#profile_info_column_middle { - float:left; - width:365px; - padding: 0; -} -#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; + DEFAULT ENTITY LISTINGS +**************************************** / +.entity_listing { + border-bottom:1px dotted #cccccc; + clear:both; + display:block; + margin:0; + padding:5px 0 7px; + position:relative; } -#profile_menu_wrapper { - margin:10px 0 10px 0; - width:200px; +.entity_listing:first-child { + border-top:1px dotted #cccccc; } -#profile_menu_wrapper p { - border-bottom:1px solid #cccccc; +.entity_listing:hover { + background-color: #eeeeee; } -#profile_menu_wrapper p:first-child { - border-top:1px solid #cccccc; +.entity_listing_icon { + float:left; + margin-left:3px; + margin-top:3px; } -#profile_menu_wrapper a { - display:block; - padding:0 0 0 3px; +.entity_listing_icon img { + width: auto; } -#profile_menu_wrapper a:hover { - color:#ffffff; - background:#4690d6; - text-decoration:none; +.entity_listing_info { + float:left; + margin-left:7px; + min-height:28px; + width:693px; } -p.user_menu_friends, p.user_menu_profile, -p.user_menu_removefriend, -p.user_menu_friends_of { +.entity_listing_info p { margin:0; + line-height:1.2em; } -#profile_menu_wrapper .user_menu_admin { - border-top:none; +.entity_listing_info p.entity_title { + font-weight: bold; + font-size: 1.1em; } - -#profile_info_column_middle p { - margin:7px 0 7px 0; - padding:2px 4px 2px 4px; +.entity_listing_info p.entity_title a { + color:#0054A7; } -/ profile owner name / -#profile_info_column_middle h2 { - padding:0 0 14px 0; +.entity_listing_info p.entity_subtext { margin:0; -} -#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%; + padding:0; color:#666666; + font-size: 90%; } -#profile_info_column_middle a.status_update { +/ entity metadata block / +.entity_metadata { float:right; + margin:0 3px 0 15px; + color:#aaaaaa; + font-size: 90%; } -#profile_info_column_middle .odd { - background:#dedede; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; +.entity_metadata table { + width:280px; } -#profile_info_column_middle .even { - background:#dedede; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; +.entity_metadata table td { + height:30px; + vertical-align:middle; } -#profile_info_column_right p { - margin:0 0 7px 0; +.entity_metadata table td.entity_edit { + text-align:right; } -#profile_info_column_right .profile_aboutme_title { - margin:0; - padding:0; - line-height:1em; +.entity_metadata table td.entity_edit a { + color:#aaaaaa; + margin:0 0 0 10px; } -/ edit profile button / -.profile_info_edit_buttons { - float:right; - margin:0 !important; - padding:0 !important; +.entity_metadata table td.entity_edit a:hover { + color:#0054a7; } -.profile_info_edit_buttons a { - font: 12px/100% Arial, Helvetica, sans-serif; - 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; -} -.profile_info_edit_buttons a:hover { - background: #0054a7; - text-decoration: none; - color:white; +.entity_metadata table td.entity_delete { + padding-top:2px; + width:26px; } + / * - RIVER + USER SETTINGS & ADMIN AREA * / -#river, -.river_item_list { - border-top:1px solid #dddddd; - - overflow:hidden; -} -.river_item p { - margin:0; - padding:0 0 0 21px; - line-height:1.1em; - min-height:17px; +/ GENERAL STYLES / +.user_settings, +.admin_settings { + margin-bottom:20px; } -.river_item { - border-bottom:1px solid #dddddd; - padding:2px 0 2px 0; +.user_settings p, +.admin_settings p { + margin-bottom:6px; } -.river_item_time { - font-size:90%; - color:#666666; -} -.river_item .river_item_useravatar { - float:left; - margin:0 5px 0 0; -} -/ IE6 fix / - html .river_item p { - padding:3px 0 3px 20px; -} -/* IE7 / -:first-child+html .river_item p { - min-height:17px; -} -.river_user_update { - background: url(_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; -} -.river_object_user_profileupdate { - background: url(_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; -} -.river_object_user_profileiconupdate { - background: url(_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; -} -.river_object_annotate { - background: url(_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; -} -.river_object_bookmarks_create { - background: url(_graphics/river_icons/river_icon_bookmarks.gif) no-repeat left -1px; -} -.river_object_bookmarks_comment { - background: url(_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; -} -.river_object_status_create { - background: url(_graphics/river_icons/river_icon_status.gif) no-repeat left -1px; -} -.river_object_file_create { - background: 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(_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(_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(_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(_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(_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(_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(_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; +.add_user form { + width:300px; } -.river_object_blog_update { - background: 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(_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +.plugin_details p { + margin:0; + padding:0; } -.river_object_forumtopic_create { - background: 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(_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(_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(_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(_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(_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; +.input_access { + margin:5px 0 0 0; } -.river_object_groupforumtopic_annotate { - background: url(_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; +.input_password { + width:200px; } -.river_object_groupforumtopic_create { - background: url(_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; +.input_textarea { + height: 200px; } -.river_object_sitemessage_create { - background: 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(_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(_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(_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(_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(_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(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(_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(mod/elgg_layout/graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; } -.river_object_page_comment { - background: 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(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(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(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(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(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("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(_graphics/icon_rss.gif) no-repeat left top; +Object page headers blogs/pages/files etc + + +table.search_gallery { + border-spacing: 10px; + margin:0 0 0 0; } -#owner_block_odd_feed a { - font-size: 90%; - color:#999999; - padding:0 0 4px 20px; - background: url(_graphics/icon_odd.gif) no-repeat left top; +.search_gallery td { + padding: 5px; } -#owner_block_rss_feed a:hover, -#owner_block_odd_feed a:hover { - color: #0054a7; +.search_gallery_item { + background: white; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + width:170px; } -#owner_block_desc { - padding:4px 0 4px 0; - margin:0 0 0 0; - line-height: 1.2em; - border-bottom:1px solid #cccccc; - color:#666666; +.search_gallery_item:hover { + background: black; + color:white; } -#owner_block_content { - margin:0 0 4px 0; - padding:3px 0 0 0; - min-height:35px; - font-weight: bold; +.search_gallery_item .search_listing { + background: none; + text-align: center; } -#owner_block_content a { - line-height: 1em; +.search_gallery_item .search_listing_header { + text-align: center; } -.ownerblockline { - padding:0; - margin:0; - border-bottom:1px solid #cccccc; - height:1px; +.search_gallery_item .search_listing_icon { + position: relative; + text-align: center; } -#owner_block_submenu { - margin:20px 0 20px 0; - padding: 0; - width:100%; +.search_gallery_item .search_listing_info { + margin: 5px; } -#owner_block_submenu ul { - list-style: none; - padding: 0; - margin: 0; +.search_gallery_item .search_listing_info p { + margin: 5px; + margin-bottom: 10px; } -#owner_block_submenu ul li.selected a { - background: #4690d6; - color:white; +.search_gallery_item .search_listing { + background: none; + text-align: center; } -#owner_block_submenu ul li.selected a:hover { - background: #4690d6; - color:white; +.search_gallery_item .search_listing_icon { + position: absolute; + margin-bottom: 20px; } -#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; +.search_gallery_item .search_listing_info { + margin: 5px; } -#owner_block_submenu ul li a:hover { - color:white; - background: #0054a7; +.search_gallery_item .search_listing_info p { + margin: 5px; + margin-bottom: 10px; } -/ 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; +#NewListStyle { + padding:0; + margin:0; } - -#owner_block_submenu .submenu_group { - border-bottom: 1px solid #cccccc; - margin:10px 0 0 0; - padding-bottom: 10px; +#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; + clear:both; } - -#owner_block_submenu .submenu_group .submenu_group_filter ul li a, -#owner_block_submenu .submenu_group .submenu_group_filetypes ul li a { - color:#666666; +#NewListStyle .ListTop { + margin:0 0; + clear:both; + width:auto; } -#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; +#NewListStyle .search_listing:hover { + background-color: #eeeeee; } -#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; +#NewListStyle .search_listing:last-child { + border-bottom:1px dotted #CCCCCC; } - -/ * - PAGINATION -* / -.pagination { - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - background:white; - margin:5px 10px 5px 10px; - padding:5px; -} -.pagination .pagination_number { - display:block; +#NewListStyle .search_listing_icon { 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; + margin-left:3px; + margin-top:3px; } -.pagination .pagination_more { - display:block; +#NewListStyle .search_listing .search_listing_info { 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; + margin-left:7px; + min-height:28px; + width:693px; } -.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; +#NewListStyle .search_listing .search_listing_info .ItemMetaData { + float:right; + margin-left:15px; + margin-top:0; + margin-right: 3px; + color:#AAAAAA; + font-size: 90%; } -.pagination .pagination_previous:hover, -.pagination .pagination_next:hover { - background:#4690d6; - color:white; - text-decoration: none; + +.ItemMetaData.special { + float:right; + margin-left:15px; + margin-top:0; + margin-right: 3px; + color:#AAAAAA; + font-size: 90%; } -.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; + +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; +} +#NewListStyle .search_listing_info p.tags { + font-size:90%; + margin:0; + padding-top:1px; } +/ /* * - FRIENDS COLLECTIONS ACCORDIAN + COLLAPSABLE BOXES - for widgets? * / -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; +/ +.collapsable_box { + margin: 0 0 20px 0; + height:auto; + } -#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; +.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; } -#friends_collections_accordian li h2:hover { - background:#333333; - color:white; +.collapsable_box_header h1 { + color: #0054a7; + font-size:1.25em; + line-height: 1.2em; } -#friends_collections_accordian .friends_picker { - background:white; - padding:0; - display:none; +.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; } -#friends_collections_accordian .friends_collections_controls { - font-size:70%; - float:right; +.collapsable_box_content { + margin-bottom:5px; } -#friends_collections_accordian .friends_collections_controls a { - color:#999999; - font-weight:normal; +.collapsable_box_editpanel { + display: none; + background: #a8a8a8; + padding:10px 10px 5px 10px; + border-left: 1px solid white; + border-bottom: 1px solid white; } - - -/* * - 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; +.collapsable_box_editpanel p { + margin:0 0 5px 0; } -.friendsPicker .friendsPicker_container .panel ul { - text-align: left; +.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; - padding:0; -} -.friendsPicker_wrapper { - margin: 0; - padding:0; - position: relative; - width: 100%; -} -.friendsPicker { - position: relative; - overflow: hidden; - margin: 0; - padding:0; - width: 678px; - - height: auto; - background: #dedede; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; -} -.friendspicker_savebuttons { - background: white; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - margin:0 10px 10px 10px; -} -.friendsPicker .friendsPicker_container { / long container used to house end-to-end panels. Width is calculated in JS / - position: relative; - left: 0; - top: 0; - width: 100%; - list-style-type: none; -} -.friendsPicker .friendsPicker_container .panel { - float:left; - height: 100%; - position: relative; - width: 678px; - margin: 0; - padding:0; -} -.friendsPicker .friendsPicker_container .panel .wrapper { - margin: 0; - padding:4px 10px 10px 10px; - min-height: 230px; -} -.friendsPickerNavigation { - margin: 0 0 10px 0; - padding:0; -} -.friendsPickerNavigation ul { - list-style: none; - padding-left: 0; -} -.friendsPickerNavigation ul li { - float: left; - margin:0; - background:white; -} -.friendsPickerNavigation a { - font-weight: bold; - text-align: center; - background: white; - color: #999999; - text-decoration: none; - display: block; - padding: 0; - width:20px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -.tabHasContent { - background: white; color:#333333 !important; -} -.friendsPickerNavigation li a:hover { - background: #333333; - color:white !important; -} -.friendsPickerNavigation li a.current { - background: #4690D6; - color:white !important; -} -.friendsPickerNavigationAll { - margin:0px 0 0 20px; - float:left; -} -.friendsPickerNavigationAll a { - font-weight: bold; - text-align: left; - font-size:0.8em; - background: white; - color: #999999; - text-decoration: none; - display: block; - padding: 0 4px 0 4px; - width:auto; -} -.friendsPickerNavigationAll a:hover { - background: #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("_graphics/friends_picker_arrows.gif") no-repeat left top; -} -.friendsPickerNavigationR { - background: url("_graphics/friends_picker_arrows.gif") no-repeat -60px top; -} -.friendsPickerNavigationL:hover { - background: url("_graphics/friends_picker_arrows.gif") no-repeat left -44px; -} -.friendsPickerNavigationR:hover { - background: 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("_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; + margin-top: -7px; } - - -/ * -WIDGET PICKER (PROFILE & DASHBOARD) -* / -/ 'edit page' button / -a.toggle_customise_edit_panel { - float:right; - clear:right; +.collapsable_box_header a.toggle_box_edit_panel { 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; -} - -/ RHS (widget gallery area) / -#customise_editpanel_rhs { - 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; -} - -/ 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; -} -#customise_page_view h2.profile_box { - width:422px; - color: #999999; -} -#profile_box_widgets p { - color:#999999; -} -#leftcolumn_widgets { - width:200px; - margin:0 10px 0 0; - padding:5px 5px 40px 5px; - min-height: 190px; - border:1px solid #cccccc; -} -#middlecolumn_widgets { - width:200px; - margin:0 10px 0 0; - padding:5px 5px 40px 5px; - min-height: 190px; - border:1px solid #cccccc; -} -#rightcolumn_widgets { - width:200px; - margin:0; - padding:5px 5px 40px 5px; - min-height: 190px; - border:1px solid #cccccc; -} -#rightcolumn_widgets.long { - min-height: 288px; -} -/ IE6 fix / - html #leftcolumn_widgets { - height: 190px; -} -* html #middlecolumn_widgets { - height: 190px; -} -* html #rightcolumn_widgets { - height: 190px; -} -* html #rightcolumn_widgets.long { - height: 338px; -} - -#customise_editpanel table.draggable_widget { - width:200px; - background: #cccccc; - margin: 10px 0 0 0; - vertical-align:text-top; - border:1px solid #cccccc; -} -#widget_picker_gallery table.draggable_widget { - width:200px; - background: #cccccc; - margin: 10px 0 0 0; -} - -/* take care of long widget names / -#customise_editpanel table.draggable_widget h3 { - word-wrap:break-word;/ safari, webkit, ie / - width:140px; - line-height: 1.1em; - overflow: hidden;/ ff / - padding:4px; -} -#widget_picker_gallery table.draggable_widget h3 { - word-wrap:break-word; - width:145px; - line-height: 1.1em; - overflow: hidden; - padding:4px; -} -#customise_editpanel img.more_info { - background: url(_graphics/icon_customise_info.gif) no-repeat top left; - cursor:pointer; -} -#customise_editpanel img.drag_handle { - background: 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; -} - - -/ * - BREADCRUMBS -* / -#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; -} - - -/ * - 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 { - 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; -} - -/ tag icon / -.object_tag_string { - background: url(_graphics/icon_tag.gif) no-repeat left 2px; - padding:0 0 0 14px; - margin:0; -} - -/ profile picture upload n crop page / -#profile_picture_form { - height:145px; -} -#current_user_avatar { - float:left; - width:160px; - height:130px; - border-right:1px solid #cccccc; - margin:0 20px 0 0; -} -#profile_picture_croppingtool { - border-top: 1px solid #cccccc; - margin:20px 0 0 0; - padding:10px 0 0 0; -} -#profile_picture_croppingtool #user_avatar { - float: left; - margin-right: 20px; -} -#profile_picture_croppingtool #applycropping { - -} -#profile_picture_croppingtool #user_avatar_preview { - float: left; - position: relative; - overflow: hidden; - width: 100px; - height: 100px; -} - - -/ * - SETTINGS & ADMIN -* / -.admin_statistics, -.admin_users_online, -.usersettings_statistics, -.admin_adduser_link, -#add-box, -#search-box, -#logbrowser_search_area { - -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; -} -.usersettings_statistics table tr:hover, -.admin_statistics table tr:hover { - background: #E4E4E4; -} -.admin_users_online .search_listing { - margin:0 0 5px 0; - padding:5px; - border:2px solid #cccccc; - -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; + font-size:9px; + text-transform: uppercase; + text-decoration:none; + font-weight: normal; float:right; - text-align:right; - color:#666666; - font-size:1em; - font-weight:normal; + margin: 3px 10px 0 0; } - -div.ajax_loader { - background: white 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; +.collapsable_box_editpanel label { + font-weight: normal; + font-size: 100%; } - - - -/ 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; -} -#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; - color: #4690d6; -} -/* 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(_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; -} -- cgit v1.2.3