<?php ?> /* this is the UNL css.php file */ /************************************ begin copied default theme styles (with anything we don't need/want removed) ******/ <?php /** * Elgg v1.5 Default Theme * core CSS file * * Updated 10 March 09 * * @package Elgg * @subpackage Core * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2 * @copyright Curverider Ltd 2008-2009 * @link http://elgg.org/ * * @uses $vars['wwwroot'] The site URL */ ?> /* removed: RESETS */ /* removed: DEFAULTS */ <?php if (!isloggedin()) { //The styles for the information box to be displayed if a non-authenticated user has arrived. ?> /* *************************************** Action Notice Box and Login Colorbox displayed to help users either register or login *************************************** */ #maincontent .wdn_notice { background: url('<?php echo $vars['url']; ?>mod/unl_theme/views/default/images/wdn_notice_BG.png') repeat-x; } #maincontent .wdn_notice div.message { background: url('<?php echo $vars['url']; ?>mod/unl_theme/views/default/images/wdn_notice_EarthIcon.png') no-repeat; min-height:78px; padding:0px 5px 0 85px; } #maincontent .wdn_notice div.message h4 { font-size:2em; padding-bottom:0; } #maincontent .wdn_notice div.message h6 { color:#5585C6; text-transform:uppercase; } #maincontent .wdn_notice div.message .message_sale { float:left; padding-top:20px; } #maincontent .wdn_notice div.message .message_action, #colorbox #login a.wdn_loginLink { float:left; margin-left:60px; font-size:1.8em; padding-top:33px; padding-bottom:15px; text-decoration:none; } #login.loginPage a.wdn_loginLink { font-size:1.8em; text-decoration:none; } #maincontent .wdn_notice div.message .message_action span, #colorbox #login span, #login.loginPage span { background: url('<?php echo $vars['url']; ?>mod/unl_theme/views/default/images/wdn_notice_ActionBG.png') no-repeat; width:167px; height:45px; display:inline; padding:9px 50px 15px 25px; } #maincontent .wdn_notice div.message .message_action a span, #colorbox #login a span, #login.loginPage a span { color:white !important; } #maincontent .wdn_notice div.message .message_action a strong { margin-left:10px; } /* End Action Notification Box*/ /* Start Colorbox */ #colorbox .sec_main { border-left:3px solid #83b750; } #colorbox input { color:#fff; } /* End colorbox */ <?php } //end if not logged in ?> /*UNL Overrides*/ #wdn_navigation_bar {display:none; visibility:hidden;} #titlegraphic, .nav_collapsed #titlegraphic {margin-top:10px;margin-bottom:20px;} /* *************************************** Tab Navigation - to be moved to UNL styles eventually *************************************** */ /* *************************************** PAGE LAYOUT - MAIN STRUCTURE *************************************** */ #page_container { margin:0; padding:0; } #page_wrapper { width:990px; margin:0 auto; padding:0; min-height: 300px; } #layout_header { text-align:left; width:100%; height:67px; background:#dedede; } #wrapper_header { margin:0; padding:10px 20px 20px 0px; } #wrapper_header h1 { margin:10px 0 0 0; letter-spacing: -0.03em; } #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; } /* canvas layout: 1 column, no sidebar */ #one_column { width:940px; margin:0; min-height: 360px; background: #dedede; padding:0 0 10px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; } /* canvas layout: 2 column left sidebar */ #two_column_left_sidebar, #two_column_left_sidebar_boxes { width:220px; /*margin:0 20px 0 0;*/ min-height:360px; float:left; position:relative; padding:0 10px; padding-left:0px; } #two_column_left_sidebar { } #two_column_left_sidebar_maincontent { width:700px; /*margin:0;*/ min-height: 360px; float:right; position:relative; padding:0 10px; padding-right:0px; } #two_column_left_sidebar_maincontent_boxes { /*margin:0 0px 20px 20px;*/ padding:0 10px; width:700px; background: none; float:left; position:relative; padding-right:0px; } #two_column_left_sidebar_boxes .sidebarBox, #maincontent #profile_info { /* Using ZEN Box Styles */ border:1px solid #ededed; padding:5px; margin-bottom:1em; background: #f7f7f7; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /*#two_column_left_sidebar_boxes .sidebarBox h3 { background:url('/wdn/templates_3.0/css/images/headingBGNuetral.gif') repeat-x bottom; padding:5px; margin:-6px; color:#fff; margin-bottom:5px; font-size:1.1em; font-weight: bold; }*/ #two_column_left_sidebar_boxes .sidebarBox h3 { background: #e5e5e5; border-left:none; padding:0.1em 8px 0em 5px; margin:3px 0 3px 0; margin-bottom:1.01em; } .contentWrapper { background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:10px; margin:0 10px 10px 10px; } /** Overrides **/ #maincontent .welcomemessage p { background:#FFFFCC; padding:10px; margin:0px; } #maincontent .welcomemessage h3 { margin-bottom:-10px; } #maincontent .welcomemessage small { font-size:.8em; } #maincontent .sidebarBox input.thewire_characters_remaining_field { background:none; } #maincontent .sidebarBox .last_wirepost .thewire-singlepage .thewire-post .note_body { border:1px solid #ededed; } /*End overrides*/ span.contentIntro p { margin:0 0 0 0; } .notitle { margin-top:10px; } /* 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; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } /* removed: SPOTLIGHT */ /* *************************************** 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; } #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; } /* removed: HORIZONTAL ELGG TOPBAR */ /* *************************************** removed: TOP BAR - VERTICAL TOOLS MENU *************************************** */ /* *************************************** SYSTEM MESSSAGES *************************************** */ .messages, .messages_error { background:#aade90; color:#000000; padding:3px 10px 3px 10px; margin:10px 0px 10px 0px; width:911px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:4px solid #6cbd45; cursor: pointer; } .messages_error { border:4px solid #D3322A; background:#F7DAD8; color:#000000; } .closeMessages { float:right; margin-top:17px; } .closeMessages a { color:#666666; cursor: pointer; text-decoration: none; font-size: 80%; } .closeMessages a:hover { color:black; } /* *************************************** COLLAPSABLE BOXES *************************************** */ .collapsable_box { margin: 0 0 20px 0; height:auto; } /* IE6 fix */ * html .collapsable_box { height:10px; } .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; } .collapsable_box_header h1 { color: #6cbd45; font-size:1.25em; line-height: 1.2em; } .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; } .collapsable_box_content .contentWrapper { margin-bottom:5px; } .collapsable_box_editpanel { display: none; background: #a8a8a8; padding:10px 10px 5px 10px; border-left: 1px solid white; border-bottom: 1px solid white; } .collapsable_box_editpanel p { margin:0 0 5px 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; } .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; } .collapsable_box_editpanel label { font-weight: normal; font-size: 100%; } /* used for collapsing a content box */ .display_none { display:none; } /* used on spotlight box - to cancel default box margin */ .no_space_after { margin: 0 0 0 0; } /* *************************************** GENERAL FORM ELEMENTS *************************************** */ /* removed a bunch of tag default styles */ .submit_button { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#6cbd45; border: 1px solid #6cbd45; -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 { background: #6cbd45; } .cancel_button { font: 12px/100% Arial, Helvetica, sans-serif; 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; cursor: pointer; } .cancel_button:hover { background: #cccccc; } .input-text, .input-tags, .input-url, .input-textarea { width:98%; } .input-textarea { height: 200px; } /* *************************************** LOGIN / REGISTER *************************************** */ #login-box { margin:0 0 10px 0; padding:0 0 10px 0; background: #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-box h2 { color:#6cbd45; font-size:1.35em; line-height:1.2em; margin:0 0 0 8px; padding:5px 5px 0 5px; } #login-box .login-textarea { width:178px; } #login-box label, #register-box 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"] { margin:0 0 10px 0; } #register-box input[type="text"], #register-box input[type="password"] { width:380px; } #login-box h2, #login-box-openid h2, #register-box h2, #add-box h2, #forgotten_box h2 { color:#6cbd45; 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; } #persistent_login label { font-size:1.0em; font-weight: normal; } /* login and openID boxes when not running custom_index mod */ #two_column_left_sidebar #login-box { width:auto; background: none; } #two_column_left_sidebar #login-box form { width:auto; margin:10px 10px 0 10px; padding:5px 0 5px 10px; } #two_column_left_sidebar #login-box h2 { margin:0 0 0 5px; padding:5px 5px 0 5px; } #two_column_left_sidebar #login-box .login-textarea { width:158px; } /* *************************************** PROFILE *************************************** */ #profile_info_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; } #maincontent #profile_icon_wrapper { display:block; min-width:200px; float:none; } #profile_menu_wrapper { margin:10px 0 10px 0; width:200px; } #profile_menu_wrapper p { border-bottom:1px solid #cccccc; margin:.8em 0 .8em 0; padding-bottom:.8em; } #profile_menu_wrapper a { display:block; padding:0 0 0 3px; } #profile_menu_wrapper a:hover { color:#ffffff; background:#6cbd45; text-decoration:none; } #maincontent #profile_menu_wrapper a:active { color:#fff !important; } p.user_menu_friends, p.user_menu_profile, p.user_menu_removefriend, p.user_menu_friends_of { margin:0; } #profile_menu_wrapper .user_menu_admin { border-top:none; } #profile_info_column_middle p { margin:7px 0 7px 0; padding:2px 4px 2px 4px; } /* profile owner name */ #profile_info_column_middle h2 { padding:0 0 14px 0; 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%; color:#666666; } #profile_info_column_middle a.status_update { float:right; } #profile_info_column_middle .odd { background:#dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #profile_info_column_middle .even { background:#dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #profile_info_column_right p { margin:0 0 7px 0; } #profile_info_column_right .profile_aboutme_title { margin:0; padding:0; line-height:1em; } /* edit profile button */ .profile_info_edit_buttons { float:right; margin:0 !important; padding:0 !important; } #maincontent .profile_info_edit_buttons a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#6cbd45; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: auto; padding: 2px 6px 2px 6px; margin:0; cursor: pointer; } #maincontent .profile_info_edit_buttons a:hover { background: #6cbd45; text-decoration: none; color:white; } /* *************************************** RIVER *************************************** */ #river, .river_item_list { border-top:1px solid #dddddd; } .river_item p { margin:0; padding:0 0 0 21px; line-height:1.1em; min-height:17px; } .river_item { border-bottom:1px solid #dddddd; padding:2px 0 2px 0; } .river_item_time { font-size:90%; color:#666666; } /* IE6 fix */ * html .river_item p { padding:3px 0 3px 20px; } /* IE7 */ *:first-child+html .river_item p { min-height:17px; } .river_user_update { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; } .river_object_user_profileupdate { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; } .river_object_user_profileiconupdate { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px; } .river_object_annotate { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_bookmarks_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_bookmarks.gif) no-repeat left -1px; } .river_object_bookmarks_comment { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_status_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_status.gif) no-repeat left -1px; } .river_object_file_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_files.gif) no-repeat left -1px; } .river_object_file_update { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_files.gif) no-repeat left -1px; } .river_object_file_comment { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_widget_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_plugin.gif) no-repeat left -1px; } .river_object_forums_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_forums_update { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_widget_update { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_plugin.gif) no-repeat left -1px; } .river_object_blog_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; } .river_object_blog_update { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; } .river_object_blog_comment { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_forumtopic_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_user_friend { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_friends.gif) no-repeat left -1px; } .river_object_relationship_friend_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_friends.gif) no-repeat left -1px; } .river_object_relationship_member_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_thewire_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_thewire.gif) no-repeat left -1px; } .river_group_join { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_groupforumtopic_annotate { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_groupforumtopic_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_forum.gif) no-repeat left -1px; } .river_object_sitemessage_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px; } .river_user_messageboard { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_page_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_pages.gif) no-repeat left -1px; } .river_object_page_top_create { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_pages.gif) no-repeat left -1px; } .river_object_page_top_comment { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } .river_object_page_comment { background: url(<?php echo $vars['url']; ?>_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px; } /* *************************************** SEARCH BOX *************************************** */ #maincontent #elgg_topbar_container_search { float:right; diplay:block; margin-top:-25px; margin-bottom:20px; } form#searchform input#search_input {background:#eee; border:1px solid #ccc; border-color:#ccc #fff #fff #ccc;padding:2px;width:200px;} form#searchform label { z-index:10; position:absolute; margin-left:5px; margin-top:2px; color:#6d6d6d; display:none; } form#searchform .search_submit_button { background:url('<?php echo $vars['url']; ?>/mod/unl_theme/views/default/images/magnifyingGlass.png') no-repeat; width:20px; height:20px; text-indent:-9999em; border:none; } form#searchform .search_submit_button:hover { cursor:pointer; } /* *************************************** SEARCH LISTINGS *************************************** */ .search_listing { display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; background:white; margin:0 10px 5px 10px; padding:5px; } .search_listing_icon { float:left; } .search_listing_icon img { width: 40px; } .search_listing_icon .avatar_menu_button img { width: 15px; } .search_listing_info { margin-left: 50px; min-height: 40px; } /* IE 6 fix */ * html .search_listing_info { height:40px; } .search_listing_info p { margin:0 0 3px 0; line-height:1.2em; } .search_listing_info p.owner_timestamp { margin:0; padding:0; color:#666666; font-size: 90%; } table.search_gallery { border-spacing: 10px; margin:0 0 0 0; } .search_gallery td { padding: 5px; } .search_gallery_item { background: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; width:170px; } .search_gallery_item:hover { background: black; color:white; } .search_gallery_item .search_listing { background: none; text-align: center; } .search_gallery_item .search_listing_header { text-align: center; } .search_gallery_item .search_listing_icon { position: relative; text-align: center; } .search_gallery_item .search_listing_info { margin: 5px; } .search_gallery_item .search_listing_info p { margin: 5px; margin-bottom: 10px; } .search_gallery_item .search_listing { background: none; text-align: center; } .search_gallery_item .search_listing_icon { position: absolute; margin-bottom: 20px; } .search_gallery_item .search_listing_info { margin: 5px; } .search_gallery_item .search_listing_info p { margin: 5px; margin-bottom: 10px; } /* *************************************** FRIENDS *************************************** */ /* friends widget */ #widget_friends_list { display:table; width:275px; margin:0 10px 0 10px; padding:8px 0 4px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background:white; } .widget_friends_singlefriend { float:left; margin:0 5px 5px 0; } #maincontent #friendsPickerNavigation1 ul { list-style-type: none; } /* *************************************** ADMIN AREA - PLUGIN SETTINGS *************************************** */ .plugin_details { margin:0 10px 5px 10px; padding:0 7px 4px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .admin_plugin_reorder { float:right; width:200px; text-align: right; } .admin_plugin_reorder a { padding-left:10px; font-size:80%; color:#999999; } .plugin_details a.pluginsettings_link { cursor:pointer; font-size:80%; } .active { border:1px solid #999999; background:white; } .not-active { border:1px solid #999999; background:#dedede; } .plugin_details p { margin:0; padding:0; } .plugin_details a.manifest_details { cursor:pointer; font-size:80%; } .manifest_file { background:#dedede; -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; margin:10px 0 0 0; float:right; text-align: right; } .contentIntro .enableallplugins, .contentIntro .disableallplugins { float:right; } .contentIntro .enableallplugins { margin-left:10px; } .contentIntro .enableallplugins, .not-active .admin_plugin_enable_disable a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#4690d6; border: 1px solid #4690d6; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: auto; padding: 4px; cursor: pointer; } .contentIntro .enableallplugins:hover, .not-active .admin_plugin_enable_disable a:hover { background: #6cbd45; border: 1px solid #6cbd45; text-decoration: none; } .contentIntro .disableallplugins, .active .admin_plugin_enable_disable a { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#999999; border: 1px solid #999999; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: auto; padding: 4px; cursor: pointer; } .contentIntro .disableallplugins:hover, .active .admin_plugin_enable_disable a:hover { background: #333333; border: 1px solid #333333; text-decoration: none; } .pluginsettings { margin:15px 0 5px 0; background:#bbdaf7; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:10px; display:none; } .pluginsettings h3 { padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #999999; } #updateclient_settings h3 { padding:0; margin:0; border:none; } .input-access { margin:5px 0 0 0; } /* *************************************** GENERIC COMMENTS *************************************** */ .generic_comment_owner { font-size: 90%; color:#666666; } .generic_comment { background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:10px; margin:0 10px 10px 10px; } .generic_comment_icon { float:left; } .generic_comment_details { margin-left: 60px; } .generic_comment_details p { margin: 0 0 5px 0; } .generic_comment_owner { color:#666666; margin: 0px; font-size:90%; border-top: 1px solid #aaaaaa; } /* IE6 */ * html #generic_comment_tbl { width:676px !important;} /* *************************************** PAGE-OWNER BLOCK *************************************** */ #owner_block { padding:10px; } #owner_block_icon { float:left; margin:0 10px 0 0; } #owner_block_rss_feed, #owner_block_odd_feed, #owner_block_bookmark_this, #owner_block_report_this { padding:5px 0 0 0; } #owner_block_report_this { padding-bottom:5px; border-bottom:1px solid #cccccc; } #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_bookmark_this a { font-size: 90%; color:#999999; padding:0 0 4px 20px; background: url(<?php echo $vars['url']; ?>_graphics/icon_bookmarkthis.gif) no-repeat left top; } #owner_block_report_this a { font-size: 90%; color:#999999; padding:0 0 4px 20px; background: url(<?php echo $vars['url']; ?>_graphics/icon_reportthis.gif) no-repeat left top; } #owner_block_rss_feed a:hover, #owner_block_odd_feed a:hover, #owner_block_bookmark_this a:hover, #owner_block_report_this a:hover { color: #6cbd45; } #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:#6CBD45; 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: #6cbd45; } /* IE 6 + 7 menu arrow position fix */ * html #owner_block_submenu ul li.selected a { background-position: left 10px; } *:first-child+html #owner_block_submenu ul li.selected a { background-position: left 8px; } #owner_block_submenu .submenu_group { 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; } #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; } #maincontent .submenu_group_a a { color:#BA0000; } #maincontent owner_block_submenu li a { } #maincontent #owner_block_submenu ul li.selected a { background: #6cbd45; } #maincontent #owner_block_submenu ul li a:focus { color: #fff !important; } /* *************************************** PAGINATION *************************************** */ .pagination { -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 #cccccc; text-align: center; color:#6CBD45; 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, #maincontent .river_pagination .forward:hover, #maincontent .river_pagination .back:hover { background:none; color:#ee0000; text-decoration: none; border:1px solid #cccccc; } .pagination .pagination_more { display:block; float:left; background:#ffffff; border:1px solid #ffffff; text-align: center; color:#6CBD45; font-size: 12px; font-weight: normal; margin:0 6px 0 0; padding:0px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .pagination .pagination_previous, .pagination .pagination_next { display:block; float:left; border:1px solid #cccccc; color:#6CBD45; 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:none; color:white; text-decoration: none; } .pagination .pagination_currentpage { display:block; float:left; background:none; border:1px solid #cccccc; text-align: center; 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; } #friends_collections_accordian li h2 { background:#6CBD45; 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; } #friends_collections_accordian li h2:hover { background:#333333; color:white; } #friends_collections_accordian .friends_picker { background:white; padding:0; display:none; } #friends_collections_accordian .friends_collections_controls { font-size:70%; float:right; } #friends_collections_accordian .friends_collections_controls a { color:#999999; font-weight:normal; } /* *************************************** FRIENDS PICKER SLIDER *************************************** */ .friendsPicker_container h3 { font-size:4em !important; text-align: left; margin:0 0 10px 0 !important; color:#999999 !important; background: none !important; padding:0 !important; } .friendsPicker .friendsPicker_container .panel ul { text-align: left; margin: 0; padding:0; } .friendsPicker_wrapper { margin: 0; padding:0; position: relative; width: 100%; } .friendsPicker { position: relative; overflow: hidden; margin: 0; padding:0; width: 678px; height: auto; background: #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: #6CBD45; 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: #6CBD45; 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 { float:right; clear:right; color: #6CBD45; 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; } #maincontent a.toggle_customise_edit_panel:hover { color: #ffffff; background: #6cbd45; border:1px solid #6cbd45; 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(<?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: #6CBD45; 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 { padding-bottom:0; border-bottom: #e5e5e5 2px solid; margin-bottom:1.03em; } /* reusable generic collapsible box */ .collapsible_box { background:#f7f7f7; border:1px solid #ededed; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:10px; margin:4px 0 4px 0; display:none; } a.collapsibleboxlink { cursor:pointer; } /* tag icon */ .object_tag_string { background: url(<?php echo $vars['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; float:right; text-align:right; color:#666666; font-size:1em; font-weight:normal; } div.ajax_loader { background: white url(/wdn/templates_3.0/css/header/images/colorbox/loading.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; } #elgg_horizontal_tabbed_nav li { float: left; border: 2px solid #cccccc; border-bottom-width: 0; background: #f1f1f1; 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:#999999; text-decoration:underline; } #elgg_horizontal_tabbed_nav .selected { border-color: #cccccc; background: white; } #elgg_horizontal_tabbed_nav .selected a { position: relative; top: 2px; background: white; } /* IE6 fix */ * html #elgg_horizontal_tabbed_nav .selected a { top: 3px; } /* *************************************** ADMIN AREA - REPORTED CONTENT *************************************** */ .reportedcontent_content { margin:0 0 5px 0; padding:0 7px 4px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .reportedcontent_content p.reportedcontent_detail, .reportedcontent_content p { margin:0; } .active_report { border:1px solid #D3322A; background:#F7DAD8; } .archived_report { border:1px solid #666666; background:#dedede; } a.archive_report_button { float:right; font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#6CBD45; border: 1px solid #6CBD45; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: auto; padding: 4px; margin:15px 0 0 20px; cursor: pointer; } a.archive_report_button:hover { background: #0054a7; border: 1px solid #0054a7; text-decoration: none; } a.delete_report_button { float:right; font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#999999; border: 1px solid #999999; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: auto; padding: 4px; margin:15px 0 0 20px; cursor: pointer; } a.delete_report_button:hover { background: #333333; border: 1px solid #333333; text-decoration:none; } .reportedcontent_content .collapsible_box { background: white; } /****************************** * Static Profile Editor Stuff ******************************/ p.form-field-access { display: none; } #maincontent div.river_user, #maincontent div.river_object { margin-left: 6px; }