/** * ELGG MICROBLOG THEME CSS * @uses $vars['wwwroot'] The site URL */ /* 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 HEADER CONTENTS ELGG SITE NAVIGATION Primary site navigation in header FOOTER CONTENTS SYSTEM MESSAGES system messages overlay BREADCRUMBS SUBMENU current page/tool submenu in sidebar PAGINATION re-usable default page navigation ELGG TABBED NAVIGATION re-usable tabbed navigation LOGIN / REGISTER login box, register, and lost password page styles CONTENT HEADER DEFAULT COMMENTS ENTITY LISTINGS elgg's default entity listings USER SETTINGS styles for user settings GENERAL FORM ELEMENTS default styles for all elgg input/form elements FRIENDS PICKER LIKES / / Colors: #4690D6 - elgg light blue #2276BB #0054A7 - elgg dark blue #e4ecf5 - elgg v light blue / / * RESET CSS * / html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } img { border-width:0; border-color:transparent; } :focus { outline:0 none; -moz-outline-style: none; } ol, ul { / list-style:none outside none; / margin: 0 0 10px 0; padding-left: 20px; } em, i { font-style:italic; } ins { text-decoration:none; } del { text-decoration:line-through; } strong { font-weight:bold; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: top; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } / * BASICS * / body { text-align:left; margin:0 auto; padding:0; font-size: 80%; line-height: 1.4em; font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif; background-image: url(http://demo.elgg.com/themes/theme_elgg_com_microblog/graphics/clouds.png); background-position: left -36px; background-repeat: repeat-x; background-color: #C0DEED; } a { color: #2276BB; text-decoration: none; -moz-outline-style: none; outline: none; } a:hover, a.selected { text-decoration: underline; } p { margin-bottom:10px; } p:last-child { margin-bottom:0; } small { font-size: 90%; } h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: auto; color:#666666; } h1 { font-size: 1.8em; } h2 { font-size: 1.5em; line-height: 1.1em; } h3 { font-size: 1.2em; } h4 { font-size: 1.0em; } h5 { font-size: 0.9em; } h6 { font-size: 0.8em; } dt { font-weight: bold; } dd { margin: 0 0 1em 1em; } pre, code { font-family:Monaco,"Courier New",Courier,monospace; font-size:12px; background:#EBF5FF; overflow:auto; overflow-x: auto; / Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 / white-space: pre-wrap; / css-3 / white-space: -moz-pre-wrap !important; / Mozilla, since 1999 / white-space: -pre-wrap; / Opera 4-6 / white-space: -o-pre-wrap; / Opera 7 / word-wrap: break-word; / Internet Explorer 5.5+ / } code { padding:2px 3px; } pre { padding:3px 15px; margin:0px 0 15px 0; line-height:1.3em; } blockquote { padding:3px 15px; margin:0px 0 15px 0; line-height:1.3em; background:#EBF5FF; border:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; } / * GENERIC SELECTORS * / h2 { border-bottom:1px solid #CCCCCC; padding-bottom:5px; } .clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .link { cursor:pointer; } .small { font-size: 90%; } .divider { border-top:1px solid #cccccc; } .hidden { display:none; } .radius8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; } .margin_none { margin:0; } .margin_top { margin-top:10px; } .rss_link { margin-right:5px; } .rss_link a { display:block; width:14px; height:18px; float:right; background-image:url(http://demo.elgg.com/_graphics/elgg_sprites.png); background-repeat: no-repeat; background-position: -250px 4px; text-indent: -1000em; } .tags { background-image:url(http://demo.elgg.com/_graphics/elgg_sprites.png); background-repeat: no-repeat; background-position: left -196px; padding:1px 0 0 14px; font-size: 85%; } .tagcloud { text-align:justify; } .ajax_loader { background-color: white; background-image: url(http://demo.elgg.com/_graphics/ajax_loader_bw.gif); background-repeat: no-repeat; background-position: center center; min-height:33px; min-width:33px; } .ajax_loader.left { background-position: left center; } #elgg_sidebar h3 { border-bottom:1px solid #CCCCCC; margin-bottom:5px; margin-top:20px; padding-bottom:5px; } / * PAGE LAYOUT - MAIN BLOCKS POSITIONING * / #elgg_topbar { background:#333333 url(http://demo.elgg.com/_graphics/toptoolbar_background.gif) repeat-x top left; color:#eeeeee; border-bottom:1px solid #000000; min-width:998px; position:relative; width:100%; height:24px; z-index: 9000; } #elgg_header { x-overflow: hidden; position: relative; width: 100%; height:90px; } #elgg_header_contents { width:990px; position: relative; margin:0 auto; height:90px; } #elgg_search { } #elgg_main_nav { -webkit-border-radius: 6px; -moz-border-radius: 6px; background-color:white; margin-bottom:14px; } #elgg_content { / wraps sidebar and page contents / width:990px; position: relative; margin:0 auto; word-wrap:break-word; } .content_wrapper { / main page contents / position: relative; margin:0; padding:0; width:100%; max-width: 730px; min-height: 500px; word-wrap:break-word; } #elgg_page_contents.one_column { width:950px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .sidebar_wrapper { / elgg sidebar / position: relative; margin:0; padding:0; width:100%; } #elgg_page_contents { -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; background-color:white; width:auto; padding:10px 20px; word-wrap:break-word; } #elgg_sidebar { -moz-border-radius-bottomright:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; background-color:#DDEEF6; border-left:1px solid #C0DEED; width:191px; padding:10px 14px; } #elgg_footer { position: relative; margin:20px 0 10px 0; } #elgg_footer_contents { margin:0 auto 0 auto; width:970px; padding:10px 10px 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background-color: white; } .footer_toolbar_links { text-align:right; margin-bottom:5px; } / * ELGG TOPBAR * / #elgg_topbar_contents { float:left; height:24px; left:0px; top:0px; position:absolute; text-align:left; width:100%; } #elgg_topbar_contents a { margin-right:30px; padding-top:2px; display:inline; float:left; text-align: left; color:#eeeeee; } #elgg_topbar_contents a:hover { color:#71cbff; text-decoration: none; } #elgg_topbar_contents a img.user_mini_avatar { border:1px solid #eeeeee; margin:1px 0 0 10px; display: block; } #elgg_topbar_contents a img.site_logo { display: block; margin-left:5px; margin-top: -1px; } #elgg_topbar_contents .log_out { float:right; } #elgg_topbar_contents .log_out a { display: inline; text-align: right; margin-right:10px; color:#999999; } #elgg_topbar_contents .log_out a:hover { color:#71cbff; } #elgg_topbar_contents a.myfriends { background:transparent url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat left -297px; margin-right:30px; text-indent: -900em; width:36px; } #elgg_topbar_contents a.myfriends:hover { background-position: left -337px; } #elgg_topbar_contents a.settings { background:transparent url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat -300px -41px; padding-left:20px !important; float:right; margin-right:30px; } #elgg_topbar_contents a.admin { background:transparent url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat -300px -41px; padding-left:20px !important; float:right; margin-right:30px; } #elgg_topbar_contents a.help { background:transparent url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat -300px -133px; padding-left:18px !important; float:right; margin-right:30px; } / * HEADER CONTENTS * / #elgg_header_contents h1 a span.network_title { font-size: 2em; line-height:2em; color: white; font-style: italic; font-family: Georgia, times, serif; display: block; text-decoration: none; text-shadow:1px 2px 4px #333333; } #elgg_sidebar #elgg_search input.search_input { -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color:white; border:1px solid white; color:#999999; font-size:12px; font-weight:bold; margin:0 0 10px 0; padding:2px 4px 2px 26px; width:158px; background-image: url(http://demo.elgg.com/_graphics/elgg_sprites.png); background-position: 2px -257px; background-repeat: no-repeat; } #elgg_sidebar #elgg_search input.search_input:focus { background-color:white; color:#666666; border:1px solid #C0DEED; background-position: 2px -257px; } #elgg_sidebar #elgg_search input.search_input:active { background-color:white; color:#666666; border:1px solid #C0DEED; background-position: 2px -257px; } #elgg_sidebar #elgg_search input.search_submit_button { display:none; } .sidebar_container.search { margin-bottom:10px; margin-top:4px; } / * ELGG SITE NAVIGATION in header * / .navigation, .navigation ul { margin:0; padding:0; display:inline; float:left; list-style-type: none; z-index: 7000; position: relative; } .navigation li { list-style: none; font-weight: bold; position: relative; display:block; height:23px; float:left; margin:0; padding:0; } .navigation a { / color:white; / margin:0 1px 0 0px; text-decoration:none; font-weight: bold; font-size: 1em; padding:3px 13px 0px 13px; height:20px; cursor: pointer; display:block; } .navigation li a:hover { / background:white; color:#555555; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); / } .navigation li.selected a { / background:white; / color:#555555; / -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; margin-top:1px; -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); / } li.navigation_more { overflow:hidden; } li.navigation_more:hover { overflow:visible; } li.navigation_more:hover a { / background:white; color:#555555; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); / } li.navigation_more a.subnav span { / background-image: url(http://demo.elgg.com/_graphics/elgg_sprites.png); background-repeat: no-repeat; background-position: -150px -56px; padding-left: 12px; / } li.navigation_more:hover a.subnav span, li.navigation_more a.subnav:hover span { / background-position: -150px -76px; / } li.navigation_more ul { / z-index: 7000; min-width: 150px; margin-left:-1px; background-color:white; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); / } / li.navigation_more ul li { float:none; } .navigation li.navigation_more ul li a { background:white; color:#555555; margin:0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; } .navigation li.navigation_more ul li:last-child a, .navigation li.navigation_more ul li:last-child a:hover { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; } .navigation li.navigation_more ul li a:hover { background:#4690D6; color:white; margin:0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; } .navigation li.navigation_more ul li.selected a { background:#4690D6; color:white; } / / * FOOTER CONTENTS * / #elgg_footer_contents, #elgg_footer_contents a, #elgg_footer_contents p { color:#999999; } #elgg_footer_contents a:hover { color:#666666; } .#elgg_footer_contents p { margin:0; } .powered_by_elgg_badge { float:right; } / * SYSTEM MESSAGES * / #elgg_system_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; max-width: 500px; cursor: pointer; opacity:0.9; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); } #elgg_system_message.error { background-color:red; } #elgg_system_message p { margin:0; } / * BREADCRUMBS * / .breadcrumbs { font-size: 80%; line-height:1.2em; color:#bababa; position: relative; top:-6px; left:0; } .breadcrumbs a { color:#999999; font-weight:bold; text-decoration: none; } .breadcrumbs a:hover { color: #0054a7; text-decoration: underline; } / * SUBMENU * / .submenu { margin:0; padding:0; list-style: none; } .submenu ul { margin-bottom:0; padding-left:0; list-style: none; } .submenu li.selected a, .submenu li.selected li.selected a, .submenu li.selected li.selected li.selected a { background: #2276BB; color:white; } .submenu li a { display:block; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color:white; margin:0 0 10px 0; padding:2px 4px 2px 8px; } .submenu li a:hover { background:#0054A7; color:white; text-decoration:none; } .submenu .child li a { margin-left:15px; background-color:white; color:#2276BB; } .submenu .child li a:hover { background:#0054A7; color:white; text-decoration:none; } / * PAGINATION * / .pagination { margin:5px 0 5px 0; padding:5px 0; } .pagination .pagination_number { display:block; float:left; background:#ffffff; border:1px solid #2276BB; text-align: center; color:#2276BB; 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:#2276BB; color:white; text-decoration: none; } .pagination .pagination_more { display:block; float:left; background:#ffffff; border:1px solid #ffffff; text-align: center; color:#2276BB; 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:#2276BB; 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:#2276BB; border:1px solid #2276BB; color:white; text-decoration: none; } .pagination .pagination_currentpage { display:block; float:left; background:#2276BB; border:1px solid #2276BB; text-align: center; color:white; font-size: 12px; font-weight: bold; margin:0 6px 0 0; padding:0px 4px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; } / * ELGG TABBED PAGE NAVIGATION * / .elgg_horizontal_tabbed_nav { margin-bottom:5px; padding: 0; border-bottom: 2px solid #cccccc; display:table; width:100%; } .elgg_horizontal_tabbed_nav ul { list-style: none; padding: 0; margin: 0; } .elgg_horizontal_tabbed_nav li { float: left; border: 2px solid #cccccc; border-bottom-width: 0; background: #eeeeee; margin: 0 0 0 10px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; } .elgg_horizontal_tabbed_nav a { text-decoration: none; display: block; padding:3px 10px 0 10px; text-align: center; height:21px; color:#999999; } .elgg_horizontal_tabbed_nav a:hover { background: #dedede; color:#2276BB; } .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 in sidebar / #elgg_sidebar #login { width:auto; } #elgg_sidebar #login form { width:auto; } #elgg_sidebar #login .login_textarea { width:196px; } / default login and register forms / #login input[type="text"], #login input[type="password"], .register input[type="text"], .register input[type="password"] { margin:0 0 10px 0; } .register input[type="text"], .register input[type="password"] { width:380px; } #login .persistent_login { float:right; display:block; margin-top:-34px; margin-left:80px; } #login .persistent_login label { font-size:1.0em; font-weight: normal; cursor: pointer; } / * CONTENT HEADER ** / #content_header { border-bottom:1px solid #CCCCCC; } #content_header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .content_header_title { float:left; } .content_header_title { margin-right:10px; max-width: 530px; } .content_header_title h2 { border:none; margin-bottom:0; padding-bottom:5px; } .content_header_options { float:right; } .content_header_options .action_button { float:right; margin:0 0 5px 10px; } / * DEFAULT COMMENTS ** / .generic_comment { border-bottom:1px dotted #cccccc; clear:both; display:block; margin:0; padding:5px 0 7px; position:relative; } .generic_comment:first-child { border-top:1px dotted #cccccc; } .generic_comment_icon { float:left; margin-left:3px; margin-top:3px; } .generic_comment_icon img { width: auto; } .generic_comment_details { / float:left; / margin-left:34px; min-height:28px; width:693px; } .generic_comment_details p { margin:0; } .generic_comment_owner { line-height:1.2em; } .generic_comment_owner a { color:#0054A7; } .generic_comment_body { margin:3px 0 5px 0; } .generic_comment_body p { margin-bottom: 10px; } / latest comments in sidebar / #elgg_sidebar .generic_comment.latest { padding:2px 0; } #elgg_sidebar .generic_comment.latest .generic_comment_icon { margin-left:1px; margin-top:5px; } #elgg_sidebar .generic_comment.latest .generic_comment_details { width:159px; line-height:1.1em; overflow:hidden; } #elgg_sidebar .generic_comment.latest .entity_title { font-size: inherit; line-height: inherit; } / * DEFAULT ENTITY LISTINGS ** / .entity_listing { border-bottom:1px dotted #cccccc; clear:both; display:block; margin:0; padding:4px 0 4px; position:relative; } .entity_listing:first-child { border-top:1px dotted #cccccc; } .entity_listing:hover { background-color: #eeeeee; } .entity_listing_icon { float:left; margin-left:3px; margin-top:3px; } .entity_listing_icon img { width: auto; } .entity_listing_info { margin-left:37px; min-height:28px; width:auto; } .entity_listing_info p { margin:0; / line-height:1.2em; / } .entity_title { font-weight: bold; font-size: 1.1em; line-height:1.2em; color:#666666; padding-bottom:4px; } .entity_title a { color:#0054A7; } .entity_subtext { color:#666666; font-size: 85%; font-style: italic; line-height:1.2em; } / entity metadata block / .entity_metadata { float:right; margin:0 3px 0 15px; color:#aaaaaa; font-size: 90%; } .entity_metadata span { margin-left:14px; text-align:right; } .entity_metadata .entity_edit a { color:#aaaaaa; } .entity_metadata .entity_edit a:hover { color:#555555; } .entity_metadata .delete_button { margin-top:3px; } / override hover for lists of site users/members / .members_list .entity_listing:hover { background-color:white; } / * USER SETTINGS * / .user_settings { margin-bottom:20px; } .user_settings h3 { background:#e4e4e4; color:#333333; padding:5px; margin-top:10px; margin-bottom:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .user_settings label { color:#333333; font-size:100%; font-weight:normal; } .user_settings table.styled { width:100%; } .user_settings table.styled { border-top:1px solid #cccccc; } .user_settings table.styled td { padding:2px 4px 2px 4px; border-bottom:1px solid #cccccc; } .user_settings table.styled td.column_one { width:200px; } .user_settings table.styled tr:hover { background: #E4E4E4; } .add_user form { width:300px; } / * GENERAL FORM ELEMENTS * / / default elgg core input field classes / .input_text, .input_tags, .input_url, .input_textarea { width:98%; } .input_access { margin:5px 0 0 0; } .input_password { width:200px; } .input_textarea { height: 200px; width:718px; } input[type="checkbox"], input.input_radio { margin:0 3px 0 0; padding:0; border:none; } label { font-weight: bold; color:#333333; font-size: 110%; } input { font: 120% Arial, Helvetica, sans-serif; padding: 5px; border: 1px solid #cccccc; color:#666666; -webkit-border-radius: 5px; -moz-border-radius: 5px; } textarea { font: 120% Arial, Helvetica, sans-serif; border: solid 1px #cccccc; padding: 5px; color:#666666; -webkit-border-radius: 5px; -moz-border-radius: 5px; } textarea:focus, input[type="text"]:focus { border: solid 1px #2276BB; background: #e4ecf5; color:#333333; } .input_textarea.monospace { font-family:Monaco,"Courier New",Courier,monospace; font-size:13px; } a.longtext_control { float:right; margin-left:14px; } .submit_button { font-size: 14px; font-weight: bold; color: white; text-shadow:1px 1px 0px black; text-decoration:none; border: 1px solid #2276BB; background-color:#2276BB; background-image: url(http://demo.elgg.com/_graphics/button_graduation.png); background-repeat: repeat-x; background-position: left 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: auto; padding: 2px 4px; margin:0 10px 10px 0; cursor: pointer; -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); } .submit_button:hover { color: white; border-color: #0054a7; text-decoration:none; background-color:#0054a7; background-image: url(http://demo.elgg.com/_graphics/button_graduation.png); background-repeat: repeat-x; background-position: left 10px; } .submit_button.disabled { background-color:#999999; border-color:#999999; color:#dedede; } .submit_button.disabled:hover { background-color:#999999; border-color:#999999; color:#dedede; } input[type="password"]:focus { border: solid 1px #2276BB; background-color: #e4ecf5; color:#333333; } input[type="submit"] { font-size: 14px; font-weight: bold; color: white; text-shadow:1px 1px 0px black; text-decoration:none; border: 1px solid #2276BB; background-color:#2276BB; background-image: url(http://demo.elgg.com/_graphics/button_graduation.png); background-repeat: repeat-x; background-position: left 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: auto; padding: 2px 4px; margin:10px 0 10px 0; cursor: pointer; -moz-outline-style: none; outline: none; -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); } input[type="submit"]:hover { border-color: #0054a7; text-decoration:none; background-color:#0054a7; background-image: url(http://demo.elgg.com/_graphics/button_graduation.png); background-repeat: repeat-x; background-position: left 10px; } .cancel_button { font-size: 14px; font-weight: bold; text-decoration:none; color: #333333; background-color:#dddddd; background-image: url(http://demo.elgg.com/_graphics/button_graduation.png); background-repeat: repeat-x; background-position: left 10px; border: 1px solid #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: auto; padding: 2px 4px; margin:10px 0 10px 10px; cursor: pointer; } .cancel_button:hover { background-color: #999999; background-position: left 10px; text-decoration:none; color:white; } input.action_button, a.action_button { -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color:#cccccc; background-image: url(http://demo.elgg.com/_graphics/button_background.gif); background-repeat: repeat-x; background-position: 0 0; border:1px solid #999999; color:#333333; padding:2px 15px 2px 15px; text-align:center; font-weight:bold; text-decoration:none; text-shadow:0 1px 0 white; cursor:pointer; -webkit-box-shadow: none; -moz-box-shadow: none; } input.action_button:hover, a.action_button:hover, input.action_button:focus, a.action_button:focus { background-position:0 -15px; background-image: url(http://demo.elgg.com/_graphics/button_background.gif); background-repeat: repeat-x; color:#111111; text-decoration: none; background-color:#cccccc; border:1px solid #999999; } .action_button:active { background-image:none; } .action_button.disabled { color:#999999; padding:2px 7px 2px 7px; } .action_button.disabled:hover { background-position:0 -15px; color:#111111; border:1px solid #999999; } .action_button.disabled:active { background-image:none; } .action_button.download { padding: 5px 9px 5px 6px; } .action_button.download:hover { } .action_button.download img { margin-right:6px; position:relative; top:5px; } .action_button.small { -webkit-border-radius: 3px; -moz-border-radius: 3px; width: auto; height:8px; padding: 4px; font-size: 0.9em; line-height: 0.6em; } .action_button.small:hover { background-color: #2276BB; background-image: none; border-color: #2276BB; color:white; text-shadow:0 -1px 0 black; } / small round delete button / .delete_button { width:14px; height:14px; margin:0; float:right; } .delete_button a { display:block; cursor: pointer; width:14px; height:14px; background: url("http://demo.elgg.com/_graphics/elgg_sprites.png") no-repeat -200px top; text-indent: -9000px; text-align: left; } .delete_button a:hover { background-position: -200px -16px; } / * FRIENDS PICKER * / .friends_picker_container h3 { font-size:4em !important; text-align: left; margin:10px 0 20px 0 !important; color:#999999 !important; background: none !important; padding:0 !important; } .friends_picker .friends_picker_container .panel ul { text-align: left; margin: 0; padding:0; } .friends_picker_wrapper { margin: 0; padding:0; position: relative; width: 100%; } .friends_picker { position: relative; overflow: hidden; margin: 0; padding:0; width: 730px; height: auto; } .friendspicker_savebuttons { background: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin:0 10px 10px 10px; } .friends_picker .friends_picker_container { / long container used to house end-to-end panels. Width is calculated in JS / position: relative; left: 0; top: 0; width: 100%; list-style-type: none; } .friends_picker .friends_picker_container .panel { float:left; height: 100%; position: relative; width: 730px; margin: 0; padding:0; } .friends_picker .friends_picker_container .panel .wrapper { margin: 0; padding:4px 10px 10px 10px; min-height: 230px; } .friends_picker_navigation { margin: 0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #cccccc; } .friends_picker_navigation ul { list-style: none; padding-left: 0; } .friends_picker_navigation ul li { float: left; margin:0; background:white; } .friends_picker_navigation a { font-weight: bold; text-align: center; background: white; color: #999999; text-decoration: none; display: block; padding: 0; width:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tabHasContent { background: white; color:#333333 !important; } .friends_picker_navigation li a:hover { background: #333333; color:white !important; } .friends_picker_navigation li a.current { background: #2276BB; color:white !important; } .friends_picker_navigation_l, .friends_picker_navigation_r { position: absolute; top: 46px; text-indent: -9000em; } .friends_picker_navigation_l a, .friends_picker_navigation_r a { display: block; height: 43px; width: 43px; } .friends_picker_navigation_l { right: 48px; z-index:1; } .friends_picker_navigation_r { right: 0; z-index:1; } .friends_picker_navigation_l { background: url("http://demo.elgg.com/_graphics/elgg_sprites.png") no-repeat left top; } .friends_picker_navigation_r { background: url("http://demo.elgg.com/_graphics/elgg_sprites.png") no-repeat -60px top; } .friends_picker_navigation_l:hover { background: url("http://demo.elgg.com/_graphics/elgg_sprites.png") no-repeat left -44px; } .friends_picker_navigation_r:hover { background: url("http://demo.elgg.com/_graphics/elgg_sprites.png") no-repeat -60px -44px; } .friendspicker_savebuttons .submit_button, .friendspicker_savebuttons .cancel_button { margin:5px 20px 5px 5px; } #collectionMembersTable { background: #dedede; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin:10px 0 0 0; padding:10px 10px 0 10px; } / * LIKES * / .likes_list_holder { position: relative; float:right; } .likes_list_holder a.user_like { cursor:pointer; background: url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat left -101px; text-indent: -9000em; text-align: left; display:block; width:20px; height:20px; margin:0; float:left; } .likes_list_holder a.user_like:hover { background-position: left -131px; } .likes_list_holder .likes_list_button.link { float:left; text-align: left; background: url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat left -131px; padding-left:21px; height:20px; } .likes_list_holder .likes_list_button.link.not_liked { background:none; padding-left:0; } .likes_list_holder .likes_list { background-color: white; border:1px solid #cccccc; width: 345px; height: auto; position: absolute; text-align: left; z-index: 9999; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); } .likes_list_holder .elgg_likes_user { border-bottom:1px solid #cccccc; padding:3px; } .likes_list_holder .elgg_likes_user:last-child { border-bottom:none; } .likes_list_holder .elgg_likes_user .entity_listing_info { width:305px; } .entity_listing .elgg_likes_user .entity_metadata { min-width:20px !important; } .elgg_likes_user .entity_listing_icon { margin:3px 0 4px 2px; } .elgg_likes_user .entity_metadata { margin-top:3px; } p.elgg_likes_owner { padding-top:4px; } .user_picker .user_picker_entry { clear:both; height:25px; padding:5px; margin-top:5px; border-bottom:1px solid #cccccc; } .user_picker_entry .delete_button { margin-right:10px; } / * main layout blocks * / #profile_content { float:right; width:700px; position: relative; word-wrap:break-word; } #profile_sidebar { width:230px; float:left; } .elgg_horizontal_tabbed_nav.profile { margin-top:0px; margin-bottom:25px; position:relative; } .elgg_horizontal_tabbed_nav.profile .profile_name { display:block; width:265px; position:absolute; } .elgg_horizontal_tabbed_nav.profile .profile_name h2 { margin:0; padding:0; border:none; } .elgg_horizontal_tabbed_nav.profile ul { margin-left:260px; } / * default avatar icons * / .usericon { position:relative; } .usericon.tiny, img.tiny { width:25px; height:25px; / remove the border-radius if you don't want rounded avatars in supported browsers / -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-background-clip: border; -o-background-size: 25px; -webkit-background-size: 25px; -khtml-background-size: 25px; -moz-background-size: 25px; } .usericon.small, img.small { width:40px; height:40px; / remove the border-radius if you don't want rounded avatars in supported browsers / -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-background-clip: border; -o-background-size: 40px; -webkit-background-size: 40px; -khtml-background-size: 40px; -moz-background-size: 40px; } img.large { width:200px; height:200px; } img.medium { width:100px; height:100px; } / * ownerblock in sidebar * / #profile_sidebar #owner_block { background-color: #eeeeee; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:15px; min-height:270px; } #elgg_sidebar #owner_block { background-color: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:5px; margin-bottom:10px; } #owner_block .owner_block_icon { float:left; padding:0; margin:0; } #owner_block .owner_block_icon.large { width:200px; height:200px; overflow: hidden; float:none; } #owner_block .owner_block_contents { margin-left: 50px; } #elgg_sidebar #owner_block .owner_block_contents { margin-left: 34px; } #owner_block .owner_block_contents h3 { margin-top:-4px; border-bottom:none; margin-bottom:0; padding-bottom:0; } #owner_block .owner_block_contents p.profile_info { margin:0; padding:0; color: #666666; } #owner_block .owner_block_contents p.profile_info.briefdescription { font-size: 90%; line-height:1.2em; font-style: italic; } #owner_block .owner_block_contents p.profile_info.location { font-size: 90%; } #owner_block .profile_actions { margin-top:10px; } #owner_block .profile_actions a.action_button { margin-bottom:4px; display: table; } / ownerblock links to owners tools / #owner_block .owners_content_links { border-top:1px dotted #cccccc; margin-top:4px; padding-top:2px; } #owner_block .owners_content_links ul { margin:0; padding:0; } #owner_block .owners_content_links ul li { display:block; float:left; width:90px; font-size: 90%; } / profile pages - ownerblock links to owners tools / .owner_block_links { margin-top:5px; } .owner_block_links ul { margin:0; padding:0; list-style: none; } .owner_block_links ul li.selected a { background: #4690D6; color:white; } .owner_block_links ul li a { display:block; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color:white; margin:3px 0 5px 0; padding:2px 4px 2px 8px; } .owner_block_links ul li a:hover { background:#0054A7; color:white; text-decoration:none; } / * admin menu in sidebar * / .owner_block_links .admin_menu_options { display: none; } .owner_block_links ul.admin_menu { background-color:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; cursor:pointer; } .owner_block_links ul.admin_menu li a { background-color: white; color:red; margin-bottom:0; } .owner_block_links ul.admin_menu li a:hover { color:black; } .owner_block_links ul.admin_menu li ul.admin_menu_options li a { color:red; background-color:white; display:block; margin:0px; padding:2px 4px 2px 13px; } .owner_block_links ul.admin_menu li ul.admin_menu_options li a:hover { color:black; background:none; text-decoration: underline; } / * full profile info panel * / #profile_content .odd { background-color:#f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin:0 0 7px 0; padding:2px 4px 2px 4px; } #profile_content .even { background-color:#f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin:0 0 7px 0; padding:2px 4px 2px 4px; } #profile_content .aboutme_title { background-color:#f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin:0 0 0px 0; padding:2px 4px 2px 4px; } #profile_content .aboutme_contents { padding:2px 0 0 3px; } / * friends panel within profile * / #profile_content .entity_listing .entity_listing_info { width:664px; } / * commentwall within profile * / #comment_wall_add textarea { width:685px; } #comment_wall_add #postit { float:right; } / * twitter panel within profile * / ul#twitter_update_list { margin:0; padding:0; } ul#twitter_update_list li { background-image: url(http://demo.elgg.com/mod/profile/graphics/speech_bubble_tail.gif); background-position:right bottom; background-repeat: no-repeat; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 7px 11px 7px; padding:0; float:left; width:218px; } ul#twitter_update_list li span { color:#333333; background:#eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:7px 10px; display:block; height:93px; overflow: hidden; } ul#twitter_update_list li a { display:block; margin:-2px 0 0 4px; color:#666666; } ul#twitter_update_list li span a { display:inline !important; color:#2276BB; } ul#twitter_update_list li a:hover { / color:white; / } p.visit_twitter a { background:url(http://demo.elgg.com/mod/profile/graphics/twitter16px.png) left no-repeat; padding:0 0 0 20px; margin:0; } .visit_twitter { padding:5px 0; margin:0 0 0 0; border-top:1px solid #dedede; clear:both; } / * user avatar upload & crop page * / #avatar_upload { height:145px; } #current_user_avatar { float:left; width:160px; height:130px; border-right:1px solid #cccccc; margin:0 20px 0 0; } #avatar_croppingtool { border-top: 1px solid #cccccc; margin:20px 0 0 0; padding:10px 0 0 0; } #user_avatar { float: left; margin-right: 20px; } #user_avatar_preview { float: left; position: relative; overflow: hidden; width: 100px; height: 100px; } / * banned user * / / banned user full profile panel / #profile_content .banned_user { border:2px solid red; padding:4px 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } / banned user in friends lists / .entity_listing_info p.entity_title.user.banned { text-decoration: line-through; } .entity_listing_info p.entity_title.user.banned a { color:red; } / * avatar drop-down menu * / .avatar_menu_button { width:15px; height:15px; position:absolute; cursor:pointer; display:none; right:0; bottom:0; } .avatar_menu_arrow { background: url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat -150px top; width:15px; height:15px; } .avatar_menu_arrow_on { background: url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat -150px -16px; width:15px; height:15px; } .avatar_menu_arrow_hover { background: url(http://demo.elgg.com/_graphics/elgg_sprites.png) no-repeat -150px -32px; width:15px; height:15px; } / user avatar submenu options / .usericon .sub_menu { display:none; position:absolute; padding:0; margin:0; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; width:164px; background:#FFFFFF; text-align:left; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50); font-size:14px; } div.usericon a.icon img { z-index:10; } .usericon .sub_menu a:link, .usericon .sub_menu a:visited, .usericon .sub_menu a:hover { display:block; font-weight: normal; } .usericon .sub_menu a:hover { background:#cccccc; text-decoration:none; } .usericon .sub_menu .displayname { padding:0 !important; margin:0 !important; border-bottom:solid 1px #dddddd !important; font-size:14px !important; } .usericon .sub_menu .displayname a { padding:3px 3px 3px 8px; font-size:14px; font-weight: bold; } .usericon .sub_menu .displayname a .username { display:block; font-weight: normal; font-size:12px; text-align: left; margin:0; } .sub_menu ul.sub_menu_list { list-style: none; margin-bottom:0; padding-left:0; } .usericon .sub_menu a { padding:2px 3px 2px 8px; font-size:12px; } / admin menu options in avatar submenu / .user_menu_admin { border-top:solid 1px #dddddd; } .usericon .sub_menu li.user_menu_admin a { color:red; } .usericon .sub_menu li.user_menu_admin a:hover { color:white; background:red; } / js tree / .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview ul { / background-color: white; / margin-top: 4px; } .treeview .hitarea { background: url(http://demo.elgg.com/mod/pages/images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } / fix for IE6 / html .hitarea { display: inline; float:none; } .treeview li { margin: 0; padding: 3px 0pt 3px 16px; } .treeview li span a { display:block; line-height:1.2em; margin-left:4px; margin-top:-6px; padding-bottom:4px; padding-top:4px; color:#555555; } .treeview a.selected { background-color: #eee; } .treeview .hover { color:#4690D6; cursor: pointer; } #treecontrol { margin: 1em 0; display: none; } .treeview li { background: url(http://demo.elgg.com/mod/pages/images/treeview-default-line.gif) 0 0 no-repeat; } .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview .expandable-hitarea { background-position: -80px -3px; } .treeview li.last { background-position: 0 -1766px } .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-default.gif); } .treeview li.lastCollapsable { background-position: 0 -111px } .treeview li.lastExpandable { background-position: -32px -67px } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } .treeview-red li { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-red-line.gif); } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-red.gif); } .treeview-black li { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-black-line.gif); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-black.gif); } .treeview-gray li { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-gray-line.gif); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-gray.gif); } .treeview-famfamfam li { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-famfamfam-line.gif); } .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(http://demo.elgg.com/mod/pages/images/treeview-famfamfam.gif); } .filetree li { padding: 3px 0 2px 16px; } .filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } .filetree span.folder { background: url(http://demo.elgg.com/mod/pages/images/folder.gif) 0 0 no-repeat; } .filetree li.expandable span.folder { background: url(http://demo.elgg.com/mod/pages/images/folder-closed.gif) 0 0 no-repeat; } .filetree span.file { background: url(http://demo.elgg.com/mod/pages/images/file.gif) 0 0 no-repeat; } .pagesTreeContainer { margin:0; min-height: 100px; } #pages_list { margin-top:10px; } .sub_page .action_button { float:none; margin-top:5px; width:auto; display:inline-block; } #pages_page { padding-bottom:20px; border-bottom:1px dotted #CCCCCC; } .pages_options { border-bottom:1px solid #CCCCCC; float:none; margin:0 0 10px; padding:5px 5px 5px 0; } #pages_page img[align="left"] { margin: 10px 20px 10px 0; float:left; } #pages_page img[align="right"] { margin: 10px 0 10px 10px; float:right; } /* IE 7 / :first-child+html #pages_page .pages_options { min-width:730px; } .pageswelcome p { margin:0 0 5px 0; } /* IE6 / html #pages_welcome_tbl { width:676px !important;} .pages_widget_singleitem_more { margin:0 10px 0 10px; padding:5px; display:block; background:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; } p.page_title { margin:0; padding:0; font-size: 1.1em; } .page_title a { font-size:1.1em; font-weight:bold; margin:0; padding:0; } .page_history { float:left; } .print_page { float:right; /* padding-right:20px; / } / page history hilighting / del { background:#FEB9B9; padding:2px; display: inline-block; } ins { background:#98FB98; padding:2px; display: inline-block; } / PAGE HISTORY LIST ENTRY / #pages_history { margin-top:10px; } .page_revision p { padding-top:6px; } .contributor_icon { float:left; margin:0 4px 4px 0; } .latest_contribution { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-bottom:2px; margin-bottom:5px; } .visual_captcha a { cursor: pointer; border: 0; } .visual_captcha_languagehint { padding-right: 0.5em; color:#0054A7; } .visual_captcha_choices { margin-top:5px; } ul.visual_captcha_choices li { float: left; padding: 2px 4px 2px 0; list-style-type: none; } ul.visual_captcha_choices li img { padding: 2px; } ul.visual_captcha_choices li img.clicked { background-color: #4690D6; -webkit-border-radius: 8px; -moz-border-radius: 8px; }.custom_logo {margin-top:15px;} / css rules for the plugins admin interface / img.custom_logo { max-width: 300px; max-height: 60px; } .videolist_error{ color:red; font-weight:bold; } / video listing / .video_entity .entity_listing:first-child { border-top:0; } .entity_listing_icon .video_icon { width:150px; height:95px; display:table-cell; text-align:center; vertical-align: middle; background-color: black; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .video_entity .entity_listing_info { width:auto; margin-left:166px; } / single video view page / .video_view { text-align: center; margin-top:5px; padding-bottom:20px; border-bottom:1px solid #CCCCCC; } .video_view embed { margin-top:20px; } .video_view .tags { text-align:left; } / search for videos / #loading_search_results .ajax_loader { margin:10px 0; } .search_videos { width:100%; margin-top:4px; } .search_videos .submit_button { margin:0; } .search_videos #title_search { margin-left:14px; margin-right:14px; } / find videos search results list / #videosearch_results .video_entity { padding:10px 0; border-top:1px dotted #CCCCCC; } #videosearch_results .video_entity table { width:100%; } #videosearch_results .video_actions { text-align: right; width:15%; } #videosearch_results .video_entity .entity_title { margin:0; } / pop-up video player / #page_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; z-index:299999; } .video_popup{ position:absolute; display:none; padding:5px 10px 10px 10px; background:black; z-index:300000; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .close_video { margin-bottom:5px; text-align: right; } .close_video a { color:white; } / videos group widget / .group_tool_widget.video .entity_listing_icon img { margin:0; width:auto; max-width:80px; height:60px; } .group_tool_widget.video .entity_listing_info { width:260px; } / favorites icon toggle / .favorite { float:right; width:23px; height:22px; margin:0; } .favorite a { cursor:pointer; background: url(http://demo.elgg.com/mod/favorites/graphics/icons_favorites.png) no-repeat left -4px; text-indent: -9000em; text-align: left; display:block; width:23px; height:22px; margin:0; } .favorite a:hover { background-position: left -30px; } .favorite a.is_favorite { background-position: left -56px; } .favorite a.is_favorite:hover { background-position: left -56px; } / favorites listings in sidebar / .favorite_list_item { margin:0 0 5px 0; } .favorite_list_item a { display:block; line-height:1.1em; background:transparent url(http://demo.elgg.com/mod/favorites/graphics/icons_favorites.png) no-repeat scroll -40px -89px; padding-left:18px; } / file-type favorites listings in sidebar / .favorite_list_item a.application { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/application.png) no-repeat 0 0; } .favorite_list_item a.archive { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/archive.png) no-repeat 0 0; } .favorite_list_item a.zip { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/zip.png) no-repeat 0 0; } .favorite_list_item a.audio { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/audio.png) no-repeat 0 0; } .favorite_list_item a.document { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/document.png) no-repeat 0 0; } .favorite_list_item a.msword { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/msword.png) no-repeat 0 0; } .favorite_list_item a.excel { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/excel.png) no-repeat 0 0; } .favorite_list_item a.general { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/general.png) no-repeat 0 0; } .favorite_list_item a.image { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/image.png) no-repeat 0 0; } .favorite_list_item a.pdf { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/pdf.png) no-repeat 0 0; } .favorite_list_item a.ppt { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/ppt.png) no-repeat 0 0; } .favorite_list_item a.text { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/text.png) no-repeat 0 0; } .favorite_list_item a.video { background: url(http://demo.elgg.com/mod/favorites/graphics/file_types/video.png) no-repeat 0 0; } / favorites within plugins / / Conversations favorites / .single_post .extended_options .favorite { margin-top:4px; } / Blog favorites / .blog.entity_listing .entity_metadata .favorite { margin-top:1px; } .blogpost .entity_metadata .favorite { margin-top:2px; } / documents favorites / .document_header .favorite { margin-top:4px; } / file favorites / .file_header .favorite { margin-top:4px; } / video favourites / .video_view .favorite { margin-left:14px; } / tidypics favourites / #tidypics_wrapper .favorite { margin-left:14px; }/ group listings / .group_count { float:right; } .group_listings { / wraps group lists on latest discussion, newest, popular / } .entity_subtext.groups { float:right; width:300px; text-align: right; margin-left: 10px; } .topic_post.maintopic { margin:10px 0 0 0; padding-bottom:40px; border-bottom:1px solid #CCCCCC; } .entity_listing.topic .topic_post p { margin:10px 0 5px 0; } .entity_listing.topic:hover { background-color: white; } / group invitations / .group_invitations a.action_button, .group_invitations a.submit_button { float:right; margin:0 0 0 14px; } / GROUPS SIDEBAR ELEMENTS / #groupsearchform .search_input { width:179px; } .featured_group { border-bottom:1px solid #CCCCCC; margin-bottom:10px; padding-bottom:10px; } .featured_group .entity_subtext { margin-left:35px; } .featured_group .usericon { float:left; margin-right:10px; } .featured_group p.entity_title { margin-bottom:0; } .member_icon { margin:6px 6px 0 0; float:left; } / GROUP PROFILE PAGE (individual group homepage) / .group_profile_column { float:left; margin-top:10px; } .group_profile_column.icon { width:200px; } .group_profile_column.info { width:510px; margin-left:20px; } .group_profile_icon { width:200px; height:200px; } .group_stats { background: #eeeeee; padding:5px; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .group_stats p { margin:0; } .group_profile_column .odd, .group_profile_column .even { background:#f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:2px 4px; margin:0 0 7px; } / tool content boxes on group profile page / #group_tools_latest { min-height: 300px; margin-top:20px; } .group_tool_widget { float:left; margin-right:30px; margin-bottom:40px; min-height:200px; width:350px; } .group_tool_widget.odd { margin-right:0; } .group_tool_widget h3 { border-bottom:1px solid #CCCCCC; background:#e4e4e4; color:#333333; padding:5px 5px 3px 5px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; } / group activity latest (hide some items used on the full riverdashboard activity) @todo provide a separate view for a groups latest activity - so we can have tiny avatars and not have to manually hide elements / .group_tool_widget.activity a.river_comment_form_button, .group_tool_widget.activity .river_comments_tabs, .group_tool_widget.activity .river_content_display, .group_tool_widget.activity .river_comments, .group_tool_widget.activity .river_link_divider, .group_tool_widget.activity .river_user_like_button { display:none; } .group_tool_widget.activity .river_item .entity_subtext { padding:0; } / override default entity_listing_info width / .group_tool_widget .entity_listing_info { width:315px; } .group_widget_link { float:right; margin:4px 6px 0 0; font-size: 85%; } / edit group page / .delete_group { float: right; margin-top:-44px; } / edit forum posts - force tinyMCE to correct width / .edit_comment .defaultSkin table.mceLayout { width: 694px !important; }/ link in footer / #report_this { text-align: left; float:left; } #report_this a { font-size: 90%; padding:0 0 4px 20px; background: url(http://demo.elgg.com/mod/reportedcontent/graphics/icon_reportthis.gif) no-repeat left top; } / admin area / .admin_settings.reported_content { margin:5px 0 0 0; padding:5px 7px 3px 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .admin_settings.reported_content p { margin:0; } .active_report { border:1px solid #D3322A; background:#F7DAD8; } .archived_report { border:1px solid #666666; background:#dedede; } .admin_settings.reported_content .controls { float:right; margin:14px 5px 0 0; } .admin_settings.reported_content a.action_button { display:inline; float:right; margin-left:15px; } .admin_settings.reported_content .details_link { cursor: pointer; } / SharedAccess link in elgg topbar / #elgg_topbar_contents a.shared_access { background:transparent url(http://demo.elgg.com/mod/shared_access/graphics/icons_shared_access.png) no-repeat 0 -15px; padding-left:20px !important; float:right; } / SharedAccess submenu in sidebar on tools / #elgg_sidebar h3.collections_filter_title { background:url(http://demo.elgg.com/mod/shared_access/graphics/icons_shared_access.png) no-repeat 0 -58px; padding-left:18px; padding-bottom:3px; } / SharedAccess homepage / management page / .shared_access_collection { -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color:#EEEEEE; margin:10px 0 0; padding:5px; width:auto; } .shared_access_collection h2.shared_access_name { line-height:1em; margin:4px 0 2px 5px; padding:0; width:370px; border:0; } .shared_access_owner_icon { float: right; } .shared_access_collection .delete_button { margin-right:50px; margin-top:6px; } .shared_access_collection .shared_access_edit_link { float:right; margin-right:10px; margin-top:4px; } .shared_access_collection .leave_collection { margin-right:50px; margin-top:6px; float:right; } .shared_access_collection .shared_access_details_link { margin-left:400px; margin-top:4px; position:absolute; width:170px; } .shared_access_collection.requested { border:1px solid #D3322A; } .shared_access_collection .shared_access_invite_notice { margin:2px; } .shared_access_collection .shared_access_invite_notice span { background-color: #FDFFC3; color:#000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:2px 4px; } .shared_access_collection .collection_details { background-color:white; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin:10px 5px 5px; padding:1px 10px 0; } .shared_access_collection .collection_details p { margin:5px 0 0 0; } .ajax_content_target { clear:both; } / SharedAccess topbar (used on Activity and Conversations when filtered by Channel) / #shared_access_topbar { background-color: #ececec; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin:0 0 10px 0; padding:5px; } #shared_access_topbar h2 { margin:0 0 0 0; padding:0 0 0 22px; border:none; line-height:1.2em; background: url(http://demo.elgg.com/mod/shared_access/graphics/icons_shared_access.png) no-repeat 0 -76px; } #shared_access_topbar .entity_edit { margin-right:20px; margin-top:4px; display:block; } #shared_access_topbar .shared_access_members { margin-left:4px; } #shared_access_topbar .shared_access_owner { padding-right:4px; border-right:1px solid #cccccc; } #shared_access_topbar .shared_access_others { background: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-left:4px; height:25px; min-width:23px; padding:0 2px; } #shared_access_topbar .shared_access_others span { font-weight: bold; text-align: center; display: block; line-height: 1.7em; } #shared_access_topbar .shared_access_others span a { text-decoration: none; color:white; } / autocomplete / live search / .ac_results { background-color:white; border:1px solid #cccccc; overflow:hidden; padding:0; z-index:99999; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); } .ac_results ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; width:100%; } .ac_results li { cursor:default; display:block; line-height:16px; margin:0; overflow:hidden; padding:2px 5px; font: menu; font-size: 12px; } .ac_loading { background:transparent url("http://demo.elgg.com/mod/shared_access/graphics/indicator.gif") no-repeat scroll right center; } .ac_odd { background-color:white; } .ac_over { background-color: #333333; color: white; } .autocomplete { width:300px; } .livesearch_icon { float:left; padding-right:10px; } ul.users { list-style: none; margin:0; padding:0; } ul.users li:first-child { border-top:1px solid #cccccc; } .ac_input { width: 200px; } .ac_results strong { color:#1EADE6; font-weight:bold; } / end auto-complete / live search / #twitterservice_site_settings .text_input { width: 350px; } #login_with_twitter { padding: 10px 0 0 0; } .bookmark_note { margin:0 0 0 5px; } .note { margin-top:5px; } / BOOKMARKS WIDGET .collapsable_box_content .ContentWrapper.bookmarks { margin-bottom:5px; line-height:1.2em; } .collapsable_box_content .ContentWrapper.bookmarks .share_desc { display:none; line-height: 1.2em; } .collapsable_box_content .ContentWrapper.bookmarks .share_desc p { margin:0 0 5px 0; } .collapsable_box_content .ContentWrapper.bookmarks .river_object_bookmarks_create p { min-height:17px; padding:0 0 0 17px; } .collapsable_box_content .ContentWrapper.bookmarks .shares_timestamp { color:#666666; margin:0; padding:0 0 0 17px; } .collapsable_box_content .ContentWrapper.bookmarks .shares_title { margin:0; line-height: 1.1em; } .collapsable_box_content .ContentWrapper.bookmarks.more { margin:0 10px; padding:5px 10px; } / / ---- tidypics object views ---- / #tidypics_wrapper { border-bottom:1px solid #CCCCCC; margin-top:5px; padding-bottom:20px; } #tidypics_image_nav { text-align:center; margin-top:5px; } #tidypics_image_wrapper { margin:10px 0 10px 0; text-align:center; } #tidypics_image { border:1px solid #dedede; padding:5px; } #tidypics_image_nav ul li { display:inline; margin-right:15px; } #tidypics_controls { text-align:center; margin-bottom:10px; } #tidypics_controls ul { list-style:none; } #tidypics_controls ul li { padding:2px 10px 2px 22px; margin:2px 0px; display:inline; } .tidypics_album_images, .tidypics_album_gallery_item { background-color:#EEEEEE; margin:10px 10px 0 0; padding:9px; text-align:center; width:154px; height:154px; float:left; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .tidypics_album_gallery_item { height:225px; padding:3px 9px 9px 9px; overflow: hidden; } .tidypics_album_images:hover, .tidypics_album_gallery_item:hover { background-color: #cccccc; } .tidypics_album_cover { margin:5px 0; } .tidypics_album_widget_single_item { margin-bottom:8px; } .tidypics_gallery_title { overflow: hidden; display: block; height:32px; width: 154px; } .tidypics_gallery_title span { font-weight:bold; line-height: 1.2em; height:32px; width: 154px; vertical-align: middle; text-align: center; display: table-cell; } .tidypics_popup { border:1px solid #3B5999; width:200px; position:absolute; z-index:10000; display:none; background:#ffffff; padding:10px; font-size:12px; text-align:left; -webkit-border-radius: 6px; -moz-border-radius: 6px; } / ---- tidypics group widget css ----- / .group_tool_widget.photos img.tidypics_album_cover { margin:0; width:60px; height:60px; } .group_tool_widget.photos .entity_listing_info { width:280px; } / --------- image upload/edit forms ------------ / #tidypics_image_upload_list li { background-color:#EEEEEE; margin-bottom:10px; padding:5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .tidypics_edit_image_container { background-color:#EEEEEE; margin-top:10px; padding:5px 5px 5px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; overflow:auto; } .tidypics_edit_image { text-align: right; float:right; padding:5px; } .tidypics_edit_image_thumb { width:160px; height:160px; padding:5px; border:1px solid #dedede; } .tidypics_image_info { float:left; width:450px; } .tidypics_caption_input { width:98%; height:100px; } / ----------- tagging ---------------- / #tidypics_tag_instructions { background:#BBDAF7; border:1px solid #4690D6; padding:10px; height:25px; min-width:360px; display:none; overflow:hidden; position:absolute; z-index:10000; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #tidypics_tag_instruct_text { padding-top: 3px; float: left; } #tidypics_tag_instruct_button_div { float: left; margin-left: 15px; } #tidypics_tag_instruct_button { margin:0; } #tidypics_tag_menu { width:240px; max-height:400px; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .tidypics_popup_header { width:100%; margin-bottom:10px; } #tidypics_tagmenu_left { width:175px; float:left; } #tidypics_tagmenu_right { float:left; } #tidypics_tagmenu_right .submit_button { margin-top:2px; } #tidypics_delete_tag_menu { -webkit-border-radius: 8px; -moz-border-radius: 8px; overflow:hidden; } .tidypics_tag { display:none; background:url(http://demo.elgg.com/_graphics/spacer.gif); border:2px solid #ffffff; overflow:hidden; position:absolute; z-index:0; } .tidypics_tag_text { display:none; overflow:hidden; position:absolute; z-index:0; text-align:center; background:#BBDAF7; border:1px solid #3B5999; -webkit-border-radius:3px; -moz-border-radius:3px; padding:1px; } #tidypics_phototags_list { margin-bottom: 10px; } #tidypics_phototags_list ul { list-style:none; margin:0px; } #tidypics_phototags_list ul li { padding-right:10px; margin:2px 0px; display:inline; } / 'post a message' form area (page-top) / .new_post { background-color: #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin:10px 0 10px 0; padding:7px 10px; } .new_post .submit_button { float:right; margin:5px 0 0 0; } .new_post textarea { width: 695px; height: 40px; padding: 6px; } .new_post .users_latest_parentpost { color:#999999; margin-right:160px; margin-top:5px; line-height: 1.2em; font-size: 0.9em; } .new_post .users_latest_parentpost span { font-weight: bold; } / start a new conversation inline form on activity, groups, and profile / #inline_conversation_post { border-bottom:1px solid #CCCCCC; } #latest_wire_post #inline_conversation_post { border-bottom:none; } #latest_wire_post #inline_conversation_post .new_post { border-top:1px solid #CCCCCC; } #latest_wire_post .start_conversation.link.action_button.small { margin:3px; } #latest_wire_post .new_post textarea { width:98%; } .start_conversation.link { float:right; } #inline_conversation_post .cancel_button { margin:5px 10px 0 0; float:right; } / new posts notification / #notification_new_posts { margin-bottom:10px; } #notification_new_posts a { display: inline-block; color:white; font-weight: bold; padding:1px 8px 2px 24px; cursor: pointer; background: red url("http://demo.elgg.com/mod/conversations/graphics/refresh.png") no-repeat 5px 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #notification_new_posts a:hover { background: #0054A7 url("http://demo.elgg.com/mod/conversations/graphics/refresh.png") no-repeat 5px -22px; color:white; text-decoration: none; } / available character count / .characters_remaining { text-align: right; float:right; } #countervalue, #replycountervalue { color:#666666; font-weight: bold; } #countervalue.positive, #replycountervalue.positive { color:#666666; } #countervalue.gettingclose, #replycountervalue.gettingclose { color:#000000; } #countervalue.negative, #replycountervalue.negative { color:red; } / wraps ALL threaded conversations on the page / #conversations_container { background-color: #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin:0 0 10px; padding:10px 0; } / favorites view / #conversations_container.margin_top { margin-top:10px; } / link (page bottom) to load more conversations / a#more { text-align:center; display:block; } .more_conversations { / line to designate where 'more' posts begins after clicking a#more / border-top:1px solid #aaaaaa; } .conversation_wrapper { / wraps all single_post(s) that make up one threaded conversation / margin:0 10px 15px 10px; background-color:white; -webkit-border-radius: 8px; -moz-border-radius: 8px; position: relative; } / individual posts within a threaded conversation / .single_post { position: relative; } .single_post .entity_listing_icon { margin:0 8px 4px 2px; } .single_post_message { margin-top:-4px; margin-right:70px; margin-left:50px; padding:0; position: relative; z-index: 2; overflow:hidden; } .single_post_message p { margin-bottom:0; margin-left:0; line-height: 1.25em; } .single_post_message .post_ownername a { font-weight:bold; } .single_post.reply.latest .single_post_message, .single_post.reply .single_post_message { margin-left:35px; } .single_post .delete_button { margin:6px 2px 0 6px; } .single_post .reply { position:absolute; cursor:pointer; float:right; background: url(http://demo.elgg.com/mod/conversations/graphics/icon_reply.png) no-repeat 4px -4px; text-indent: -9000em; display:block; width:26px; height:22px; top:0; right:3px; } .single_post .reply:hover { background: url(http://demo.elgg.com/mod/conversations/graphics/icon_reply.png) no-repeat 4px -30px; } .single_post.orphan, .single_post.parent { background-color: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .single_post.reply { padding-left:15px; } .single_post.reply.latest { background: url(http://demo.elgg.com/mod/conversations/graphics/thread_top.png) no-repeat 10px top; min-height:47px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; position: relative; } .post_wrapper { margin:0 4px 0 0; padding:6px 0 0 4px; position: relative; } .single_post.reply.latest .post_wrapper { padding-top:10px; } .single_post.parent .post_wrapper { padding-bottom:3px; padding-top: 2px; } .single_post.orphan .post_wrapper { padding-bottom:3px; } .single_post .post_timestamp { font-size:85%; color:#666666; padding:0; margin-left:50px; font-style: italic; } .single_post.reply.latest .post_timestamp, .single_post.reply .post_timestamp { margin-left:35px; } .threaded_posts { position: relative; background: url(http://demo.elgg.com/mod/conversations/graphics/thread_back.png) repeat-y 10px top; margin-top:-4px; } .threaded_posts.replypage { background: url(http://demo.elgg.com/mod/conversations/graphics/thread_back.png) no-repeat 10px -8px; padding-top:6px; } .threaded_posts .single_post.reply .post_wrapper { border-top:1px solid #dddddd; margin-top: 4px; } / single post options / .single_post_options { float:right; position: relative; top:-2px; width:250px; } .extended_options { float:right; top:20px; right:0; width:250px; position:absolute; } .single_post.reply.latest .single_post_options { top:-6px; } .single_post.parent .extended_options { top:23px; } .single_post.orphan .extended_options { top:23px; } .single_post.reply .extended_options { top:10px; } .single_post.reply.latest .extended_options { top:18px; } .extended_options .readable_access { color:#666666; float:right; font-size:85%; font-style:italic; margin-right:4px; margin-top:4px; } / inline reply to a threaded conversation / .inline_reply { float:left; width:650px; } .inline_reply .single_post_message { margin-left:0; } .inline_reply textarea { width:635px; height:48px; padding:1px 5px; } .inline_replies { background: url(http://demo.elgg.com/mod/conversations/graphics/thread_bottom.png) no-repeat 10px bottom; padding-bottom:20px; position: relative; } .inline_reply_holder { background: url(http://demo.elgg.com/mod/conversations/graphics/thread_back.png) no-repeat -300px top; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; position: relative; } .inline_reply_wrapper { border-bottom:1px solid #dddddd; position: relative; } .inline_reply .reply_button, .inline_reply .cancel_button { margin:2px 3px 0 5px !important; padding:1px 2px !important; height:auto !important; float:right; font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; } .single_post.replyform { margin-bottom:none; padding-bottom:4px; padding-left:15px; border-bottom:1px solid white; } / view conversation link / .view_conversation { bottom:3px; left:250px; position:absolute; } .view_conversation a { -webkit-border-radius: 16px; -moz-border-radius: 16px; background: white; border:1px solid #cccccc; width:auto; padding:0 7px 0 7px; text-align: center; cursor: pointer; } .view_conversation a:hover { color:white; text-decoration: none; background: #4690d6; border:1px solid #4690d6; } / lastest wire post on Profile page / #latest_wire_post { background-color:#eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:2px 4px 2px 4px; margin:0 0 7px 0; line-height:1.2em; min-height:16px; position: relative; } #latest_wire_post.inline { margin-top:10px; } #latest_wire_post .profile_status span { display:block; font-size:85%; color:#666666; } #latest_wire_post .action_button.update.small { float:right; padding:4px; position: absolute; bottom:5px; right:5px; } #latest_wire_post .profile_status { z-index: 2; position: relative; padding:2px; } #profile_status_tail { position: absolute; width:17px; height:12px; left:-11px; bottom:-5px; background-image: url(http://demo.elgg.com/mod/conversations/graphics/speech_tail.png); background-position: 0 0; background-repeat: no-repeat; background-color:transparent; z-index: 1; } #conversations_settings #twitter-hashtag { width: 250px; } / access select menu on conversations / .selectbox_wrapper { position:absolute; width:auto !important; background-color:white; border:1px solid #ccc; margin:0px; padding:0; text-align:left; height:auto; overflow: auto; left:8px; top:20px; z-index: 9999; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } .selectbox_wrapper ul { list-style-type:none; margin:0px; padding:0px; } .selectbox_wrapper ul li.selected { background-color: #4690D6; color:white; } .selectbox_wrapper ul li.current { background-color: #0054A7; color:white; } .selectbox_wrapper ul li { list-style-type:none; display:block; margin:0; padding:2px 4px; font-size:0.8em; cursor:pointer; } .selectbox_wrapper ul li:first-child { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; } .selectbox_wrapper ul li:last-child { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; } #conversations_access_input.selectbox, #conversations_access_input.selectbox:focus { margin: 0 0 2px 0; padding:0; text-align:left; background: none; cursor: pointer; border:none; position: relative; width:300px !important; -webkit-border-radius: 0; -moz-border-radius: 0; color:inherit; font-size: inherit; background-image:url(http://demo.elgg.com/_graphics/elgg_sprites.png); background-position:0 -386px; background-repeat:no-repeat; padding-left:12px; } #conversations_access_wrapper { display:inline; position: relative; } .blogpost { border-bottom:1px dotted #CCCCCC; } .blogpost .entity_listing_icon { margin-top:6px; } .blogpost .entity_listing_info { margin-top:4px; } .blog_post { border-top:1px solid #CCCCCC; margin:10px 0 0; padding-bottom:40px; padding-top:10px; } .blog_post p { line-height: 1.4em; padding-bottom:12px; } .blog_archives { list-style: none; margin-bottom:0; padding-left:0; } / blogs list view / .entity_listing.blog .entity_metadata { min-width:400px; text-align: right; } / blogs edit/create form / form#blog_post_edit .submit_button { margin-right:15px; } / force tinymce input height for a more useful editing / blog creation area / form#blog_post_edit #description_parent #description_ifr { height:400px !important; } .search_listing { background:none; border-bottom:1px dotted #CCCCCC; clear:both; display:block; margin:0; padding:5px 0 7px; position:relative; } .search_listing_icon { float:left; margin-left:3px; margin-top:3px; } .search_listing_icon .avatar_menu_button img { width: 15px; margin:0; } .search_listing_info { float:left; margin-left:7px; min-height:28px; width:693px; } .search_listing_info p { margin:0; } .search_listing_category_title { margin-top:20px; } .search_listing_category_title h2 { color:#666666; } .search_listing.more { display: block; } / search matches / .searchtype { background: #FFFACD; color: black; } .searchtypes { border: 1px #EEEEEE solid; padding: 4px; margin: 6px; } .searchMatch { background-color: #bbdaf7; } .searchMatchColor1 { background-color: #bbdaf7; } .searchMatchColor2 { background-color: #A0FFFF; } .searchMatchColor3 { background-color: #FDFFC3; } .searchMatchColor4 { background-color: #cccccc; } .searchMatchColor5 { background-color: #4690d6; } / formatting for the search results / .search_listing .item_timestamp { font-style: italic; } #riverdashboard_updates { border-bottom:1px solid #cccccc; } #riverdashboard_updates a.update_link { display: inline-block; color:white; font-weight: bold; padding:1px 8px 2px 24px; margin-top:9px; cursor: pointer; background: red url("http://demo.elgg.com/mod/riverdashboard/graphics/refresh.png") no-repeat 5px 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #riverdashboard_updates a.update_link:hover { background: #4690D6 url("http://demo.elgg.com/mod/riverdashboard/graphics/refresh.png") no-repeat 5px -22px; color:white; text-decoration: none; } .riverdashboard_filtermenu { margin:10px 0 10px 0; float:right; } / RIVER ENTRY / .river_item { border-bottom:1px solid #cccccc; padding:7px 0 7px 0; } .river_item p { margin:0; } .river_item .entity_subtext { display: block; line-height: 1.4em; } .river_item_useravatar { float:left; margin-top:3px; margin-left:1px; } .river_item_contents { margin-left:55px; } .river_item_contents a { font-weight: bold; } .river_content_display { border-left:1px solid #DDDDDD; font-size:85%; line-height:1.5em; margin:8px 0 5px 0; padding-left:5px; } .following_icon { width:20px; height:25px; margin:0 2px 0 2px; background: url(http://demo.elgg.com/mod/riverdashboard/graphics/follow_icon.png) no-repeat left -7px; } / LATEST COMMENTS IN RIVER / .river_comments_tabs { max-height: 19px; overflow:hidden; } .river_comments { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; background-color: #eeeeee; } .river_comment { padding:3px; border-bottom:1px solid white; } .river_comment.penultimate { } .river_comment.latest { } / hidden inline comment form / .river_comment_form.hidden { padding:5px; height:26px; } .river_comment_form.hidden .input_text { width:560px; padding:3px; } #profile_content .river_comment_form.hidden .input_text { / when activity is displayed on profile page / width:535px; } .river_comment_form.hidden .submit_button { margin:0 0 0 10px; float:right; } .river_link_divider { color:#999999; font-style: normal; } .river_item_contents .river_comment_form_button, .river_item_contents .river_user_like_button { font-weight:normal; font-style: normal; } .river_item_contents .river_comment_form_button { margin-left: 7px; } / hidden list of users that liked item / .river_item .elgg_likes_user { border-bottom:1px solid white; padding:3px; } .river_item .elgg_likes_user .entity_listing_icon { margin:3px 0 4px 2px; } .river_item .elgg_likes_user .entity_listing_info { width:635px; } #profile_content .river_item .elgg_likes_user .entity_listing_info { / when likes is displayed on profile page activity stream / width:600px; } .river_item .elgg_likes_user .entity_metadata { margin-top:3px; } .river_item p.elgg_likes_owner { padding-top:0; } .river_item a.river_more_comments { display:block; float:right; padding:1px 7px 1px 7px; margin-left:6px; text-align:right; font-size:85%; font-weight:normal; width:auto; background-color: #eeeeee; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; } .river_item a.river_more_comments.off { background-color: white; } .river_item .river_comment_owner_icon { float:left; margin:3px 8px 4px 2px; } .river_item .river_comment_contents { margin-left:34px; } a.river_more_comments { float:right; font-size:85%; padding-right:7px; text-align: right: } / files list view / #files_list .entity_listing_icon img { height:auto; width:auto; } .entity_listing.file.singleview:hover { background-color: white; } / file-type page filter / #mime_type_filter { padding:0 3px 3px 3px; } #mime_type_filter a img.mime_icon { margin:0; padding:0; } #mime_type_filter a { border:2px solid white; display:none; float:left; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:0 1px 0 1px; margin:2px; } #mime_type_filter a.contains_files { display:block; } #mime_type_filter a.selected { border-color: #999999; background-color: #999999; } / file display - single entity page / .file_header .content_header_title h2 { margin-top:4px; } .file_details { margin-top: 10px; margin-bottom: 20px; } / edit file page / .file_edit { margin-top:4px; } .file_edit .mime_icon img { width:auto; height:auto; margin-right: 4px; } .mime_icon { float:left; margin-bottom:0; margin-top:0; } / display/edit access settings area in sidebar / .access_settings .current_settings span { display:block; font-weight: bold; } .access_settings .change_access { padding:4px; margin:5px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #cccccc; display:block; } .access_settings .change_access .input_access { width:177px; } .access_settings .current_access { color:#666666; display:block; } .access_settings .current_access span { font-weight: bold; } / multi upload form / .upload_slot { -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: #EEEEEE; padding:5px; margin-bottom:10px; } .file_upload_details { padding:5px; } .file_upload_details input { margin-bottom:5px; } .more_upload_details { margin-left:20px; } / group docs widget / .group_tool_widget.files .entity_listing_info { margin-left:7px; width:324px; } / file repro gallery items / .gallery_item { background-color:#EEEEEE; margin:10px 10px 0 0; text-align:center; width:154px; float:left; height:248px; padding:3px 9px 9px 9px; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .gallery_item:hover { background-color: #cccccc; } .gallery_item .entity_subtext { height:32px; margin-bottom:5px; } .gallery_title { overflow: hidden; display: block; height:32px; width: 154px; } .gallery_title span { font-weight:bold; line-height: 1.2em; height:32px; width: 154px; vertical-align: middle; text-align: center; display: table-cell; } .gallery_image { margin:5px 0; } .gallery_controls p { text-align: left; } #facebox { position: absolute; top: 0; left: 0; z-index: 10000; text-align: left; } #facebox .popup { position: relative; } #facebox .body { padding: 10px 15px 20px 15px; background-color: white; width: 730px; min-height:400px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #facebox .loading { text-align: center; padding: 100px 10px 100px 10px; } #facebox .image { text-align: center; } #facebox .footer { float: right; width:22px; height:22px; margin:-4px 0 0 0; padding:0; } #facebox .footer img.close_image { background: url(http://demo.elgg.com/mod/embed/images/close_button.gif) no-repeat left top; } #facebox .footer img.close_image:hover { background: url(http://demo.elgg.com/mod/embed/images/close_button.gif) no-repeat left -31px; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000000; z-index: 9999; } html #facebox_overlay { /* ie6 hack / position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #facebox .body .content h2 { color:#333333; } / embeded content links / .embeded_file.link { display: inline; margin-right: 5px; background-repeat:no-repeat; -webkit-background-size: 12px 16px; -moz-background-size: 12px 16px; padding-left:14px; } / entity listings / .embed_data .entity_listing_icon img { cursor: pointer; } .embed_data .entity_listing { border-bottom:none; } .embed_data:last-child { border-bottom:1px dotted #CCCCCC; } .embed_modal_videolist .entity_listing_icon img { width:75px; height:auto; } .embed_modal_document .embed_data .entity_listing_info { margin-top:0; margin-left:7px; } .embed_modal_tidypics .embed_data .entity_listing_info { margin-top:11px; } .embed_modal_file .embed_data .entity_listing_info { margin-top:0px; margin-left:9px; } .embed_data .entity_listing_info { width:auto; margin-top:15px; margin-left:15px; float:left; } .embed_data .entity_listing { cursor:pointer; } / input field classes / #facebox .content .input_text, #facebox .content .input_tags { font: 120% Arial, Helvetica, sans-serif; padding: 5px; border: 1px solid #cccccc; color:#666666; background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #facebox .content .input_text:focus, #facebox .content .input_tags:focus { border: solid 1px #4690d6; background: #e4ecf5; color:#333333; } #facebox .content .input_file { background-color: white; } #facebox .content p { color:#333333; } #facebox .content p.entity_title { color:#666666; } #facebox .content .entity_listing:hover { background-color: #eeeeee; } #facebox .content label { color:#333333; } / * ELGG TABBED PAGE NAVIGATION * / #facebox .body .elgg_horizontal_tabbed_nav { margin-bottom:5px; padding: 0; border-bottom: 2px solid #cccccc; display:table; width:100%; } #facebox .body .elgg_horizontal_tabbed_nav ul { list-style: none; padding: 0; margin: 0; } #facebox .body .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; } #facebox .body .elgg_horizontal_tabbed_nav a { text-decoration: none; display: block; padding:3px 10px 0 10px; text-align: center; height:21px; color:#999999; } #facebox .body .elgg_horizontal_tabbed_nav a:hover { background: #dedede; color:#666666; } #facebox .body .elgg_horizontal_tabbed_nav .selected { border-color: #cccccc; background: white; } #facebox .body .elgg_horizontal_tabbed_nav .selected a { position: relative; top: 2px; background: white; } / Pagination (override core elgg css defaults) / #facebox .body .pagination { float:right; } #facebox .body .pagination .pagination_number { border:1px solid #999999; color:#666666; } #facebox .body .pagination .pagination_number:hover { background-color:#aaaaaa; color:black; } #facebox .body .pagination .pagination_previous, #facebox .body .pagination .pagination_next { border:1px solid #999999; color:#666666; } #facebox .body .pagination .pagination_previous:hover, #facebox .body .pagination .pagination_next:hover { background-color:#aaaaaa; color:black; } #facebox .body .pagination .pagination_currentpage { background-color:#666666; border:1px solid #666666; color:white; } / messages/new messages icon & counter in elgg_topbar / a.privatemessages { background:transparent url(http://demo.elgg.com/mod/messages/graphics/toolbar_messages_icon.gif) no-repeat left 2px; padding-left:16px; margin:4px 15px 0 5px; cursor:pointer; } a.privatemessages:hover { text-decoration: none; background:transparent url(http://demo.elgg.com/mod/messages/graphics/toolbar_messages_icon.gif) no-repeat left -36px; } a.privatemessages.new { background:transparent url(http://demo.elgg.com/mod/messages/graphics/toolbar_messages_icon.gif) no-repeat left 2px; padding-left:18px; margin:4px 15px 0 5px; color:white; } a.privatemessages.new:hover { text-decoration: none; background:transparent url(http://demo.elgg.com/mod/messages/graphics/toolbar_messages_icon.gif) no-repeat left -36px; } a.privatemessages.new span { background-color: red; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50); / safari v3+ / -moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50); / FF v3.5+ / color:white; display:block; float:right; padding:0; position:relative; text-align:center; top:-3px; right:5px; min-width: 16px; height:16px; font-size:10px; font-weight:bold; } / page content / .message { border-bottom:1px dotted #cccccc; padding:5px 0 7px 0; } .message.notread .entity_listing_info p.entity_title a { color:#d40005; } .message_sender { float:left; width:180px; overflow: hidden; } .messages_to { float: left; margin-right: 10px; } / view and reply to message view */ .message_body { margin-left: 120px; } .message_subject { float:left; width:513px; padding-top:6px; } .message .delete_button { margin-top:3px; } .entity_listing.messages:hover { background-color:white; } .messages_buttonbank { margin:5px 0; text-align: right; } .messages_buttonbank input { margin:0 0 0 10px; } .members .group_count { font-weight: bold; color: #666666; margin:0 0 5px 4px; } #memberssearchform { border-bottom: 1px solid #cccccc; margin-bottom: 10px; } #memberssearchform input[type="submit"] { padding:2px; height:auto; margin:4px 0 5px 0; } #memberssearchform .search_input { width:196px; } #facebookservice_site_settings .text_input { width: 350px; } #facebook_connect { padding: 10px 0 0 0; } #elgg_sidebar.frontpage { margin-top:0; } #elgg_sidebar.frontpage .sitepages_sidebar_object { margin-bottom: 30px; } #elgg_sidebar.frontpage .sitepages_sidebar_object h3 { margin-top:12px; } #elgg_page_contents.frontpage .sitepages_welcome { margin-bottom: 20px; } #elgg_page_contents.frontpage .sitepages_message { margin-top: 10px; }/** * ELGG.COM APPEARANCE EDITOR * @uses $vars['var'] The site URL / / * TOPBAR LINK * / #elgg_topbar_contents a.appearance_editor_admin_link { background-image:url(http://demo.elgg.com/mod/appearance_editor/graphics/appearance_editor_icon.png); background-position: left 3px; background-repeat: no-repeat; float:right; margin-right:30px; padding-left:25px !important; } / * MAIN CONTAINER BLOCKS * / #appearance_editor { position:fixed; bottom:0px; left:0; width:100%; height:400px; z-index:999999; background-color:#333642; -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.55); } #appearance_editor_container { padding:10px 0 0 0; height:400px; background-image: url(images/background.png); background-repeat: repeat-x; background-position: left bottom; } #sidebar_navigation { width:136px; border-right:1px solid #676a73; height:100%; float:left; } #editor_content { height:auto; padding:20px 20px 20px 40px; overflow: hidden; } #appearance_editor.loading { background-image: url(http://demo.elgg.com/mod/appearance_editor/graphics/ajax_loader_black.gif); background-repeat: no-repeat; background-position: center center; background-color: black; } / * EDITOR PANEL - TOP NAVIGATION * / #appearance_editor_navigation { height:30px; background-color:#202229; border-bottom:1px solid #3C404C; color:white; } #appearance_editor_navigation ul { list-style: none; padding: 0; margin: 0; } #appearance_editor_navigation ul li { float: left; border: 1px solid transparent; border-bottom-width: 0; background: transparent; margin: 4px 0 0 20px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; } #appearance_editor_navigation ul a { text-decoration: none; display: block; padding:3px 10px 0 10px; text-align: center; height:22px; font-size: 15px; color:#D8DAE3; text-shadow:0 1px 3px #000000; cursor: pointer; } #appearance_editor_navigation ul li:hover { background: #333642; } #appearance_editor_navigation ul li:hover a { color: #cccccc; } #appearance_editor_navigation ul li.selected { border-color: #3C404C; background: #333642; } #appearance_editor_navigation ul li.selected a { position: relative; top: 2px; background: #333642; color:white; } / close editor link / .close_appearance_editor { float:right; padding-top:6px; padding-right: 8px; color:#A5A8B3; cursor: pointer; } .close_appearance_editor:hover { color:white; text-decoration: underline; } / * EDITOR PANEL - SIDEBAR NAVIGATION * / #sidebar_navigation ul { margin:0; padding:20px 0 0 0; } #sidebar_navigation ul li { list-style: none; } #sidebar_navigation ul li a { text-decoration: none; display: block; padding:7px 20px 10px 0; text-align: right; font-size: 15px; color:#A4A7BD; text-shadow:0 1px 1px #000000; cursor: pointer; } #sidebar_navigation ul li.selected { margin-right: -1px; } #sidebar_navigation ul li.selected a { border-top:1px solid #676a73; border-bottom:1px solid #676a73; background-color: #333642; color:white; background-image: url(images/graduation.png); background-repeat: repeat-y; background-position: left top; } / * EDITOR PANEL - GENERAL CONTENT STYLES * / .intro_paragraph { color:#A5A8B3; text-shadow:0 1px 1px #000000; width:600px; } / * FRONTPAGE - LAYOUTS * / ul.frontpage_layouts { margin:30px 0 0 0; padding:0; } ul.frontpage_layouts li { list-style: none; float: left; margin-right:30px; } ul.frontpage_layouts span.layout_title { text-align: center; display: block; color:#cccccc; margin-bottom:4px; } ul.frontpage_layouts li span.layout_option { display:block; padding:6px; width:144px; height:auto; border: 1px solid transparent; background-color: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; } ul.frontpage_layouts li.applied span.layout_option { border-color: #292b35; background-color: #292b35; border-bottom-color: #3C404C; border-top-color: #242424; border-left-color: #242424; } ul.frontpage_layouts li.applied span.layout_option span.applied { display: block; color:#999999; padding:3px 0 0 20px; background-image: url(images/tick_sml.png); background-repeat: no-repeat; background-position: left 3px; } / * FRONTPAGE - CONTENT * / ul.frontpage_content_toggles { margin:30px 30px 0 0; padding:0; float:left; } ul.frontpage_content_toggles li { display: block; list-style: none; width:266px; border:1px solid #292b35; background-color: #292b35; border-bottom-color: #3C404C; border-top-color: #242424; border-left-color: #242424; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:5px; margin-bottom: 10px; } ul.frontpage_content_toggles li.active { background-image: url(http://demo.elgg.com/mod/appearance_editor/graphics/frontpage_content_toggles.png); background-repeat: no-repeat; background-position: 226px 3px; color:white; } ul.frontpage_content_toggles li.disabled { background-image: url(http://demo.elgg.com/mod/appearance_editor/graphics/frontpage_content_toggles.png); background-repeat: no-repeat; background-position: 226px -32px; } / * THEMES - CHOOSE * / ul.themes_choice { margin:30px 0 0 0; padding:0; } ul.themes_choice li { list-style: none; float: left; margin-right:30px; } #themes_scroller { width: 820px; height: 230px; margin-top: 10px; overflow: hidden; border: 1px solid transparent; border-color: #292b35; background-color: #292b35; border-bottom-color: #3C404C; border-top-color: #242424; border-left-color: #242424; -webkit-border-radius: 6px; -moz-border-radius: 6px; } / IE7 / :first-child+html #themes_scroller { position: absolute; } #themes_holder { /* width: 2600px; calculated in js / height: 160px; } .individual_theme { width: 150px; height: 150px; padding: 10px; margin:0 15px; float: left; position: relative; / z-index: 1; / } #scrollbar_slider { width: 820px; height: 10px; margin: 10px 0 0 0; border:1px solid transparent; background-color: #3C404C; border-bottom-color: #53555f; border-right-color: #53555f; border-top-color: #242424; border-left-color: #242424; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; } .ui-slider-handle { width: 12px; height: 19px; position: absolute; top: -5px; background-color: #676a73; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55); cursor: pointer; background-image: url(http://demo.elgg.com/mod/appearance_editor/graphics/gripper.png); background-position: left top; background-repeat: no-repeat; } .individual_theme .layout_title { text-align: center; display: block; color:#cccccc; margin-bottom:4px; margin-left:7px; width:100%; } .individual_theme .layout_option { display:block; position: relative; padding:6px; width:150px; height:auto; border: 1px solid transparent; background-color: #292b35; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .individual_theme.hover .layout_option { background-color: #3C404C; border-bottom-color: #53555f; border-right-color: #53555f; border-top-color: #242424; border-left-color: #242424; } .individual_theme.applied .layout_option { background-color: #3C404C; border-bottom-color: #53555f; border-right-color: #53555f; border-top-color: #242424; border-left-color: #242424; } .individual_theme.applied .layout_option span.applied { display: block; color:#cccccc; padding:5px 0 0 20px; background-image: url(http://demo.elgg.com/mod/appearance_editor/graphics/tick_sml.png); background-repeat: no-repeat; background-position: left 5px; } .individual_theme .theme_magnify { background-image: url(http://demo.elgg.com/mod/appearance_editor/graphics/theme_magnify.png); background-repeat: no-repeat; background-position: left top; display:none; position: absolute; top:128px; right:6px; width:33px; height:28px; cursor: pointer; } .individual_theme.hover .theme_magnify { display:block; } .individual_theme.hover .theme_magnify.hover { background-position: left bottom; } / * THEME PREVIEW * / .facebox_overlayBG { z-index:999999; } #facebox { z-index:9999999; } .theme_preview { } #facebox .body .content .theme_preview h2 { margin-bottom: 10px; } / * THEMES - PALETTE * / ul.themes_palette { margin:30px 0 0 30px; padding:0; float: left; } ul.themes_choice.palette { float:left; } ul.themes_palette li { list-style: none; display: block; width:366px; padding:5px; height:30px; margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:1px solid transparent; cursor: pointer; } ul.themes_palette li.applied { border-color: #292b35; background-color: #292b35; border-bottom-color: #3C404C; border-top-color: #242424; border-left-color: #242424; } ul.themes_palette li.applied { background-image: url(http://demo.elgg.com/mod/appearance_editor/graphics/tick_sml.png); background-repeat: no-repeat; background-position: 350px 11px; } span.color_block { display:block; float:left; margin-right:7px; width:30px; height:30px; } ul.themes_palette span.palette_title { display:block; float:left; margin-top:5px; margin-left: 10px; } / * THEMES - CUSTOMIZE * / .customize_element { height:40px; margin-top:10px; display: block; vertical-align: middle; width:100%; clear:both; } .customize_element.background { height:47px; margin-bottom:20px; } .customize_element .element_title { float:left; margin-right: 30px; } .customize_element .element_title span { display:table-cell; vertical-align: middle; height:40px; width:150px; text-align: right; } .customize_element.background .element_title span { height:53px; } .customize_element .color_square { float:left; width:30px; height:30px; margin-right:15px; cursor: pointer; } .customize_element .element_textfield { width:220px; height:30px; overflow:hidden; display: block; float:left; padding:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:1px solid #292b35; background-color: #292b35; border-bottom-color: #3C404C; border-top-color: #242424; border-left-color: #242424; } .customize_element .element_textfield.wide { width:400px; } .customize_element .element_textfield.wide input[type="text"] { margin-right:10px; } .customize_element .element_textfield.wide .slider { cursor:pointer; padding:4px 0 0 10px; } .customize_element .element_textfield.background { width:47px; height:47px; cursor: pointer; } .customize_element .element_textfield p { padding:6px 0 0 0; } .customize_element .element_parameters { width:auto; height:40px; display:table-cell; vertical-align: middle; } .customize_element.background .element_parameters { height:53px; } .customize_element .element_parameters input[type="radio"] { margin-left:17px; } / * THEMES - LOGO * / ul.custom_logo { margin:30px 0 0 0; padding:0; float: left; position: relative; } ul.custom_logo li { list-style: none; display: block; width:466px; padding:5px; height:30px; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:1px solid #292b35; background-color: #292b35; border-bottom-color: #3C404C; border-top-color: #242424; border-left-color: #242424; } span.logo_dimensions_title { width:100px; display: inline-block; } ul.custom_logo li input[type="text"] { margin-right: 10px; } ul.custom_logo li .slider { padding:4px 0 0 10px; cursor: pointer; } .temp_constrain { background-image: url(http://demo.elgg.com/mod/appearance_editor/graphics/temp_constrain.gif); background-repeat: no-repeat; background-position: left top; width:343px; height: 63px; display: block; position: absolute; left:670px; top:196px; } .temp_constrain span { margin-top:20px; padding:4px 0 4px 10px; display: block; } input.remove_logo { float:right; } #notificationstable td.namefield { width:250px; text-align: left; vertical-align: middle; } #notificationstable td.namefield p { margin:0; vertical-align: middle; line-height: 1.1em; padding:5px 0 5px 0; } #notificationstable td.namefield p.namefieldlink { margin:5px 0 0 0; } #notificationstable td.namefield a img { float:left; width:25px; height:25px; margin:5px 10px 5px 5px; } #notificationstable td.emailtogglefield, #notificationstable td.smstogglefield { width:50px; text-align: center; vertical-align: middle; } #notificationstable td.spacercolumn { width:30px; } #notificationstable td { border-bottom: 1px solid silver; } #notificationstable td.emailtogglefield input { margin-right:36px; margin-top:5px; } #notificationstable td.emailtogglefield a { width:46px; height:24px; cursor: pointer; display: block; outline: none; } #notificationstable td.sitetogglefield { width:50px; text-align: center; vertical-align: middle; } #notificationstable td.sitetogglefield input { margin-right:36px; margin-top:5px; } #notificationstable td.sitetogglefield a { width:46px; height:24px; cursor: pointer; display: block; outline: none; } #notificationstable td.emailtogglefield a.emailtoggleOff { background: url(http://demo.elgg.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px; } #notificationstable td.emailtogglefield a.emailtoggleOn { background: url(http://demo.elgg.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px; } #notificationstable td.sitetogglefield a.sitetoggleOff { background: url(http://demo.elgg.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px; } #notificationstable td.sitetogglefield a.sitetoggleOn { background: url(http://demo.elgg.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px; } .notification_friends, .notification_personal, .notifications_per_user { margin-bottom: 25px; } #elgg_page_contents .mceButton { background-color: #e9e8e8; border-color: #B2B2B2; margin:4px; padding:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #elgg_page_contents a.mceButtonEnabled:hover, #elgg_page_contents a.mceButtonActive, #elgg_page_contents a.mceButtonSelected { background-color: #d5d5d5; border-color: #777 !important; } #elgg_page_contents .mceFocus .mceTop .mceLeft { background: #444444; border-left: 1px solid #999; border-top: 1px solid #999; -moz-border-radius: 4px 0 0 0; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } #elgg_page_contents .mceFocus .mceTop .mceRight { background: #444444; border-right: 1px solid #999; border-top: 1px solid #999; border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius: 0 4px 0 0; } #elgg_page_contents .mceLayout{ border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #elgg_page_contents table.mceLayout tr.mceFirst td {border-top:0px solid #CCC} #elgg_page_contents table.mceLayout tr.mceLast td {border-bottom:0px solid #CCC} #elgg_page_contents #blogbody_toolbar1{} #elgg_page_contents .mceToolbar{} #elgg_page_contents #blogbody_ifr{height:400px !important;} / blogs / #pagesForm #description_ifr {height:400px !important;} / pages / #elgg_page_contents .mceIframeContainer{} .wp_themeSkin .mceButtonDisabled { border-color: #ccc !important; } .ecml_admin_table { width:100%; } .ecml_admin_table td, th { border: 1px solid gray; text-align: center; padding: 5px; } .ecml_admin_table th, .ecml_keyword_desc { font-weight: bold; } .ecml_row_odd { background-color: #EEE; } .ecml_row_even { } .ecml_restricted { color: #555; } / ecml embed web services list / .ecml_web_service_list { margin:0; padding:0; } .ecml_web_service_list li { list-style: none; margin:0 0 0 0; padding:0; / display:inline; */ } .ecml_web_service_list li a { display:block; float:left; height:41px; width:152px; background-position: center center; background-repeat: no-repeat; text-indent: -900em; border:2px solid transparent; margin:0 20px 10px 0; } .ecml_web_service_list li a.selected { border-color:#999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .ecml_web_service_list li a.youtube { background-image: url(http://demo.elgg.com/mod/ecml/graphics/logo_youtube.gif); width:102px; } .ecml_web_service_list li a.slideshare { background-image: url(http://demo.elgg.com/mod/ecml/graphics/logo_slideshare.gif); } .ecml_web_service_list li a.vimeo { background-image: url(http://demo.elgg.com/mod/ecml/graphics/logo_vimeo.gif); width:130px; } .ecml_web_service_list li a.googlemaps { background-image: url(http://demo.elgg.com/mod/ecml/graphics/logo_googlemaps.gif); } .ecml_web_service_list li a.blip_tv { background-image: url(http://demo.elgg.com/mod/ecml/graphics/logo_bliptv.gif); width:102px; } .ecml_web_service_list li a.dailymotion { background-image: url(http://demo.elgg.com/mod/ecml/graphics/logo_dailymotion.gif); } .ecml_web_service_list li a.livevideo { background-image: url(http://demo.elgg.com/mod/ecml/graphics/logo_livevideo.gif); width:166px; } .ecml_web_service_list li a.redlasso { background-image: url(http://demo.elgg.com/mod/ecml/graphics/logo_redlasso.gif); background-position:center 4px; width:130px; } .embed_content_section { border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color:#EEEEEE; margin:10px 0 10px 0; padding:5px; width:auto; } .ecml_generated_code { color:#666666; font-size:85%; font-style:normal; line-height: 1.3em; margin:5px 0; } .ecml_embed_instructions, .ecml_embed_preview { background-image: url(http://demo.elgg.com/_graphics/elgg_sprites.png); background-repeat: no-repeat; background-position: 0px -367px; padding-left: 12px; } .ecml_embed_instructions.open, .ecml_embed_preview.open { background-position: 0px -388px; } #embed_service_url { -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color:#EEEEEE; margin:10px 0 10px 0; padding:5px; width:auto; } #web_services_resource { width:670px; } #url_status { width:30px; height:30px; float:right; } #url_status.success { background-image: url(http://demo.elgg.com/mod/ecml/graphics/url_status.png); background-repeat: no-repeat; background-position: left top; } #url_status.failure { background-image: url(http://demo.elgg.com/mod/ecml/graphics/url_status.png); background-repeat: no-repeat; background-position: left bottom; } #embed_ecml_keyword_help, #ecml_preview { padding:10px; } #ecml_preview object, #ecml_preview embed, #ecml_preview iframe { width: auto; max-height:240px; } #embed_submit { margin:10px 0 0 0; }