/* Theme Name: BadgeStack Theme URI: http://webdevstudios.com/ Description: BadgeStack Author: WebDevStudios Author URI: http://webdevstudios.com/ Version: 1.0 Template: genesis Tags: buddypress License: GNU General Public License v2.0 License URI:: http://www.opensource.org/licenses/gpl-license.php */ /****************************************************************** TABLE OF CONTENTS To skip to a certain section, search for "=01" where the number is the section you're looking for. 01 - Normalize.css 1a - Clearing Floats 02 - Commonly Used Elements (buttons, alerts, ect.) 2a - Buttons 2b - CSS3 Rounded Corners 2c - CSS3 Transitions 2d - CSS3 Gradients 2e - CSS3 Shadows 2f - Font Face Example 2g - Search Inputs 03 - Body 3a - Wordpress Body Classes 04 - Grid & Layout 4a - Wraps & Inner 05 - Links & Text Selection 5a - Text Selection 06 - Title & Headlines 07 - Header 7a - Image Header (PARTIAL) 7b - Image Header (FULL) 7c - Header Right Nav 7d - Header Search 08 - Navigation 8a - Nav Extras 8b - SubNav 8c - Activity Nav 8d - Nav Search 09 - Posts & Content 9a - Breadcrumbs 9b - Descriptions 9c - Post Classes 9d - Post Info 9e - Entry Content 9f - Lists 9g - Blockquotes 9h - Datalists 9i - Post Images 9j - Post Videos 9k - Wp-Caption 9l - Post Galleries 9m - Post Meta 9n - Activity Feed 9o - Activity Triggers 10 - Post Navigation 11 - Sidebars & Asides 11a - Sidebar 1 11b - Sidebar 2 11c - Widgets 12 - Comments 12a - Ping List 13 - Comment Form 13a - Form Validation 13b - No Comments 14 - Registration Forms 15 - Members/Groups Pages 16 - Member Messages 17 - Forums Pages 18 - Badges 19 - Footer 20 - Thickbox 21 - Leaderboards 22 - Quest Pages 23 - Settings Page 24 - Group Reports 25 - General User Pages 26 - Contact Page 27 - Document Page 28 - Gravity Forms 29 - Submission Thickbox 30 - Create Group Pages 31 - IE Fixes 32 - Print Stylesheet 33 - Single Session Page 34 - Resources Listing Page 35 - Single Sponsor Page 36 - Programs Archive 37 - Team Form Elements 38 - Single Journeys ******************************************************************/ /****************************************************************** =01 GENERAL NORMALIZE (http://necolas.github.com/normalize.css/) ******************************************************************/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]), [hidden] { display: none; } /** Base Styles **/ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, button, input, select, textarea { font-family: sans-serif; color: #333; } /* margins */ body,ul,ol,figure,h1,h2,h3,h4,h5,p { margin: 0; } /* padding */ ul, ol { padding: 0; list-style: none; } /** IE Fixes **/ img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } /** Links **/ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /** Typography **/ p { -webkit-hyphens: auto; -moz-hyphens: auto; -epub-hyphens: auto; hyphens: auto; } abbr[title] { border-bottom: 1px dotted; } b, strong, .strong, .bold { font-weight: 700; } dfn, em, .em { font-style: italic; } small, .small, sub, sup { font-size: 85%; } ins, .ins { background: #ff9; color: #000; text-decoration: none; } mark, .mark { background: #ff0; color: #000; font-style: italic; font-weight: 700; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; clear: both;} pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote { margin: 1em 40px; } q { quotes: none; } q:before, q:after { content: ""; content: none; } dd { margin: 0; } nav ul, nav ol, .widget ol, .widget ul, .comment-list { list-style: none; margin: 0; } /* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */ sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /** Forms **/ form, fieldset, form ul, form ol, fieldset ol, fieldset ul { margin: 0; border: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } /* Colors for form validity */ input:invalid, textarea:invalid { background-color: #f0dddd; } /** Tables **/ table { border-collapse: collapse; border-spacing: 0; } /** Hidden & Invisiblity **/ .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* wordpress junk */ .wp-smiley, .wp-wink { margin: 0 !important; max-height: 1em; } .bold { font-weight: 700; } /* =1a clearing genesis elements */ #inner:before, #inner:after, #title-area:before, /* you've got to be kidding */ #title-area:after, .entry-content:before, .entry-content:after, .author-box:before, .author-box:after, .navigation:before, .navigation:after, /* is all this really efficient? */ .user-profile:before, .user-profile:after, .featuredpage:before, .featuredpost:before, .featuredpage:after, .featuredpost:after, .featuredpage .page:before, .featuredpost .post:before, .featuredpage .page:after, .featuredpost .post:after, #footer:before, /* nope. probably not */ #footer:after, #footer-widgets:before, #footer-widgets:after, .wrap:before, .wrap:after, #comments:before, #respond:before, #comments:after, #respond:after, .menu:before, .menu:after, .nav:before, .nav:after, .breadcrumb:before, .breadcrumb:after { content: ""; display: table; } #inner:after, #title-area:after, .entry-content:after, .author-box:after, .navigation:after, .user-profile:after, .featuredpage:after, .featuredpost:after, .featuredpage .page:after, .featuredpost .post:after, #footer:after, .wrap:after, #comments:after, #respond:after, #footer-widgets:after, .menu:after, .nav:after, .breadcrumb:after { clear: both; } #inner, #title-area, .entry-content, / .author-box, .navigation, .user-profile, .featuredpage, .featuredpost, .featuredpage .page, .featuredpost .post, #footer, .wrap, #comments, #respond, #footer-widgets, .menu, .nav, .breadcrumb { zoom: 1; } .clear { clear: both; } .help { margin: 10px; padding: 10px 18px; border: 1px solid #E0C618; background: #EBE16F; } .help p { margin: 0 !important; } html, body { height: 100%; } /****************************************************************** =02 COMMONLY USED ELEMENTS ******************************************************************/ .user-status-icon { margin: 0 5px 0 10px; } .alert { padding: 10px; margin: 5px 0; text-align: center; font-weight: normal !important; } .img-avatar-container.size50x50 { position: relative; display: block; display: inline-block; width: 59px; vertical-align: middle; margin: 0 10px 0 0; } .avatar-block .img-avatar-container.size50x50 { margin-right: 10px; } .img-avatar-container.size125x125 { position: relative; display: block; display: inline-block; width: 134px; vertical-align: middle; margin: 0 10px 0 0; } .avatar-block .img-avatar-container.size125x125 { margin-right: 10px; } .img-avatar-color-corner { height: 0; border-width: 25px 0 0 25px; width: 0; border-style: solid; border-bottom-color: transparent; border-left-color: transparent; position: absolute; right: 0; top: 0; } .img-avatar-container.size125x125 .img-avatar-color-corner { border-width: 45px 0 0 45px; } textarea, input[type="text"], input[type="password"], #message_content, .game_submission_text, #bp-group-documents-name, #bp-group-documents-description { background-image: -webkit-gradient(linear, left top, left 4, from(#b8b8b8), to(#ffffff)); background-image: -moz-linear-gradient(top, #b8b8b8, #ffffff 4px); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#ffffff'); border: 1px solid #b8b8b8; } /********************* =2a BUTTONS *********************/ input[type="button"], input[type="submit"], .button { font-weight: 700; text-decoration: none; } input[type="button"]:hover, input[type="submit"]:hover, .button:hover { cursor: pointer; } .generic-button, .my-groups .accept, .my-groups .reject, .my-groups .confirm, #aw-whats-new-submit, .settings .activity-feed input[type=submit], #post-new-topic input[type=submit], .generic-button-left, .generic-button-right, .red-button-right, .red-button, .notification, .success, .gray-button, .register-button, .group-button .leave-group { border-radius: 3px; color: #fff !important; font-weight: 700; padding: 5px; text-decoration: none; font-size: 13px; } #groups-list .action .group-button { float: right; } #groups-list .action .group-button a { padding: 0; } .generic-button .group-button.leave-group { background: transparent; } .generic-button a { color: #fff !important; } .generic-button-left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .generic-button-right, .red-button-right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #al_loginForm input[type=button], #al_registerForm input[type=button], #al_lostPasswordForm input[type=button], .register-button { height: 30px; width: 200px; } #al_registerForm input[type=button], #al_lostPasswordForm input[type=button] { margin-top: 1.5em; } #signup_submit { font-weight: 700; height: 30px; width: 240px; margin-top: 20px; } .sidebar-more-button { width: 80%; margin: 15px auto; text-align: center; padding: 5px 0; clear: both; } #aw-whats-new-submit { width: 137px; margin: 10px 10px 20px -7px; } #whats-new-submit { float: left; } .status-button { padding: 5px 40px !important; text-decoration: none; font-weight: 700; margin-top: 10px; line-height: 50px; } .submission-buttons { float: left; } .submission-buttons input[type=submit]{ /*padding: 0 30px;*/ } .submit-form-attachments { display: inline-block; margin: 0 0 0 15px; width: 305px; } .return-to-journey { float: left; cursor: pointer; } .journey .submit-form-attachments { margin-left: 13px; } .journey #attach-link, .journey #attach-photo { margin-right: 0; } .submit-form-attachments div { float: left; margin: 0 10px 10px 0; width: 145px; } .submit-form-attachments a { padding: 7px 30px; float: left; width: 85px; height: 20px; text-align: center; } .submit-form-attachments { display: inline-block; margin: 0 0 0 15px; float: right; width: auto; } .submit-form-attachments div { margin: 0 0 10px 0; width: auto; } .submit-form-attachments a { padding: 7px 10px; width: auto; color: #fff; } .bpfb_toolbarItem { padding: 7px 10px; float: left !important; width: auto !important; height: 20px !important; text-align: center; background-image: none !important; } .bpfb_toolbarItem span { display: inline !important; position: relative !important; left: 0 !important; color: #fff; font-weight: 700; } .edit-item-button { float: right; } .edit-item-button a {} .trash-item-button { float: right; } #groupbutton-3 { background: none !important; border-right: none !important; } #item-buttons { float: right; margin: -4px 5px 0 0; } #item-buttons div { /*background: none !important; border-right: none !important; */ float: left; display: inline; margin-right: 10px; } #item-buttons div:last-child { margin-right: 0; } /** Style attachment buttons */ #bpfb_video_url, #bpfb_link_preview_url { width: 200px !important; margin: 0 0 10px; float: left; } .qq-upload-button { border: none; border-radius: 3px; color: #fff !important; font-weight: 700; padding: 5px; text-decoration: none; font-size: 13px; background: #c8c8c8 !important; } #bpfb_cancel_action { border-top: 2px solid #FF8080; background: #DE4E4E; border-left: 1px solid #AC1C1C; border-bottom: 2px solid #AC1C1C; border-right: 1px solid #AC1C1C; border-radius: 3px; color: #fff !important; font-weight: 700; padding: 5px; text-decoration: none; font-size: 13px; -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #aaa; box-shadow: 0 1px 3px #aaa; float: left; } #bpfb_link_url_preview, #bpfb_video_url_preview, #bpfb_add_remote_image { border-top: 2px solid #8DC3D6; background: #5B91A4; border-left: 1px solid #295F72; border-bottom: 2px solid #295F72; border-right: 1px solid #295F72; border-radius: 3px; color: #fff !important; font-weight: 700; padding: 5px; text-decoration: none; font-size: 13px; -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #aaa; box-shadow: 0 1px 3px #aaa; float: left; margin-right: 20px; clear: left; } .consent-buttons a { margin: 15px; } #members-list .generic-button { border: 0 none; box-shadow: none; padding: 0; margin: 0 5px; } /********************* =2b CSS3 ROUNDED CORNERS *********************/ .rounded-corners, textarea, input[type=text], select, input[type=password], input[type=text], .bpfb_toolbarItem, .entry-content blockquote, .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a, #message_content, .game_submission_text, #bp-group-documents-name, #bp-group-documents-description { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #TB_window { -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } #TB_title { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-left-radius: 8px; -khtml-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -o-border-radius-topleft: 8px; -o-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } /********************* =2c CSS3 TRANSITIONS *********************/ .transition { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /********************* =2d CSS3 GRADIENTS *********************/ .gradient { background-color: #414141; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(65, 65, 65)), to(rgb(51, 51, 51))); background-image: -webkit-linear-gradient(top, rgb(65, 65, 65), rgb(51, 51, 51)); background-image: -moz-linear-gradient(top, rgb(65, 65, 65), rgb(51, 51, 51)); background-image: -o-linear-gradient(top, rgb(65, 65, 65), rgb(51, 51, 51)); background-image: -ms-linear-gradient(top, rgb(65, 65, 65), rgb(51, 51, 51)); background-image: linear-gradient(top, rgb(65, 65, 65), rgb(51, 51, 51)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#414141', EndColorStr='#333333'); } /********************* =2e SHADOWS *********************/ .shadow { -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; } .generic-button, .red-button, .generic-button-left, .generic-button-right, .red-button-right, .my-groups .accept, .my-groups .reject, .my-groups .confirm, #aw-whats-new-submit, .settings .activity-feed input[type=submit], #post-new-topic input[type=submit], #signup_submit, .register-button, #al_loginForm input[type=button], #al_registerForm input[type=button], #al_lostPasswordForm input[type=button] { -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #aaa; box-shadow: 0 1px 3px #aaa; } .user-bar ul li ul { -moz-box-shadow: 0 1px 2px #aaa, inset 0 15px 10px -15px #aaa; -webkit-box-shadow: 0 1px 2px #aaa, inset 0 15px 10px -15px #aaa; box-shadow: 0 1px 2px #aaa, inset 0 15px 10px -15px #aaa; } /********************* =2g SEARCH INPUTS *********************/ .s { margin: 5px 2px 0 0; padding: 5px; width: 190px; } #members_search, #groups_search, #forums_search, #searchSite, .bs-search, #badge-search, #quest-search { display: block; padding: 4px 5px; height: 30px; background-image: url(images/search-small.png), -webkit-gradient(linear, left top, left 4, from(#b8b8b8), to(#ffffff)); background-image: url(images/search-small.png), progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#ffffff');; background-image: url(images/search-small.png), -moz-linear-gradient(top, #b8b8b8, #ffffff 4px); background-position: 95% center; background-repeat: no-repeat; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #b8b8b8; font-weight: 700; } #members_search, #groups_search, #forums_search { width: 120px; } #searchSite, .bs-search, #badge-search, #quest-search { width: 218px; } .bs-search { display: inline !important; float: right; } #filter-badge-search { float: left; width: 125px; } .filter-badge-go { margin: 9px 0 0 10px; } #members_search_submit, #groups_search_submit, #group-search-sidebar .searchsubmit, #forums_search_submit { display: none; } /****************************************************************** =03 BODY ******************************************************************/ body { font-size: 100%; line-height: 1.5; background-color: #fff; } /********************* =3a BODY CLASSES *********************/ .rtl {} .home {} /* home page */ .blog {} .archive {} /* archive page */ .date {} /* date archive page */ .date-paged-1 {} /* replace the number to the corresponding page number */ .search {} /* search page */ .search-results {} /* search result page */ .search-no-results {} /* no results search page */ .search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */ .error404 {} /* 404 page */ .single {} /* single post page */ .postid-1 {} /* individual post page by id (i.e. body.postid-73) */ .single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */ .attachment {} /* attatchment page */ .attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */ .attachment-mime-type {} /* style mime type pages */ .author {} /* author page */ .author-nicename {} /* user nicename (i.e. body.author-samueladams) */ .author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */ .category {} /* category page */ .category-1 {} /* individual category page (i.e. body.category-6) */ .category-paged-1 {} /* replace the number to the corresponding page number */ .tag {} /* tag page */ .tag-slug {} /* individual tag page (i.e. body.tag-news) */ .tag-paged-1 {} /* replace the number to the corresponding page number */ .page-template {} /* custom page template page */ .page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */ .page-paged-1 {} /* replace the number to the corresponding page number */ .page-parent {} .page-child {} .parent-pageid-1 {} /* replace the number to the corresponding page number */ .logged-in {} /* if user is logged in */ .paged {} /* paged items like search results or archives */ .paged-1 {} /* individual paged (i.e. body.paged-3) */ /****************************************************************** =04 GRID & LAYOUT ******************************************************************/ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; padding-left: 3%; } .one-sixth { width: 14%; } .one-fifth { width: 17.4%; } .one-fourth { width: 22.5%; } .one-third,.two-sixths { width: 31%; } .two-fifths { width: 37.8%; } .one-half,.three-sixths,.two-fourths { width: 48%; } .three-fifths { width: 58.2%; } .four-sixths,.two-thirds { width: 65%; } .three-fourths { width: 73.5%; } .four-fifths { width: 78.6%; } .five-sixths { width: 82%; } .first { clear: both; padding-left: 0; } .landing-login .first { background: url(images/dashed-line.gif) top right repeat-y; padding-right: 7px; } .landing-login .second { padding-left: 11px; } .register .first { background: none; } .registration .one-half { width: 47% } /********************* =4a WRAPS & INNER *********************/ #wrap { border-top-width: 6px; border-top-color: #C7E14E; border-top-style: solid; min-height: 100%; _display: table; /*ie hack*/ _height: 100%; /*ie hack*/ } .wrap { width: 940px; margin: 0 auto; } #inner .wrap { background: url('images/wrap-bg.gif') top left repeat-y; } .landing-login #inner .wrap { background: none !important; } .logged-in .activation #inner .wrap, .activation #inner .wrap { background: 0 none; } #content-sidebar-wrap { float: left; width: 790px; } .content-sidebar #content-sidebar-wrap, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: 940px; } .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap { float: right; } #inner { margin-bottom: 195px; clear: both; padding: 18px 0; } #players-inner, #groups-inner, #badges-inner, #forums-inner, .content-inner-wrap, .padder { margin: 0 30px; } /****************************************************************** =05 LINKS & TEXT SELECTION ******************************************************************/ a, a:visited { color: #2554C7; text-decoration: none; } a:hover, a:focus { color: #f05e81; } a:active {} /* on click */ a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ } .success a, .notification a, .success a:visited, .notification a:visited { text-decoration: underline; } /********************* =5a TEXT SELECTION *********************/ ::selection { background: #6fc2f6; color:#fff; text-shadow : none; } ::-moz-selection { background: #6fc2f6; color:#fff; text-shadow : none; } /****************************************************************** =06 FONT SIZES ******************************************************************/ .small, #members-list .action a { font-size: 11px; } #whats-new, .custom-tip-window, #message_content, .open-close-switch a, .open-close-switch-badge-quests a, .badge-quests-window .needed-next-level h2.my-progress, .badge-quests-window .needed-next-level, .badge-quests-window .player-stats .current-box, .game_submission_text, .wds-thickbox #add-library-form textarea, .report-main-item, #bp-group-documents-name, #bp-group-documents-description, #members_search, #groups_search, #forums_search, #searchSite, .bs-search, #badge-search, #quest-search, .contact-page-form textarea, .message-select-options { font-size: 12px; } .entry-content, input[type="button"], input[type="submit"], .activation input[type="text"], .activation input[type="password"], textarea, .button, .entry-content code, .comment-list .comment-meta, .more-link, #member-list .quests-complete, eneric-button, .my-groups .accept, .my-groups .reject, .my-groups .confirm, #aw-whats-new-submit, .generic-button-left, .generic-button-right, .red-button, .notification, .success, .gray-button, .activity-content, .activity-meta, .user-bar, .single-quests .button-corner-left, .single-quests .button-corner-right, .single-quests .button-middle, .single-badges .button-corner-left, .single-badges .button-corner-right, .single-badges .button-middle, .journey .button-corner-left, .journey .button-corner-right, .journey .button-middle, .my-progress-box .generic-button, #item-buttons, .activity-nav, #item-nav, .my-progress-box h2, .my-progress-box #home-header-level, .teacher-groups h3, .teacher-requests h4, .teachers-groups-nav, .group-short-desc, .level-gauge, .my-groups-box .group-next-prev, .my-groups-box .current-group-video, .breadcrumb, p, #sidebar .stats-alert .my-progress, #sidebar .stats-alert .needed-next-level h2.my-progress, h4.widgettitle, .widget-content, .avatar-block .item-avatar a, .wds-group-list-item, .digit-level-description, .badge-page-right h3, .quest-page-right h3, .quest-nav, #bpfb_addPhotos, #bpfb_addVideos, #bpfb_addLinks, #bpfb_addDocuments, .single-badges .attached-quest-link, .edit-profile-link, .view-profile-link, .teacher-box .request-text, .teacher-box .invite-students, .status-button, .player_admin, .post-info, .post-meta, .item, .meta, .pagination, .bs-tabs, .group-submission-tabs, .wp-caption .wp-caption-text, .footer-left-text, #footer, #bpsubnav li a, .item-list-tabs, .member-list-join-date, .activity-feed, .group-short, .group-desc, .dir-form, form, .form, #footer #subnav .nav li a, #footer #subnav .menu li a, .prev-next-journey, .journey-links, .return-to-journey, .journey-content-headline, .single-journeys #comments h3, .single-journeys .comment-meta, .single-journeys .comment-options, .sidebar #al_login h2, .sidebar #al_register h2, .sidebar #al_lostPassword h2, .activity-badge h3 { font-size: 13px; /* font-size: 0.813em; */ } h4, .login-register-box h2, .activation-box h2, .registration-top h2, h2.wds-item-title, .level-name, #header #subnav .nav li a, #header #subnav .menu li a, .comment-list li .comment_content p, .wds-item-image .nominate, .learn-more h3, .help-title, .badge-quests-window .player-stats h2, .custom-tip-window, .custom-tip-window h3, .badge-page-right h2, .quest-page-right h2, #members-list h3, #admins-list h5, #footer .nav li a, #footer .menu li a, .update-status-text, .activity-badge h3, .single-topic-title, .digit-level-box .wds-item-info h2 { font-size: 17px; } .landing-login #header .widget-area h2, .activation #header .widget-area h2, #home-header-content h2, .large-num, .user-status-circle { font-size: 26px; } .journey-name-header { font-size: 2em; } /****************************************************************** =06 TITLES & HEADLINES ******************************************************************/ h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 { font-weight: normal; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } /*** Let's use browser default and adjust accordantly h1, .h1 { font-size: 1.625em; line-height: 1.5; } h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; } h3, .h3 { font-size: 1.125em; } h4, .h4 { font-size: 1.1em; font-weight: 700; } h5, .h5 { font-size: 0.846em; line-height: 2.09em; letter-spacing: 2px; } ***********************************/ .login-register-box h2, .activation-box h2 { font-weight: 700; } .landing-login #header .widget-area h2, .activation #header .widget-area h2 { position: absolute; bottom: -17px; left: 0; color: #fff; } h2.wds-item-title { font-weight: 700; } .activity-content, .activity-meta { } .activity-meta, .meta { float: left; } .activity-left .meta { margin-left: 5px; } .activity-left .edit_link { clear: both; } .activity-header h3, .activity-content p { font-size: inherit; } .activity-list { margin-bottom: 40px; float: left; } .more-link { padding: 10px 30px !important; } .activity-status { float: left; width: 235px; } /** Member Activity/Status **/ .update-status-text { font-size:14px !important; margin: 20px 0 10px; } #aw-whats-new-submit { display: inline !important; } .activity-badge { float: right; border-left: 1px dotted black; height: 100%; padding-left: 10px; } .activity-badge h3 {} .activity-badge-icon { margin-left: 35px; } #item-header-avatar img { width: 147px; border: 4px solid #fff; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; height: auto; } .groups.single-item #item-header-avatar img { width: 75px; } /****************************************************************** =07 HEADER ******************************************************************/ #header { margin: 0; height: 140px; } #title-area { float: left; padding: 0; width: 350px; } #title { margin: 0; } #title a { text-decoration: none; } #description { margin: 0 0 0.7335em; } #header .widget-area { float: left; width: 620px; margin-top: 30px; } #header .widget { border: 0; } .landing-login #header, .activation #header { width: 600px; margin: 0 auto; } .landing-login #header .widget-area, .activation #header .widget-area { width: 313px; height: 116px; float: left; position: relative; } /********************* =7a IMAGE HEADER *********************/ #title-area { display: block; float: left; width: 320px; height: 140px } .has-logo #title-area { text-indent: -9999px; } #title-area a { display: block; padding: 15px; width: 209px; height: 96px; background-color: #fff; border-radius: 0 0 5px 5px; position: absolute; top: 0; } .logged-in #title-area a { top: 35px; } .has-logo #description { display: block; overflow: hidden; } .landing-login #title-area, .activation #title-area { width: 285px; } /********************* =7b IMAGE HEADER (FULL) *********************/ .header-full-width #title-area { } li:hover ul ul, li.sfHover ul ul { left: -9999px; } li:hover, li.sfHover { position: static; } #header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul, #nav li a.sf-with-ul, #subnav li a.sf-with-ul { padding-right: 25px; } /********************* =7c HEADER RIGHT NAV *********************/ #header .nav, #header .menu { } #header .nav ul, #header .menu ul { width: 100%; } #header .nav li, #header .menu li, #footer .nav li, #footer .menu li { float: left; list-style-type: none; margin-bottom: 0; background: url(images/dashed-line.gif) right top repeat-y; } #header .nav li:last-child, #header .menu li:last-child, #footer .nav li:last-child, #footer .menu li:last-child { background: none; } #header #subnav .nav li a, #header #subnav .menu li a { display: block; padding: 0 15px 0; position: relative; text-decoration: none; } #header .nav li a, #header .menu li a { display: block; padding: 0 15px 0; position: relative; text-decoration: none; color: #fff; } #header .nav li a:hover, #header .nav li a:active, #header .nav li:hover a, #header .nav .current_page_item a, #header .nav .current-cat a, #header .nav .current-menu-item a, #header .menu li a:hover, #header .menu li a:active, #header .menu li:hover a, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a { } #header .nav li li a, #header .nav li li a:link, #header .nav li li a:visited, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited { padding: 5px 10px; width: 128px; } #header .nav li li a:hover, #header .nav li li a:active, #header .menu li li a:hover, #header .menu li li a:active {} #header .nav li ul, #header .menu li ul { height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 150px; z-index: 9999; } #header .nav li ul a, #header .menu li ul a { width: 130px; } #header .nav li ul ul, #header .menu li ul ul { margin: -33px 0 0 149px; } #header .nav li:hover>ul, #header .nav li.sfHover ul, #header .menu li:hover>ul, #header .menu li.sfHover ul { left: auto; } /********************* =7d HEADER SEARCH *********************/ #header .searchform { float: right; padding: 40px 0 0; } /********************* =8c ACTIVITY NAV *********************/ .activity-nav, #item-nav { width: 143px; float: left; } .activity-nav li { border-bottom: 1px dotted black; width: 135px; padding-bottom: 8px; padding-top: 10px; } .activity-nav li:last-child { border-bottom: none; } .activity-nav a { text-decoration: none; font-weight: 700; display: block; width: 100%; } .activity-nav .current { background: url(images/current-activity.png) left center no-repeat; margin: -2px 0 0 -38px; border-bottom: none; padding-right: 39px; } .activity-nav .current a { color: #fff !important; padding-left: 38px; } #groups-inner .activity-nav li, #players-inner .activity-nav li, #badges-inner .activity-nav li, .padder #item-nav li { border-bottom: 1px dotted black; width: 135px; padding-bottom: 8px; padding-top: 10px; } #groups-inner .activity-nav li:last-child, #players-inner .activity-nav li:last-child, #badges-inner .activity-nav li:last-child, .padder #item-nav li:last-child { border-bottom: none; } #groups-inner .activity-nav a, #players-inner .activity-nav a, #badges-inner .activity-nav a, .padder #item-nav a { text-decoration: none; font-weight: 700; display: block; width: 100%; } #groups-inner .activity-nav .current, #players-inner .activity-nav .current, #badges-inner .activity-nav .current, .padder #item-nav .current { background: url(images/current-activity.png) left center no-repeat; margin: -2px 0 0 -38px; border-bottom: none; padding-right: 39px; } #groups-inner .activity-nav .current a, #players-inner .activity-nav .current a, #badges-inner .activity-nav .current a, .padder #item-nav .current a { color: #fff !important; padding-left: 38px; } /********************* =8d NAV SEARCH *********************/ #nav li.search { padding: 0 10px; } #nav .searchform { float: right; } #nav .s { margin: 2px 2px 0 0; } #nav, #subnav { } #nav .nav, #subnav .nav { width: 100%; } #nav li, #subnav li { float: left; list-style-type: none; } #nav li a, #subnav li a { display: block; font-size: 12px; padding: 0 15px 0; position: relative; text-decoration: none; } #nav li a:hover, #nav li a:active, #nav li:hover a, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item a, #subnav li a:hover, #subnav li a:active, #subnav li:hover a, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item a { } /* drop down menu */ #nav li ul, #subnav li ul { height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 150px; z-index: 9999; } #nav li li a, #nav li li a:link, #subnav li li a, #subnav li li a:link { font-size: 0.9em; padding: 5px 10px; position: relative; } #nav li li a:hover, #nav li li a:focus, #subnav li li a:hover, #subnav li li a:focus { } #nav li li a:active {} #nav li .sub-menu ul, #subnav li .sub-menu ul { margin: -30px 0 0 149px; } #nav li ul a, #subnav li ul a { width: 130px; } #nav li .sub-menu li li:first-child a { } #nav li:hover>ul, #nav li.sfHover ul, #subnav li:hover>ul, #subnav li.sfHover ul { left: auto; } /********************* =8b SUBNAV *********************/ #subnav { margin: 5px auto; font-weight: 700; } #subnav li a:hover, #subnav li a:active, #subnav li:hover a, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item a {} #subnav li li a, #subnav li li a:link, #subnav li li a:visited {} #subnav li li a:hover, #subnav li li a:active {} #subnav li ul {} #subnav li ul a {} #subnav li ul ul {} /****************************************************************** = Progress Box And Teacher/Student and Group Box ******************************************************************/ #home-header-avatar { position: relative; display: block; float: left; width: 120px; padding: 5px; background: #fff; border: 1px solid #ccc; margin: 10px 0 5px 0; float: left; } #home-header-avatar img { display: block; } #home-header-avatar .img-avatar-color-corner { height: 0; border-width: 50px 0 0 50px; width: 0; border-style: solid; border-bottom-color: transparent; border-left-color: transparent; position: absolute; right: 0; top: 0; } .my-progress-box, .teacher-box { overflow: hidden; padding: 15px; } .my-progress-box .generic-button { width: 160px; display: block; text-align: center; margin: 5px 0; } .my-progress-box .generic-button a { text-decoration: none; } .my-progress-box h2, .my-progress-box #home-header-level { font-weight: 700; margin: 0 0 5px 0; } .my-progress-box #home-header-level { clear: both; width: 132px; display: block; } .teacher-groups, .teacher-requests { float: left; width: 225px; margin: 0 15px; } .teacher-groups h3, .teacher-requests h4, .teachers-groups-nav, .group-short-desc {} .teacher-requests .large-num { float: left; margin: 0 30px; } .badge-quests-window .level-bar { background: #efefef; } .badges-needed-title { font-weight: 700; } .needed-next-level { float: left; width: 175px; margin-left: 20px; } .needed-next-level .my-progress { margin-bottom: 15px; } .my-progress-box .needed-next-level p { padding: 0 0 0 25px; } .large-num {} /** Progress Bar Widget **/ .level-bar { background: #fff; width: 20px; overflow: hidden; border-radius: 25px; float: right; margin: 10px 0 0 0; } .level-gauge { width: 75px; right: -15px; margin: 0 10px; text-align: right; line-height: 1; } .level-gauge span { padding: 0 30px 0 0; } .level-gauge hr { border-bottom: 1px dotted #000; border-top: 0 none; border-left: 0 none; border-right: 0 none; margin: 0 0 2px 0; padding: 0; } .level-progress { float: left; width: 75px; position: relative; margin: 0 20px; } #current-box { float: left; width: 200px; margin-left: 10px; } #current-box .game-points { text-align: center; width: 160px; margin: 1em 0 0 0; } .my-groups-box { margin: 10px 0 0 0; overflow: hidden; background: #eceaeb; } .my-groups-box .current-group { float: left; width: 185px; margin: 15px 0; padding: 0 15px; position: relative; min-height: 150px; } .my-groups-box .current-group-name { float: left; width: 100px; } .my-groups-box .current-group p { font-weight: 700; margin: 5px 0; padding: 0; } .my-groups-box .current-group p a { line-height: 1.2 !important; } .current-group-image { -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; float: right; background: #fff; padding: 5px; height: 50px; } .my-groups-box .group-next-prev { position: absolute; bottom: 0; left: 15px; color: #7e7e7e; } .my-groups-box .group-next-prev a { color: #7e7e7e; } .my-groups-box .current-group-message { float: left; width: 185px; margin: 15px 0; border-right: 1px dotted #7e7e7e; border-left: 1px dotted #7e7e7e; padding: 0 15px; min-height: 150px; } .my-groups-box .current-group-message p { margin: 5px 0; padding: 0; } .my-groups-box .current-group-message a { font-weight: 700; } .my-groups-box .current-group-video { float: left; width: 220px; padding: 15px; border-right: 0 none; min-height: 150px; } .my-groups-box .current-group-video::after { clear: both; } /****************************************************************** =09 POSTS & CONTENT ******************************************************************/ #content { float: left; padding: 8px; margin: 40px 0 0 0; width: 470px; min-height: 498px; background: #fff; } /* layout options */ .content-sidebar #content, .sidebar-content #content { width: 685px; } .sidebar-content #content, .sidebar-sidebar-content #content { float: right; } .full-width-content #content { width: 940px; } .landing-login #content, .activation #content { width: 580px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float: none; height: 280px; margin: 0 auto; padding-top: 40px; } .register #content { width: 580px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float: none; height: auto; margin: 0 auto; overflow: hidden; padding-top: 40px; } .landing-login #inner { background: none; } /********************* =9a BREADCRUMBS *********************/ .breadcrumb { margin: 0; padding: 5px 10px 5px 0; position: absolute; width: 690px; height: 30px; } .breadcrumb a, .breadcrumb a:visited, .breadcrumb-sep { color: #929292; } /********************* =9b DESCRIPTIONS *********************/ .taxonomy-description { margin: 0 0 30px; padding: 10px; } .archive-page { float: left; padding: 20px 0; width: 45%; } /********************* =9c POST CLASSES *********************/ .hentry { /* padding: 2.2em 0 0; */ margin-bottom: 40px; } .post-id {} /* post by id (i.e. post-3) */ .post {} /* general post style */ .page {} /* general article on a page style */ .attachment {} /* general style on an attatchment */ .sticky {} /* sticky post style */ .category-slug {} /* style by category (i.e. category-videos) */ .tag-slug {} /* style by tag (i.e. tag-news) */ /********************* =9d POST INFO *********************/ .post-info { line-height:1.75em; margin: 0.875em 0; } .post-info .time {} .post-info .vcard {} .post-info .post-comments {} .post-edit-link {} /********************* =9e ENTRY CONTENT *********************/ .entry-content {} .entry-content p, p { margin: 0 0 1.5em 0; line-height: 1.5em; } /********************* =9f LISTS *********************/ .entry-content ul, .entry-content ol, .entry-content table, .entry-content dl { margin: 1.5em 0; } .entry-content ul, .entry-content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; } .entry-content li { margin-bottom: 0.75em; } .entry-content ul li { list-style-type: square; } .entry-content ol li { list-style-type: decimal; } .categorychecklist .children { padding-left: 20px; } /********************* =9g BLOCKQUOTES *********************/ .entry-content blockquote { background-color: #f5f5f5; border: 1px solid #ddd; padding: 15px 20px 0; } /********************* =9h DATALISTS *********************/ .entry-content dl { margin:1.75em 0 1.75em; } .entry-content dt { margin-top: 1.25em; font-weight:700; } .entry-content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; } /********************* =9i POST IMAGES *********************/ .entry-content img { margin: 0 0 1.5em 0; max-width: 100%; } .entry-content .digit-level-box img { margin: 0; } .post-image {} .alignnone, img.alignnone { display: inline; margin: 0 0 1.5em; } .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter, .entry_content .centered { margin: 0 auto 1.5em; display: block; clear: both; } img.alignleft, img.alignright, img.aligncenter, img.alignone { padding: 3px; border: 1px solid #CCCCCC; } /********************* =9j POST VIDEOS *********************/ .entry-content video { margin: 1.5em 0; max-width: 100%; display: block;} .entry-content object { display: block; margin: 0 0 1.5em; max-width: 100%; } .entry-content pre, .entry-content code { line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; } .digit-level-video { float: left; margin: 0 1.5em 1.5em 0; } /********************* =9k WP-CAPTION *********************/ .wp-caption { margin-bottom: 1.5em; text-align: center; padding: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption .wp-caption-text { font-style:italic; padding:5px 0; margin: 0.6em 0 -.2em; } /********************* =9l POST GALLERIES *********************/ .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} /********************* =9m POST META *********************/ .post-meta { clear: both; letter-spacing:0.05em; line-height:1.75em; border-top: 1px solid #ddd; padding: 5px 0 0; } .post-meta .categories {} .post-meta .tags {} /********************* =9n ACTIVITY FEED *********************/ .activity-feed { width: 465px; float: right; } .home-head-container #activity-stream li { border-bottom: none; padding-bottom: 0; margin-top: 0; } #activity-stream li { border-bottom: 1px dotted #000; padding-bottom: 10px; margin-top: 10px; float: left; width: 100%; } #activity-stream li:first-child { margin-top: 0; } #activity-stream .journey-title a, .activity-header a { font-weight: 700; text-decoration: none; } .activity-content a { text-decoration: none; } .time-ago {} /********************* =9o ACTIVITY TRIGGERS *********************/ .wds-activity-triggers .trigger-name td { width: 150px; } .wds-activity-triggers .trigger-number input { width: 50px; } /****************************************************************** =10 POST NAVIGATION ******************************************************************/ .navigation { padding: 20px 0; width: 100%; } .navigation li { display: inline; } .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a { border: 1px solid #ddd; padding: 5px 8px; } .navigation li a:hover, .navigation li.active a { background-color: #f5f5f5; } /****************************************************************** =11 SIDEBARS & ASIDES ******************************************************************/ #digit-my-badges .item-avatar, #digit-my-friends .item-avatar, #digit-whos-online .item-avatar { width: 60px; height: 60px; margin-right: 10px; margin-bottom: 10px; display: block; float: left; } #digit-whos-online .item-avatar:nth-child(3n+3) { margin-right: 0; } #sidebar .stats-alert { border: 8px solid #fff; padding: 8px; margin-bottom: 15px; } #sidebar .stats-alert .level-progress { margin: 10px 5px; } .stats-alert .my-progress { font-weight: 700; } #sidebar .stats-alert .my-progress { } #sidebar .stats-alert .needed-next-level { margin: 45px 0 0 10px; width: 100px; line-height: 1.2; } #sidebar .stats-alert .needed-next-level h2.my-progress { font-weight: normal; } #sidebar .stats-alert .current-box { float: left; clear: both; margin-top: 15px; } .stats-alert .current-box a { text-decoration: none; } #sidebar .stats-alert p { margin: 0; } /********************* =11a SIDEBAR 1 *********************/ #sidebar { display: inline; float: right; width: 230px; } /********************* =11b SIDEBAR 2 *********************/ #sidebar-alt { float: left; width: 150px; } /* sidebar 1 alternate layouts */ .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar { float: left; } /* sidebar 2 alt layouts */ .content-sidebar-sidebar #sidebar-alt { float: right; } /* sidebar search */ .sidebar .searchform { padding: 5px 0 0 15px; } .sidebar .widget { background: #fff; } .sidebar #al_login, .sidebar #al_register, .sidebar #al_lostPassword { margin: 0; background: #fff; height: auto; } .widget { } .widget ul { margin-top: 0.75em; } .widget li { margin-bottom: 0; } .widget li ul { margin-top: 0.75em; padding-left: 1em; } h4.widgettitle, .sidebar #al_login h2, .sidebar #al_register h2, .sidebar #al_lostPassword h2 { padding: 8px 15px 8px 15px; color: #fff; font-weight: 700; font-size: 13px; font-family: 'Droid Sans', sans-serif; } .sidebar #al_login h2, .sidebar #al_register h2, .sidebar #al_lostPassword h2 { width: 200px; } h4.widgettitle .alignright { } .widget-content, .sidebar #al_login > div, .widget-content, .sidebar #al_register > div, .widget-content, .sidebar #al_lostPassword > div { margin: 0; padding: 6px 15px 10px 15px; overflow: hidden; } .sidebar #al_login > div, .sidebar #al_register > div, .sidebar #al_lostPassword > div { font-weight: 700; clear: both; } .sidebar #al_login .standard-form input[type="text"], .sidebar #al_login .standard-form input[type="password"], .sidebar #al_register .standard-form input[type="text"], .sidebar #al_register .standard-form input[type="password"], .sidebar #al_lostPassword .standard-form input[type="text"], .sidebar #al_lostPassword .standard-form input[type="password"] { width: 92%; } .widget table { width: 100%; text-align: left; } /********************* =11c WIDGET STYLES *********************/ /* links widget */ .widget_links {} .widget_links ul {} .widget_links ul li {} .widget_links ul li a {} /* meta widget */ .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* pages widget */ .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} /* recent-posts widget */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} /* archives widget */ .widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /* tag-cloud widget */ .widget_links {} .widget_links li:after {} .widget_links li:before {} .widget_tag_cloud {} .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* calendar widget */ .widget_calendar {} #calendar_wrap {} #calendar_wrap th {} #calendar_wrap td {} #wp-calendar tr td {} #wp-calendar caption {} #wp-calendar a {} #wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} /* category widget */ .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* recent-comments widget */ .recentcomments {} #recentcomments {} #recentcomments li {} #recentcomments li a {} .widget_recent_comments {} /* search widget */ #searchform {} .widget_search {} .screen-reader-text {} /* text widget */ .textwidget { padding: 5px 15px 0; } .widget_text {} .textwidget p {} /* eNews and Update Widget */ .enews p {} .enews #subscribe {} .enews #subbox {} /* User Profile Widget */ .user-profile { } .user-profile p { padding: 10px 15px 0; } .user-profile .posts_link { padding: 0 15px; } .sidebar-more-button a { text-decoration: none; color: #fff !important; font-weight: 700; } #digit-my-friends img, #members-dir-list .item-avatar img, #member-list .avatar, .subm-avatar img { border: 4px solid #fff; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; } #forums-dir-list .img-avatar-container .avatar, .activity-feed .avatar { border: 4px solid #fff; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; } .avatar-block .item-avatar { float: left; } .each_student img, .avatar-block .item-avatar img, .single-journeys #comments .avatar, .single-journeys .unlock-avatar .avatar { border: 4px solid #fff; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; margin: 0 10px 10px 0; vertical-align: middle; display: inline-block; } .each_student img { display: block !important; float: left; } .avatar-block .item-avatar.third .size50x50, .avatar-block .item-avatar.third img { margin-right: 0; } .avatar-block .item-avatar a {} #digit-my-friends .item-avatar { margin-bottom: 25px; float: left; width: 100%; clear: both; vertical-align: top; text-transform: capitalize; } #digit-my-friends .item-avatar img { margin-right: 10px; vertical-align: middle; } .points-needed-title { font-weight: 700; } /* leaderboard widget */ .widget .student-pos, .widget .student-name, .widget .student-points { vertical-align: top; } #my-groups-dropdown #group-badge-button { float: left; margin: 15px 0; } /****************************************************************** =12 COMMENT STYLES ******************************************************************/ #comments { margin: 0 0 15px; } #comments .navigation {} .subscribe-to-comments { padding: 20px 0 10px; } .comment-list {} .comment-list li { position: relative; clear: both; list-style-type: none; margin: 15px 0 5px; padding: 10px 5px 10px 10px; } .comment-list li[class*=depth-] { } .comment-list li.depth-1 { } .comment-list li:not(.depth-1) { } .comment-list li.depth-2 {} .comment-list li.depth-3 {} .comment-list li.depth-4 {} .comment-list li.depth-5 {} .comment-list li:last-child { } .comment-list li ul.children li { margin-left: 10px; margin-right: -6px; } .comment-list li ul.children li.alt {} .comment-list li ul.children li.byuser {} .comment-list li ul.children li.comment {} .comment-list li ul.children li.depth-1 {} /* change number for different depth */ .comment-list li ul.children li.bypostauthor {} .comment-list li ul.children li.comment-author-admin {} .comment-list li ul.children .alt {} .comment-list li ul.children .odd {} .comment-list li ul.children .even {} .comment-list .alt {} .comment-list .odd { } .comment-list .even { } .comment-list .parent {} .comment-list .comment {} .comment-list .children { } .comment-list .pingback {} .comment-list .bypostauthor {} .comment-list .comment-author {} .comment-list .comment-author-admin {} .comment-list .thread-alt {} .comment-list .thread-odd {} .comment-list .thread-even {} .comment-list .vcard { } .comment-list .vcard cite.fn { font-weight: 700; font-style: normal; } .comment-list .vcard cite.fn a. { text-decoration: none; } .comment-list .vcard .says { } .comment-list .vcard img.avatar { background: #fff; float: right; margin: 0 5px 0 10px; padding: 4px; } .comment-list .comment-meta {} .comment-list .comment-meta a { text-decoration: none; } .comment-list li .comment_content { padding: 10px 5px 10px 0; } .comment-list li .comment_content p { line-height: 1.5em; } .comment-list li ul { margin: 0; } .comment-list .comment-reply-link { } .comment-list a.comment-reply-link:hover { } .subm-comment { margin: 0 0 25px 0; } .subm-avatar{} .subm-avatar img, .subm-avatar .img-avatar-container.size50x50 { margin: 0; } .submission-bottom .comments h3.bold, .subm-date, .subm-comment-text, .subm-name { margin: 0 0 0 78px; } /********************* =12a PING LIST *********************/ .ping-list { } .ping-list ol { } .ping-list li { } .ping-list cite { font-style: normal; } /****************************************************************** =13 COMMENT FORM STYLES ******************************************************************/ #reply-title { } #cancel-comment-reply {} #cancel-comment-reply a {} #commentform {} .comments-logged-in-as {} #commentform label {} #commentform .required {} #author, #email, #url, #comment { margin: 10px 5px 0 0; padding: 5px; border: 1px solid #ddd; width: 250px; } #author:focus, #email:focus, #url:focus, #comment:focus { } #comment { margin: 10px 0; width: 97.3%; height: 150px; } #submit {} /********************* =13a FORM VALIDATION *********************/ #author:invalid, #email:invalid, #url:invalid { outline: none; } /********************* =13b NO COMMENTS *********************/ .nocomments { text-align: center; } /****************************************************************** =14 REGISTRATION FORMS ******************************************************************/ .registration-top h2 { font-weight: 700; } #al_login, #al_register, #al_lostPassword { margin: 0 33px;} .landing-registration, .activation-box {margin: 0 33px;} .landing-login #content, .activation #content { border-top: 8px solid #C7E14E; border-top-left-radius: 5px; border-top-right-radius: 5px; } .landing-login #content-sidebar-wrap, .activation #content-sidebar-wrap { background: none; } .landing-login .user-bar a { color: #FDF59D; font-weight: normal; } .landing-login a { font-weight: 700; } .landing-login .red-button { margin-bottom: 20px; } .landing-login .footer-left-text a { font-weight: normal; } .landing-login .lt-link { } .login-register-box .standard-form input[type=text], .login-register-box .standard-form input[type=password] { display: block; padding: 4px 5px; width: 190px !important; height: 25px; } .register .standard-form input[type=text], .register .standard-form input[type=password] { display: block; padding: 4px 5px; width: 227px !important; height: 25px; } .login-register-box input[type=checkbox] { margin-right: 8px; } .login-register-box .forgetmenot { margin: 10px 20px; } .landing-registration form p { margin: 24px 34px; } .registration-top { margin: 0 30px 10px; } .register .first .register-section { margin-left: 30px; } .register .second-half { margin-left: 15px; } .create-sign-in-link { font-weight: 700; text-decoration: none; } .first .register-section p { position: relative; top: 0; margin-top: 25px; } .activation-box .register-button { margin-top: 15px; width: 150px; } /** Activation Page **/ .activation #inner { background: none; } .activation input[type=text], .activation input[type=password] { display: block; padding: 4px 5px; width: 227px; height: 25px; color: black; background: white; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#ffffff'); background: -webkit-gradient(linear, left top, left 4, from(#B8B8B8), to(white)); background: -moz-linear-gradient(top, #B8B8B8, white 4px); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #B8B8B8; } /****************************************************************** =15 MEMBERS/GROUPS PAGES ******************************************************************/ /** Group Page Header **/ .groups #group-info { float: left; width: 522px; } .groups #group-info h2 { width: 100%; } .groups #group-desc { float: left; width: 271px; margin-right: 25px; } .group-admin #group-desc { float: none; } #group-settings-form input[type=radio] { margin-top: 15px; } .groups #group-short { /* BC TASK - #124867285 float: right; border-left: 1px dotted black; min-height: 120px; width: 200px; padding-left: 25px; display: block; */ width: 500px; display: block; clear: both; margin: 0 0 20px; } .groups .home-head-container #item-meta { display: none !important; } .members .item-list-tabs ul, .groups .item-list-tabs .groups-tabs, .group-submission-tabs, .bs-tabs, .my-profile #bpsubnav ul, #forums-inner .item-list-tabs ul, .forums .item-list-tabs ul { border-bottom: dotted 1px #000; margin: 10px 0; } #bpsubnav ul { border-bottom: none; margin: 0; } .members .item-list-tabs li, .groups .groups-tabs li, .group-submission-tab, .forums .item-list-tabs li { width: 110px; text-align: center; padding-top: 5px; margin-left: 20px; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; } .bs-tabs .tab-link { width: auto; text-align: center; padding: 5px 5px 0; margin-left: 10px; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; } .members .item-list-tabs .selected, .groups .groups-tabs .selected, .group-submission-tabs .active, .bs-tabs .active, .forums .item-list-tabs .selected { background: white; border-left: dotted 1px #000; border-top: dotted 1px #000; border-right: dotted 1px #000; position: relative; top: 1px; } .members .item-list-tabs li a, .groups .groups-tabs li a, .bs-tabs a, .forums .item-list-tabs a { text-decoration: none; font-weight: 700; } .group-submission-tab a { font-weight: 700; text-decoration: none; } .bs-tabs { float: left; width: 100%; } #groups-dropdown, #members-dropdown, #groups-categories { float: right; border: none; margin: 0; } #groups-categories { margin-right: 10px; } #members-dropdown #members-order-select { width: auto; background: none; margin-top: 0; } #groups-list li, #members-list li, #friend-list li { margin: 10px 0 0; border-bottom: 1px dotted black; float: left; width: 100%; padding-bottom: 10px; } #groups-list li:last-child, #members-list li:last-child, #friend-list .li:last-child { border-bottom: none; } #groups-list .item-avatar, #groups-list .item, #groups-list .meta, #members-list .item-avatar, #members-list .item, #friend-list .item-avatar, #friend-list .item { float: left; margin-right: 20px; } .my-friends #members-list .item { margin: 0; width: 390px; } #groups-list .item { width: 260px; } #members-dir-list .item { width: 240px; } #groups-list .meta { width: 85px; } #groups-list .item-title { font-weight: 700; text-decoration: none; } #members-list .item-title, #member-list .item-title a, .submission-content .item-title { font-weight: 700; text-decoration: none; text-transform: capitalize; } #groups-list .time-ago, #groups-list .member-count, #member-list .time-ago { float: left; } #friend-list { position: relative; } #members-list .action, #friend-list .action { float: none; position: absolute; width: auto; right: 0; } #members-list .action div { float: right; } #members-list .manage-group { clear: both; margin-top: 10px; } #members-list .generic-button { border: 0 none; box-shadow: none; padding: 0; margin-left: 5px; } #members-list .action a { color: #fff; text-decoration: none; margin: 0 5px; padding: 5px 10px; float: right; border-left: none !important; font-weight: 700; } #members-list .member-groups-title {} #members-list .member-group-list a { text-decoration: none; } #group-search-sidebar form { padding: 0 0 20px 0; } #sidebar .collapse { float: left; width: 11px; height: 7px; background: url(images/arrows.png) bottom no-repeat; background-position: 0px -7px; margin-top: 10px; } #sidebar .closed .collapse { background-position: -11px 0; } #sidebar .expand { float: left; width: 11px; height: 7px; background: url(images/arrows.png) bottom no-repeat; background-position: -11px -7px; margin-top: 10px; } #sidebar .closed .expand { background-position: -11px -28px; } #groups-inner .home-head-container, #players-inner .home-head-container, .padder .home-head-container { border-bottom: 1px dotted #000; padding-bottom: 10px; margin-bottom: 10px; float: left; clear: both; } #groups-inner .home-head-container #item-header-avatar, #players-inner .home-head-container #item-header-avatar, .padder .home-head-container #item-header-avatar { float: left; margin-right: 20px; } #groups-inner .home-head-container #item-meta, #players-inner .home-head-container .activity-meta, .padder .home-head-container .activity-meta { display: inline-block; width: 450px; height: 140px; border-top: 1px dotted #000; padding-top: 10px; } #groups-inner #member-list { margin-bottom: 20px; } #groups-inner #member-list li { width: 100%; float: left; margin-bottom: 20px; border-bottom: 1px dotted black; padding-bottom: 20px; } .group-members #member-count { clear: both; } #member-list .avatar, #member-list .size50x50 { float: left; margin-right: 20px; } #member-list .quests-complete { float: left; margin: 0 20px; text-align: center; } .journey .activity { clear: both; } #activity-dropdown-list { padding-bottom: 30px; } .groups #activity-filter-select, .activity #activity-filter-select { width: 100%; } .groups #activity-filter-select label, .activity #activity-filter-select label { float: left; } .groups #activity-filter-select select { margin-left: 142px; float: right; } .activity #activity-filter-select select { margin-left: 148px; } #my-activity-dropdown { margin-left: 195px; } #whats-new { display: block; padding: 4px 5px; width: 455px; height: 140px; background: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#ffffff'); background: -webkit-gradient(linear, left top, left 4, from(#b8b8b8), to(#ffffff)); background: -moz-linear-gradient(top, #b8b8b8, #ffffff 4px); border: 1px solid #b8b8b8; } .game_submission_text { margin-bottom: 20px; } .member-journeys { margin-top: 20px; } .member-journeys li { border-bottom: 1px dotted #000; padding-bottom: 8px; padding-top: 10px; } .journey-sort-by { float: right; } #group-approve-list-body { clear: both; } #group-approve-list-body .submissions-left { float: left; width: 110px; } #group-approve-list-body .wds-item-quest { float: left; width: 340px; } #group-approve-list-body .wds-item-delete { float: left; } .submission-date, .submission-time { display: inline; } .wds-group-list-item { float: left; padding: 10px 0 0; border-bottom: 1px dotted #000; width: 100%; } .wds-group-list-item:last-child { border: none; } .manage-badges .wds-item-image { float: left; width: 100px; } .member-badges .wds-item-image { float: left; margin-right: 10px; } .member-badges .wds-item-image img { width: 100px; } .manage-quests .wds-item-image { float: left; } .manage-badges .wds-item-info { float: left; width: 159px; margin-right: 10px; } .manage-quests .wds-item-info { float: left; width: 170px; } #groups-inner .manage-buttons { float: right; margin: 10px 0; } .manage-buttons .show-hide-button { float: left; clear: both; margin-top: 10px; } .manage-buttons a { text-decoration: none; color: #fff !important; font-weight: 700; } .activate .manage-buttons .active-button { clear: both; display: block; height: 45px; } .activate .manage-buttons .active-button a { padding: 10px 59px; } .activate .manage-buttons .edit-item-button a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .deactivate .manage-buttons .active-button { float: left; height: 45px; } .manage-badges .wds-group-list-sort, .manage-quests .wds-group-list-sort { display: inline; float: right; margin-top: 2px; } .manage-buttons a { padding: 10px 5px; } .manage-quests .wds-item-title { display: block; } .create-custom-quest { margin-bottom: 20px; } .submissions-author a, .submission-item a, .manage-quests .wds-group-list a { font-weight: 700; text-decoration: none; } .digit-game-padder .wds-group-form-item { width: 100%; margin: 10px 0; position: relative; float: left; } .tip-question { background: url('images/question-mark.png') no-repeat; text-indent: -9999px; display: block; width: 22px; height: 22px; float: left; } .digit-game-padder .tip-question { margin-right: 10px; } .tip-window, .custom-tip-window { background: none repeat scroll 0 0 #F7F7F7; border: 0 none; display: block; height: auto; overflow: visible; padding: 10px; position: absolute; top: -50px; left: 100px; width: 225px; z-index: 9; border: 0 none; border-image: initial; -moz-box-shadow: 0 3px 4px #aaa; -webkit-box-shadow: 0 3px 4px #aaa; box-shadow: 0 3px 4px #aaa; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .custom-tip-window {} .custom-tip-window h3 { font-weight: 700; } .custom-tip-window:after { content: ''; display: block; width: 0; height: 0; border: 14px solid; position: absolute; left: -28px; top: 26px; border-image: initial; border-color: transparent #F7F7F7 transparent transparent; } .icon-item-tip { position: relative; display: inline-block; } .icon-item-tip .custom-tip-window { left: 50%; z-index: 999; width: 230px; margin-left: -110px; padding: 10px; height: auto; font-size: 13px; } .icon-item-tip .custom-tip-window:after { content: ''; display: block; color: #F7F7F7; position: absolute; left: -26px; top: 49px; font-size: 16px; border-image: initial; border-color: transparent; -moz-text-shadow: -2px 1px 2px #aaa; -webkit-text-shadow: -2px 1px 2px #aaa; text-shadow: -2px 1px 2px #aaa; } .icon-item-tip .custom-tip-window img { float: left; padding: 0 0.75em 0.25em 0; } .tip-detail-title { display: block; } .tip-detail-description { display: block; } .digit-game-padder label { width: 125px; float: left; clear: left; font-weight: 700; } .digit-game-padder input[type=text] { float: left; padding: 4px 5px; width: 295px; height: 30px; } .digit-game-padder textarea { float: left; padding: 4px 5px; width: 295px; height: 60px; } .checkbox-label { margin-right: 9px; } .checkbox-label:last-child { margin-right: 0; } .wds-group-form-item .mceLayout { width: 100% !important; } .add-badge-2-library { margin: 10px 0 20px; height: 20px !important; padding: 10px !important; width: 200px; } .form-submit { width: 180px; height: 40px; margin-right: 20px; } .form-reset { padding: 6px 55px 8px !important; } #bpsubnav li { width: 110px; text-align: center; padding-top: 5px; margin-left: 20px; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; } #bpsubnav .current { background: white; border-left: dotted 1px #000; border-top: dotted 1px #000; border-right: dotted 1px #000; position: relative; top: 1px; } #bpsubnav li a { text-decoration: none; font-weight: 700; } #bpsubnav .filter { width: auto; float: right; background: none; clear: both; } .my-groups #bpsubnav .filter, .forums #bpsubnav .filter { margin-top: 27px; } .my-friends .members, .my-friends .info, .my-groups .groups { clear: both; margin-top: 20px; } /** My Friends page/list styling */ .my-friends #members-list .item { width: 386px !important; } .my-friends #members-list .action { margin-top: 10px; } .my-friends #members-list .avatar, .my-friends #members-list .img-avatar-container { margin-right: 0 !important; } .my-groups .invites li { border-bottom: 1px dotted #000; } .my-groups .invites .avatar { float: left; margin-right: 20px; margin-bottom: 50px; } .my-groups .invites h4 a {} .my-groups .action { height: 40px; margin-top: 20px; } .my-groups .accept, .my-groups .reject, .my-groups .confirm { padding: 5px 10px; } .group-admin .activity-feed #subnav { float: left; border-bottom: 1px dotted #000; width: 100%; } .group-admin .activity-feed #subnav li { width: 65px; text-align: center; padding-top: 5px; margin-left: 10px; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; } .group-admin .activity-feed #subnav .current { background: white; border-left: dotted 1px #000; border-top: dotted 1px #000; border-right: dotted 1px #000; position: relative; top: 1px; } .group-admin .activity-feed #subnav li a { text-decoration: none; font-weight: 700; padding: 0 !important; } .group-admin .standard-form { clear: both; } .group-admin .standard-form .group-details { float: left; width: 140px; font-weight: 700; } .group-admin .standard-form input[type=text], .group-create .standard-form input[type=text] { padding: 4px 5px; width: 300px; height: 30px; margin-bottom: 20px; } .group-admin .standard-form textarea, .group-create .standard-form textarea { padding: 4px 5px; width: 300px; height: 60px; margin-bottom: 20px; } .group-admin .standard-form #save, .group-admin .standard-form #delete-group-button { border: none; margin-top: 20px; float: left; clear: both; } .group-admin .delete-group-avatar { background: none !important; margin-top: 20px; } /* Duplicate Group From */ #duplicate_group_form ul { margin: 0 0 0 25px } #duplicate_group_form ul li label { margin: 0 0 0 5px; } .leftlabel { clear: both; overflow: hidden; } .leftlabel textarea, .leftlabel input { float: right; width: 366px; } .leftlabel .description { float: right; clear: both; width: 366px; } #duplicate_group_form .red-button, #duplicate_group_form input[type="submit"] { margin: 15px; } #admins-list li { border-bottom: 1px dotted #000; margin-bottom: 10px; padding-bottom: 20px; position: relative; } #admins-list .avatar { float: left; margin-right: 20px; } #admins-list h5 { letter-spacing: normal; font-weight: 700; } #members-list li { border-bottom: 1px dotted #000; margin-bottom: 10px; padding-bottom: 20px; position: relative; } #members-list .avatar { float: left; margin-right: 20px; } #members-list h3 { letter-spacing: normal; font-weight: 700; } .player_progress { width: 275px; float: left; margin-right: 20px; } .player_points { width: 130px; float: left; margin-right: 20px; } .player_points p { margin-top: 20px; } .player_badges { width: 165px; float: left; } .player_admin { display: block; clear: both; float: left; margin-top: 20px; } .player_admin a { font-weight: normal !important; } .profile .label { padding-right: 30px; vertical-align: top; font-weight: bold; } .profile .editfield { margin: 10px 0 15px; } .profile #field_1 { margin-left: 30px; } .profile p { margin-bottom: 10px; } #whats-new-options { float: right; } .pagination { clear: both; margin: 15px 0; } .member-list-join-date { width: 150px; } .wds-group-form-buttons .red-button {} .wds-group-form-buttons .generic-button { text-decoration: none; padding: 5px; margin-left: 20px; } .journey-name-header { float: left; width: 100%; margin-bottom: 10px; } .single-journeys .unlock-content { float: right; width: 445px; position: relative; min-height: 100px; } .single-journeys .unlock-submission, .single-journeys .activity-content, .single-journeys .submission_attachment { float: right; width: 445px; position: relative; } .single-journeys .points-earned { position: absolute; right: 0; bottom: -20px; } .single-journeys .journey-content-headline { font-weight: 700; } .journey-name-header a {} #activity-stream .unlock-image, .activity-list .unlock-image { float: right; } #activity-stream .unlock-image img, .activity-list .unlock-image img { width: 60px; } /** Activity Stream avatar styling */ #activity-stream .unlock-avatar { margin-right: 1.5em; display: inline; float: left; } .single-journeys .unlock-image { float: left; margin-right: 20px; position: absolute; } .single-journeys .unlock-avatar { float: left; clear: both; width: auto; left: 100px; position: relative; } .activity-list li { float: left; width: 100%; } #respond { border-top: 1px dotted black; padding-top: 20px; margin-top: 20px; float: left; width: 100%; } .single-journeys #respond, .single-journeys #comments { float: right; width: 445px; } .single-journeys #comment { width: 435px; } .submit-comment { padding: 6px 30px 10px; } .comments-header { font-weight: 700; } .single-journeys .posttitle { font-weight: 700; float: left; margin-left: 170px; } .single-journeys .posttitle a {} .journey-author { border-bottom: 1px dotted black; padding-bottom: 20px; margin-bottom: 20px; float: left; width: 100%; } .activity .load-more { border-bottom: none !important; margin-top: 30px !important; } .load-more .gray-button { padding: 10px 30px; } .user_status { font-weight: bold; margin: 7px 0 0 20px; display: inline-block; } .user-status-circle { line-height: 10px; display: inline-block; margin-left: 2px; font-weight: normal; } .return-to-journey { font-weight: 700; cursor: pointer; } .journey-links { float: right; font-weight: 700; } .prev-next-journey .next-entry { margin-left: 20px; } .single-journeys .comment-meta, .single-journeys .comment-meta a { font-weight: 700; color: #000 !important; } /* Add Member To Group Form */ .group-invite { float: left; margin: 20px 0; width: 100%; } .group-invite form { width: 100%; } .group-invite-about { float: left; width: 180px; } .group-invite input[type=text] { height: 25px; float: left; margin: -5px 10px 10px 0; } .group-invite input[type=submit] { float: left; margin: -5px 0; } .group-invite-about2 { float: left; margin: 0; font-size: 11px; font-style: italic; } /****************************************************************** =16 FORUMS PAGES ******************************************************************/ table.forum { width: 100%; } table.forum #th-title, table.forum #th-group { text-align: left; } table.forum .topic-info td { padding-right: 10px; vertical-align: top; } table.forum .topic-info td:last-child { padding-right: 0; } #forums-inner h3 { display: none; } #forums-inner #forums-order-select { float: right; border: none; margin: 10px -10px 20px 0; background: none; } #forums-inner #forums-order-select li { background: none; } #forums-inner #forums-dir-list { clear: both; } #forums-dir-list table, .group-forum .single-forum table { width: 100%; } #forums-dir-list table a { text-decoration: none; } #forums-dir-list tr, .group-forum .single-forum tr { text-align: left; } .topic-title { text-decoration: none; font-weight: 700; } #forums-dir-list .td-title, #forums-dir-list .td-group, #forums-dir-list .td-postcount, .group-forum .single-forum .td-title, .group-forum .single-forum .td-group, .group-forum .single-forum .td-postcount { padding: 10px 0; } #forums-dir-list .td-group, .group-forum .single-forum .td-group { vertical-align: top; padding: 10px 20px 0; } #forums-dir-list .td-title, #forums-dir-list .td-postcount, .group-forum .single-forum .td-title, .group-forum .single-forum .td-postcount { vertical-align: top; } .td-postcount .last-poster-name { float: right; width: 70px; } #forums-dir-list .topic-info, .group-forum .single-forum .topic-info { border-bottom: 1px dotted #000; padding-bottom: 10px; margin-bottom: 10px; } .wp-editor-tools { clear: both; } #forums-dir-list #th-group { padding-left: 20px; } #forums-dir-list .group-name { text-decoration: none; } .group-forum #post-new-topic { margin-top: 20px; } .group-forum #forum-topic-form input[type=text] { padding: 4px 5px; width: 454px; height: 30px; margin-bottom: 20px; } .group-forum #forum-topic-form textarea { padding: 4px 5px; height: 60px; margin-bottom: 0; background: #fff; } .group-forum #forum-topic-form label { clear: both; float: left; width: 100%; } .follow-discussion { padding: 5px 10px; margin-bottom: 20px; text-decoration: none; display: inline-block; height: 20px !important; } #topic-post-list li { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #000; } .admin-links {} #topic-meta .admin-links a { text-decoration: none; } .admin-links .context-nominate.thickbox:before { content: url(images/reward-seal-16.png); position: relative; top: 3px; } .single-topic-title {} .poster-meta a { text-decoration: none; font-weight: 700; text-transform: capitalize; } #post-topic-reply { margin-top: 20px; clear: both; float: none; width: 100%; } #post-topic-reply h4 { margin-bottom: 10px; } #post-topic-reply textarea { height: 200px; } .submit-topic-reply { padding: 5px 40px; } .add-file-topic { padding: 7px 40px !important; margin-left: 20px; } /** Forum topic page */ #topic-post-list li { float: left; } #topic-post-list .img-avatar-container { margin-right: 0; } #topic-post-list .item-avatar { float: left; margin-right: 20px; } #topic-post-list li:first-child .poster-meta, #topic-post-list li:first-child .post-content, #topic-post-list li:first-child .admin-links { display: inline; float: none; width: auto; } #topic-post-list .poster-meta, #topic-post-list .post-content { display: block; float: left; width: 385px; } #topic-post-list .admin-links { float: right; width: 385px; } .group-forum-topic #TB_ajaxContent { width: 640px !important; } /****************************************************************** =17 MEMBER MESSAGES ******************************************************************/ .messages { clear: both; } #message-threads tr { border-bottom: 1px dotted #000; } #message-threads td { height:80px; vertical-align: top; padding: 5px 4px 10px 0; } .message-accent {} .thread-from { width: 80px; } .thread-from a { text-decoration: none; font-weight: 700; } .thread-info input[type=checkbox] { float: right; } .thread-info .message-title a { text-decoration: none; font-weight: 700; } .messages #message-type-select { float: right; } .messages-options-nav { clear: both; margin-top: 20px; margin-bottom: 10px; } .messages-options-nav a { text-decoration: none; } .messages .generic-button { height: 14px; } #sentbox-personal-li {} .messages #subnav a { color: #fff; } #compose-personal-li { margin-right: 30px; } .messages-corner-left, .button-corner-left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 1px dotted #fff; } .messages-corner-right, .button-corner-right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-left: 1px dotted #fff; } #members-list .button-corner-right { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .button-middle { border-radius: 0; } .button-middle.middle-border { border-right: 1px dotted #fff; } .single-quests .button-corner-left, .single-quests .button-corner-right, .single-quests .button-middle, .single-badges .button-corner-left, .single-badges .button-corner-right, .single-badges .button-middle, .journey .button-corner-left, .journey .button-corner-right, .journey .button-middle { font-weight: 700; color: #fff; } #message-thread { clear: both; } #message-subject { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #000; } .view #messages-inbox-header { display: none; } .message-metadata-top { float: left; width: 100%; border-bottom: 1px dotted #000; margin-bottom: 20px; padding-bottom: 10px; } .message-metadata-top .avatar { float: left; margin-right: 20px; } #message_content { padding: 4px 5px; width: 455px; height: 200px; } .view .generic-button { height: auto; padding: 5px 15px; margin-top: 30px; } .view .author-link { text-decoration: none; text-transform: capitalize; } #send_message_form { clear: both; padding-top: 20px; } #send_message_form #admin-checkbox { margin: -20px 0 20px; } #send_message_form input[type=text] { padding: 4px 5px; width: 453px; height: 30px; margin-bottom: 20px; } #send_message_form textarea { padding: 4px 5px; width: 455px; height: 200px; } #send_message_form #send { border: none; margin-top: 20px; } .notices #message { float: left; clear: both; margin-top: 10px; } .messages .unread .thread-info { background: url(images/unread.gif) top right no-repeat; } .unread-submission { background: url(images/unread.gif) top right no-repeat; } .messages-options-nav .searchform { float: left; } .messages-options-nav .bs-search { width: 125px; margin-right: 15px; } .message-select-options { top: 10px; position: relative; } /****************************************************************** =18 BADGES ******************************************************************/ .user-bar .avatar-block { padding: 5px; } .user-bar .item-avatar { float: left; } #badges-header { float: left; margin-bottom: 20px; width: 100%; border-bottom: 1px dotted #000; padding-bottom: 20px; } #badges-header h1 { float: left; } .digit-level-description {} .digit-level-box { margin: 20px 0; float: left; width: 100%; border-bottom: 1px dotted black; } .badges-level-bar { padding: 0 0 10px; margin-bottom: 15px; float: left; width: 100%; } .badges-level-bar:first-child { padding: 0 0 15px; } .digit-colored-level-bar { padding: 5px 10px !important; float: left; width: 100%; margin-bottom: 20px; font-weight: 700; color:#000000; } .digit-colored-level-bar-open-close { margin-top: 13px; } .single-quests .digit-colored-level-bar-open-close { margin-top: 0; margin-bottom: 5px; font-weight: bold; } .level-name { float: left; width: 75%; font-weight: 700; color:#000000; } .open-close-switch, .open-close-switch-badge-quests { float: right; } .open-close-switch a, .open-close-switch-badge-quests a { text-decoration: none; font-weight: 700; cursor: pointer; } .show-hide { margin-left: 10px; } .show-hide-close { background: url('images/arrows.png') top no-repeat; width: 22px; height: 7px; display: inline-block; margin-left: 5px; background-position: 0 -21px; } .show-hide-open { background: url('images/arrows.png') top no-repeat; width: 22px; height: 7px; display: inline-block; margin-left: 5px; background-position: 0 -14px; } .show-hide-close-sidebar { background: url('images/arrows.png') top no-repeat; width: 22px; height: 7px; display: inline-block; margin: 10px 0 0 5px; background-position: 0 -7px; } .digit-level-box .wds-item-attached, .wds-group-list .wds-item-attached, .digit-level-badges .wds-item-attached { float: right; clear: both; } .show-hide-button { margin-bottom: 10px; } .manage-quests .wds-item-attached { float: left; } .digit-level-box .wds-item-attached a, .wds-group-list .wds-item-attached a, .digit-level-badges .wds-item-attached a { font-weight: 700; cursor: pointer; padding: 10px 0 0 0; } .digit-level-box .wds-item-image, #wds-group-list .wds-item-image { float: left; width: 100px; margin-right: 20px; } .badge-page-left .wds-item-image, .quest-page-left .wds-item-image { float: left; margin-right: 20px; text-align: center; } #digit-level-badges { float: left; margin-top: 30px; } .digit-level-badges .wds-item-image { float: left; margin-right: 20px; } .wds-item-image .send-badge { margin-bottom: 10px; display: inline-block; padding: 5px 10px; line-height: 1; } .wds-item-image .nominate { margin-bottom: 10px; display: inline-block; padding: 5px 16px 7px; height: 20px; } .badge-page-left .wds-item-image img, .quest-page-right-left .wds-item-image img { float: left; margin-bottom: 10px; } .digit-level-box .wds-item-info, .digit-level-badges .wds-item-info { float: left; margin-right: 20px; width: 208px; } .digit-level-box .wds-item-info h2 { font-weight: 700; } .digit-level-box .wds-item-image img, #wds-group-list .wds-item-image img, .digit-level-badges .wds-item-image img { width: 100px; } #group-badge-button { float: right; margin-bottom: 20px; } #group-badge-button input[type=submit] { margin-left: 10px; } .associated-badge { float: left; } .associated-badge img { width: 50px; } .badge-page-left { clear: both; } .badge-page-right, .quest-page-right { margin: 0 0 0 175px; } .badge-page-right h2, .quest-page-right h2, .badge-page-right h3, .quest-page-right h3 { font-weight: 700; } .single-quests .submited-quest h3 { margin-bottom: 15px; } #badges-top-section { float: left; width: 450px; min-height: 145px; margin: 10px 0; padding-bottom: 10px; } .single-quests #badges-top-section { float: left; width: 340px; min-height: 145px; margin: 0 0 10px; padding-bottom: 10px; } .badge-at-play { width: 100px; float: right; margin-left: 10px; } .badge-at-play img { width: 90px; } #badge-at-play { width: 100px; float: left; margin-left: 10px; } #badge-at-play img { width: 90px; } .wds-badge-border { border-bottom: 1px dotted black; margin: 10px 0; clear: both; } .send-this-badge, .discuss-with-others { padding: 5px 10px; text-decoration: none; } .badge-quests-window { clear: both; float: right; width: 350px; } .group-members .badge-quests-window { width: 465px; margin-top: 20px; } .badge-quests-window .attached-quest { float: left; margin-right: 5px; width: 170px; position: relative; } .attached-quest-link { display: block; } .badge-quests-window img { width: 75px; float: left; } .badge-quests-window a { text-decoration: none; font-weight: 700; cursor: pointer; } .badge-quests-window .player-stats { float: left; width: 275px; } .badge-quests-window .level-progress { margin: 10px 5px; } .badge-quests-window .needed-next-level h2.my-progress { font-weight: normal; } .badge-quests-window .needed-next-level { margin: 0 0 0 15px; } .badge-quests-window .player-stats h2 { font-weight: 700; } .badge-quests-window .player-stats .current-box { float: left; clear: both; } .badge-quests-window .player_badges { width: 190px; float: right; } #member-list .badge-quests-window .player_badges .badge-block .badge-icon { width: auto; height: auto; } #member-list .badge-quests-window .player_badges .avatar { margin: 0; padding: 3px; border: 0 none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 50px; height: 50px; } .pre-req-badges a { font-weight: 700; text-decoration: none; } .quest-page-left { clear: left; } .quest-page-left-left a { text-decoration: none; font-weight: 700; } .quest-page-left-left { margin: 0 5px 20px 0; width: 150px; display: inline-block; vertical-align: top; } .quest-page-left-left img { width: 50px; float: left; margin-right: 5px; } .prev-quest-link { margin-right: 20px; } .quest-nav { text-decoration: none; font-weight: 700; } .badge-at-play a { font-weight: 700; text-decoration: none; } #submitted-quest p { margin: 20px 0; } #quest_submission_form .game_nomination { margin-bottom: 20px; border-bottom: 1px dotted black; } .save-submission-button { margin-right: 20px; } .single-quests .save-submission-button, .single-badges .save-submission-button { margin-right: 0px; border-right: 1px dotted #fff; padding: 0 5px !important; } .single-quests .submission-buttons .generic-button-right, .single-badges .submission-buttons .generic-button-right { border-left: none; padding: 0 5px; } .game_submission_text { padding: 4px 5px; width: 613px; height: 200px; } .badge-page-right .unlocked-by { float: left; width: 100%; margin: 0 0 10px; } .unlocked-by .avatar-block { width: 390px; margin: 0 auto; } .unlocked-by .item-avatar { float: left; margin-right: 20px; width: 175px; margin-top: 15px; } .unlocked-by .item-avatar .members-avatars { float: left; display: block; } #badges-inner .learn-more { float: left; clear: both; margin-top: 20px; padding-top: 20px; border-top: 1px dotted #000; } .badge-page-right .bottom-buttons { float: left; width: 100%; margin-top: 10px; } .badge-top-nav { clear: both; } .earn-badge { float: right; text-decoration: none; text-align: center; padding: 5px 30px; } .badge-title-top { float: left; } .badge-title-top .points { margin: 0 0 0 15px; } .bpfb_form_container { clear: both; background: none !important; padding: 0 !important; } .bpfb_actions_container { float: right; margin-top: 4px; } .bpfb_final_link .bpfb_link_preview_container { float: none !important; display: inline-block; } .bpfb_final_link .bpfb_link_contents { width: auto !important; clear: both; } #context_submission_form .game_submission_text { width: 415px; } .bpfb_toolbarItem { margin-right: 0 !important; } #bpfb_addPhotos, #bpfb_addVideos, #bpfb_addLinks, #bpfb_addDocuments { background: none repeat scroll 0 0 #C8C8C8 !important; font-weight: 700; color: #fff; } #bpfb_addPhotos, #bpfb_addVideos, #bpfb_addLinks { border-right: 1px dotted #fff; } #bpfb_addPhotos { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } #bpfb_addDocuments { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } #bpfb_addVideos, #bpfb_addLinks { border-radius: 0 !important; } .more-results { margin: 8px 10px; } .wds_badge_icons { clear: both; } .submission-completed { background: url('images/completed.png') top no-repeat; width: 40px; height: 50px; text-indent: -9999px; position: absolute; margin-left: 25px; display: block; } .digit-level-quests .submission-completed { margin-left: 19px; } .attached-quest .wds-item-completed, .quest-completed { background: url('images/completed-small.png') top no-repeat; width: 20px; height: 25px; text-indent: -9999px; position: absolute; display: block; margin-top: 5px; margin-left: 19px; } .single-badges .attached-quest { width: 150px; float: left; margin-left: 0; position: relative; min-height: 100px; } .single-badges .attached-quest img { float: left; width: 75px; } .single-badges .attached-quest-link { margin-top: 20px; font-weight: 700; text-decoration: none; } #wds_select_filter { float: left; margin-right: 18px; margin-top: 10px; } .digit-top-sort { float: left; margin-top: -9px; } .wds-share-buttons { float: left; } .member-badges .open-close-embed-switch { float: right; } .wds-embde-code-textarea textarea { width: 100%; float: left; clear: both; margin-top: 10px; } .wds-date-issued { display: block; margin: 0 0 0 110px; } h3.wds-item-title { margin: 0 0 0 110px; } .game_nomination_student { margin: 10px 0; } .nominators-field { float: none !important; width: 30px !important; margin-left: 13px; } .wds-activity-triggers input[type=text] { width: 25px !important; margin-bottom: 10px; } .wds-activity-triggers input[type=checkbox] { float: left; margin: 4px 0 20px -5px; width: 20px; } .trigger-name { width: 325px; float: left; margin-right: 20px; } .trigger-number { width: 140px; } .item-capability ul { /*min-height: 80px;*/ margin-bottom: -10px; } .item-capability ul li { margin-bottom: 10px; } .groups .item-capability ul { margin-bottom: 0; margin-left: 2.2em; } .groups .item-capability li { list-style-type: square; } .item-capability-img { margin-bottom: 0 !important; } .wds-activity-triggers #completed_quests, .wds-activity-triggers #specific_levels, #specific_badges { padding: 5px 0 0 17px; margin-bottom: 10px; background: #FDF59D; } #specific_badges { margin-top: 20px; padding-bottom: 10px; } .wds-activity-triggers #completed_quests td, .wds-activity-triggers #specific_levels td, #specific_badges td { padding-right: 15px; } .remove-badge-from-user-link { clear: both; float: right; } /****************************************************************** =19 FOOTER STYLES ******************************************************************/ #footer { clear: both; margin-top: -135px; margin-right: auto; margin-bottom: 0; margin-left: auto; height: 30px; } #footer .wrap { padding: 7px 0 5px; } #footer a, #footer a:visited { text-decoration: none; } #footer a:hover { text-decoration: none; } .creds { float: right; padding: 0 10px 0 0; text-align: right; width: 740px; } .landing-login #footer .wrap, .activation #footer .wrap { width: 600px; color: #808080; text-align: center; } .landing-login #footer .alignright, .activation #footer .alignright { float: left; margin-left: 7px; } .footer-left-text { float: left; padding-top: 18px; } .learning-powered-text { margin-left: 30px; } .badgestack-footer { margin-left: 10px; margin-bottom: -10px; } #footer #subnav .nav li a, #footer #subnav .menu li a { display: block; padding: 6px 15px 5px; position: relative; text-decoration: none; } #footer .nav li a, #footer .menu li a { display: block; padding: 6px 15px 5px; position: relative; text-decoration: none; color: #fff; } #footer .alignleft { margin-left: 185px; } #footer .alignright { float: left; clear: left; color: #808080; margin-left: 200px; } #footer .alignright #learning-powered { float: left; } .digit-game-padder { clear: both; } .footer-bottom { background: url(images/footer-bottom.png) top no-repeat; width: 748px; height: 60px; position: relative; left: -24px; bottom: -56px; clear: both; } .landing-login .footer-bottom, .registration .footer-bottom, .activation .footer-bottom { display: none; } .landing-login #wrap { display: inline; } /****************************************************************** =20 THICKBOX ******************************************************************/ .wds-thickbox-inner { margin: 0 30px; } .wds-thickbox h1 { border-bottom: 1px dotted black; padding-bottom: 10px; margin-bottom: 20px; } #add-library-form label { font-weight: 700; float: left; width: 150px; text-align: right; margin-right: 20px; } #add-library-form .wds-group-form-item { width: 100%; float: left; margin-bottom: 20px; } #add-library-form .buttons { margin-left: 170px; } #cat_1_container, #cat_2_container, #cat_3_container { float: left; margin-right: 10px; } .wds-thickbox #add-library-form textarea { padding: 4px 5px; width: 383px; height: 60px; } .wds-thickbox-close { text-decoration: none; font-weight: 700; float: right; } /****************************************************************** =21 LEADERBOARDS ******************************************************************/ .leaderboard-title { float: left; margin-bottom: 20px; } .leaderboards .digit_board_left { width: 100%; min-height: 300px; width: 405px; margin-bottom: 20px; padding: 20px 0 0 60px; float: left; border-top: 1px dotted #000; background: url('images/leaderboard.png') top left no-repeat; } .leaderboard-info { float: left; width: 225px; margin-right: 10px; } .leaderboard-table { float:left; display:inline; width: 160px; } .leaderboard-table .student-pos { padding-right: 10px; } .leaderboard-table .student-name { padding-right: 10px; width: 100px; } .leaderboard-table .student-name a { font-weight: 700; text-decoration: none; } .leaderboard-table .student-points { text-align: right; } /****************************************************************** =22 QUEST PAGES ******************************************************************/ h1.entry-title { float: left; } .hentry h1.entry-title { width: 100%; } #digit-quests-list { width: 100%; clear: both; margin-top: 20px; margin-bottom: 10px; padding-top: 10px; border-top: 1px dotted #000; display: inline-block; } #digit-quests-list .quest-group-form { float: right; } #digit-quests-list .digit-top-filter { float: left; clear: both; } .quest-change-group { margin-left: 10px; } #digit-level-quests .wds-item-info { width: 500px; margin: 15px 0 0; } #digit-level-quests .wds-item-attached, #digit-level-quests .wds-item-description { float: left; clear: both; } .green_form_container #tinymce { background: #e3f2e4 !important; } .red_form_container #tinymce { background: #fae4e4; } .single-quest-lower-wrap { width: 100%; } .single-quests .game_submission_instructions { width: 340px; } .learn-more h3 {} #input_comment { width: 100%; } /** Styling comments on quests */ .quest-comments { float: left; margin-top: 30px; width: 100%; } .quest-comments h3 { margin-bottom: 10px; } .subm-comment { padding-bottom: 20px; } .subm-avatar { float: left; margin-right: 20px; } .subm-name a { font-weight: 700; color: #000 !important; } .subm-date { color: #c8c8c8; } /****************************************************************** =23 SETTINGS PAGE ******************************************************************/ .settings #item-body { width: 465px; float: right; } .settings #item-body .item-list-tabs, .settings .activity-feed .item-list-tabs { border-bottom: dotted 1px #000; margin: 10px 0; float: left; width: 100%; } .settings #item-body .item-list-tabs li, .settings .activity-feed .item-list-tabs li { width: 130px; text-align: center; padding-top: 5px; margin-left: 20px; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; } .settings #item-body .selected, .settings .activity-feed .selected { background: #fff !important; border-left: dotted 1px #000; border-top: dotted 1px #000; border-right: dotted 1px #000; position: relative; top: 1px; } .settings #item-body .item-list-tabs a, .settings .activity-feed .item-list-tabs a { text-decoration: none; font-weight: 700; padding: 6px 0 5px !important; } .settings input[type=text], .settings input[type=password] { display: block; padding: 4px 5px; width: 250px; height: 25px; background: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#ffffff'); background: -webkit-gradient(linear, left top, left 4, from(#b8b8b8), to(#ffffff)); background: -moz-linear-gradient(top, #b8b8b8, #ffffff 4px); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #b8b8b8; clear: both; } #pass1 { margin-top: 20px; } .settings label { clear: both; float: left; width: 100%; margin-top: 20px; } .settings label:first-child { margin-top: 0; } .settings-submit { margin-top: 20px; } .notification-settings { width: 465px; } .notification-settings .main { width: 415px; } .notification-settings .title { width: 387px; text-align: left; } .notification-settings .yes, .notification-settings .no { width: 35px; text-align: center; } /****************************************************************** =24 GROUP REPORTS ******************************************************************/ .pie-circle { line-height: 20px !important; } .report-container #results_div a { text-decoration: none; text-transform: capitalize; font-weight: 700; } .report-main-item { font-weight: 700; } .reports .digit-game-page-title { float: left; } .view-all-button { float: right; } .report-main-item {} .report-main-item td { vertical-align: top; } /****************************************************************** =27 GENERAL USER PAGES ******************************************************************/ #home-header-content { padding: 0; width: 625px; float: left; } .home #home-header-content { padding: 15px 30px; } #home-header-content h2 { float : left; } #home-header-content .alignright { margin-top: 10px; } #home-header-content a { font-weight: 700; text-decoration: none; } #home-header-content .edit-profile-link { margin-right: 20px; } #home-header-content .view-profile-link {} #home-header-content h2 { margin-bottom: 0; } .member-page-user-subtitle { float: left; clear: both; margin: 0 0 10px; } #home-header-content .user-status { color: #C8C8C8; font-size: 12px; font-weight: 700; float: left; margin: 12px 0 0 10px; } #home-header-content .user-status-bullet { font-size: 26px; float: left; margin: -9px 5px; } #members-list .user-status { color: #C8C8C8; font-size: 12px; font-weight: 700; margin: 12px 0 0 10px; } #members-list .user-status-bullet { font-size: 20px; position: relative; top: 3px; margin-right: 3px; } .game-home #activity-feed { margin-top: 10px; } .teacher-box .pending-buttons { float: left; margin: 10px 0; } .teacher-box .large-num { margin: 0 !important; clear: both; } .teacher-box .request-text { float: left; clear: both; margin-top: -10px; } .teacher-box .generic-button { text-decoration: none; padding: 5px 15px; } .teacher-box .invite-students { float: left; } .group-admin .invite-students { float: left; clear: both; margin-top: 10px; } .teacher-box .generic-button-left, .teacher-box .generic-button-right { text-decoration: none; padding: 5px 15px; } .teacher-box .generic-button-left { margin-right: -3px; border-right: 1px dotted #fff; } .get-help h1.entry-title { clear: both; width: 100%; margin-bottom: 20px; } .help-title { margin: 10px 0 -10px; padding: 10px 0 0 60px; float: left; border-top: 1px dotted #000; background: url('images/get-help-info.png') 10px 0 no-repeat; width: 565px; height: 40px; font-weight: 700; } .post-49 p { padding-left: 60px; } .post-49 p:first-child { padding-left: 0; } .help-ball h3 { font-weight: 700; } .help-ball a { font-weight: 700; text-decoration: none; } .game-home .my-quest-badges a, .game-home .my-reward-points a { text-decoration: none; } /****************************************************************** =26 CONTACT PAGE ******************************************************************/ .contact-page-form { float: left; width: 100%; border-top: 1px dotted #000; margin-top: 20px; } /****************************************************************** =27 DOCUMENT PAGE ******************************************************************/ #bp-group-documents-name { padding: 4px 5px; width: 454px !important; height: 30px; margin-bottom: 20px; } #bp-group-documents-description { padding: 4px 5px; width: 454px !important; height: 60px; margin-bottom: 20px; } #bp-group-documents-list li { border-bottom: 1px dotted #000; margin-bottom: 10px; padding-bottom: 10px; } /****************************************************************** =28 GRAVITY FORMS ******************************************************************/ .contact-page-form .gform_wrapper { max-width: none !important; } .contact-page-form input[type=text] { padding: 4px 5px !important; height: 30px; } .contact-page-form textarea { padding: 4px 5px !important; width: 98.2% !important; height: 60px; } /****************************************************************** STANDARD FORM ******************************************************************/ .standard-form textarea, .standard-form input[type=text], .standard-form select, .standard-form input[type=password], .dir-search input[type=text] { font: inherit; font-size: 14px; padding: 6px; } .standard-form select { padding: 3px; } .standard-form input[type=password] { margin-bottom: 5px; display: block; } .standard-form label, .standard-form span.label { display: block; font-weight: bold; margin: 11px 0 5px 0; } .standard-form div.checkbox label, .standard-form div.radio label { font-size: 14px; font-weight: normal; margin: 5px 0 0 0; } .standard-form#sidebar-login-form label { margin-top: 5px; } .standard-form input[type=text] { width: 75%; } .standard-form#sidebar-login-form input[type=text], .standard-form#sidebar-login-form input[type=password] { padding: 4px; width: 95%; } .standard-form #basic-details-section input[type=password], .standard-form #blog-details-section input#signup_blog_url { width: 35%; } .standard-form#signup_form input[type=text], .standard-form#signup_form textarea, .form-allowed-tags, #commentform input[type=text], #commentform textarea { width: 90%; } .standard-form#signup_form div.submit { float: right; } div#signup-avatar img { margin: 0 15px 10px 0; } .standard-form textarea { width: 75%; height: 120px; } .standard-form textarea#message_content { height: 200px; } .standard-form#send-reply textarea { width: 97.5%; } .standard-form p.description { color: #888; font-size: 11px; margin: 5px 0; } .standard-form div.submit { clear: both; padding: 15px 0 0 0; } .standard-form p.submit { margin-bottom: 0; padding: 15px 0 0 0; } .standard-form div.submit input { margin-right: 15px; } .standard-form div.radio ul { margin: 10px 0 15px 38px; list-style: disc; } .standard-form div.radio ul li { margin-bottom: 5px; } .standard-form a.clear-value { display: block; margin-top: 5px; outline: none; } .standard-form input:focus, .standard-form textarea:focus, .standard-form select:focus { background: #fafafa; color: #555; } /****************************************************************** =28 SUBMISSION THICKBOX ******************************************************************/ .wds-thickbox { margin-top: 20px; } .submission-avatar { float: left; display: block; width: 150px; min-height: 150px; } .subsmission-content { float: left; } .submission-content a { font-weight: normal; text-decoration: none; } .submission-badge-title { font-weight: 700; } .submission-yellow-box { background: #faffbd; display: block; margin: 10px 0 0 150px; padding: 10px; } .submission-bottom { margin-left: 80px; } .submission-bottom .content { margin-left: 70px; } .submission-bottom .comments h3 { margin-left: 70px; } .submission-bottom .comments .subm-avatar { float: left; margin-right: 12px; } .submission-bottom .comments .subm-name a { text-decoration: none; font-weight: 700; text-transform: capitalize; } .wds-thickbox .nominations { margin-left: 150px; } .wds-thickbox .nominations img { margin-left: 10px; } .green_form_container body { background: red !important; } .each_student { width: 180px; margin: 10px 10px 10px 0; padding: 5px 5px 0; float: left; cursor: pointer; } .each_student.selected { background: #e2f2e5; } #send_items_form h4, #send_items_form textarea, #send_items_form .submission-buttons { clear: both; } #send_items_form textarea { float: left; } #send_items_form .generic-button { margin-top: 10px; } /****************************************************************** =30 CREATE GROUP PAGES ******************************************************************/ .group-create #inner .wrap { background: url(images/wrap-bg.gif) top left repeat-y; } .group-create h1 { border-bottom: 1px dotted black; margin-bottom: 10px; } .group-create label { float: left; width: 100%; } #group-create-tabs { float: left; margin-bottom: 20px; } #group-create-tabs li { float: left; margin-right: 20px; font-weight: 700; } #group-create-tabs a { text-decoration: none; } .group-create input[type=submit] { cursor: pointer; } .group-create .checkbox, .group-create .radio { float: left; margin-bottom: 10px; clear: both; } #group-create-body { clear: both; } .group-create .avatar-skip, .group-create .select-people { margin: 20px 0 5px; } /****************************************************************** =31 IE FIXES ******************************************************************/ /****************************************************************** =32 PRINT STYLESHEET ******************************************************************/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } #digit-attach-box { clear: both; } .submission-attachments { padding: 15px 0; } .submission_attachment { clear: both; } .delete-icon { float: left; padding: 3px 5px; } img.file-png { height: 20px; width: 20px; display: inline; max-width: none; margin: 0 0 0 0; vertical-align: middle; padding: 0 5px; } .digit-level-info { clear: both; } .wds-context-link.even { float: right; width: 48%; border-bottom: 1px dotted black; min-height: 110px; margin-bottom: 15px; clear: right; } .wds-context-link.odd { float: left; width: 48%; border-bottom: 1px dotted black; min-height: 110px; margin-bottom: 15px; clear: left; } .wds-context-image { float: left; margin: 0 15px 0 0; } .wds-context-image img { width: 100px; } .wds-thickbox-header-info { clear: both; margin: 0 0 15px 0; } .wds-item-image.alignleft { width: 130px; text-align: center; font-size: 13px; } .wds-item-image.alignleft img { width: 100px; height: auto; } .submission-content h3.bold, .wds-thickbox-header-info h3.bold { font-size: 13px; } .submission-content h3.bold { margin-top: 15px; } .submission-bottom textarea#input_comment { width: 495px; } .submission-content { margin: 0 0 0 150px; } .submission-bottom .buttons { margin: 0 0 0 70px; } .submission-bottom .buttons input { margin: 15px 10px 15px 0; } .generic-button.group-subscription-options { border: 0 none; font-weight: normal; } .generic-button.group-subscription-options a { font-weight: 700; } .send-this-title { padding: 15px 0; } .send-this-header-links { position: absolute; top: 0; right: 0; padding: 5px; } /****************************************************************** =33 SINGLE SESSION PAGE ******************************************************************/ .rounded, .rounded .featured, .rounded .keynote { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* DIV Styling */ .single-sessions #inner-wrap, #session-wrap { float: left; background: #fff; width: 645px; padding: 0 20px 20px; font-family: 'Droid Sans', sans-serif; font-size: 12px !important; } #session-wrap p { font-size: 12px; } #full-header { float: left; width: 100%; border-bottom: 1px dashed #7e7e7e; padding-bottom: 15px; margin-bottom: 15px; } #full-header p a { font-weight: bold; } #full-header h2 { float: left; font-size: 34px; } .header-session { border-bottom: 1px solid #CCCCCC !important; padding-bottom: 0; } #full-header.header-session, .header-session .content-block, .header-session .sponsored-by { padding-bottom: 0; } .header-session .sponsored-by, .header-session .sponsored-by .badge-wrapper { margin-bottom: 0; } #full-header-search { float: right; margin-bottom: 10px; } #full-header-search input { padding: 4px; float: left; } #full-header-search input#s { width: 128px; margin-right: 8px; } #full-header-search input#header-search-box-submit { margin-top: 4px; width: 36px; } .header-presenter { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; padding-top: 20px; } .content-block.presenter { border-bottom: 1px solid #CCCCCC; margin-top: 30px; } span.ill-view-full { display: block; clear: both; width: 121px; text-align: center; font-size: 12px; padding: 2px 0; } .filter-dropdown { float: left; width: 25%; } .filter-dropdown.last, .filter-dropdown:last-child { width: auto; } .presenter-search-box { float: left; width: 260px; } .sort-grid-list { margin-top: 4px; float: right; /*font-size: 11px; color: #AAA; width: 110px;*/ } .grid-list-icon { float: right; } .sort-grid-list label { float: left; width: 120px; height: 28px; clear: both; /*line-height: 20px;*/ } .sort-grid-list a label { width: 105px; /*line-height: 20px;*/ } /*.sort-grid-list label:hover { color: #5B91A4; }*/ .grid-list-link { position: relative; top: -5px; color: #ccc; } /*.sort-grid-list input[type=radio] { display: none; }*/ .content-block { float: left; width: 100%; border-bottom: 1px dashed #00A7A7; padding-bottom: 24px; margin-bottom: 18px; position: relative; font-size: 11px; } .single-ideas .content-block { border-bottom: 1px dashed #000; } #full-header .content-block { border-bottom: none; } #full-header.header-presenter .content-block { border-bottom: 1px solid #CCC; } .content-block.sponsored-by { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-top: 40px; padding-top: 10px; } .session-archive-grid .content-block { background: url(/wp-content/plugins/meetingstack-basic/i/bg-content-block-dashed.gif) top center repeat-y; border: 0; margin-top: 15px; } .session-archive-grid .content-block.rounded { padding-bottom: 0; } .session-archive-grid .content-block.solo { background: #FFF; } .session-archive-grid .content-block.solo .content-half { width: 100%; } .session-archive-grid .content-block hr { border: 0; border-bottom: 1px dashed #7e7e7e; margin: 0; padding: 0; position: relative; top: 40px; } .session-archive-grid .content-block.rounded hr { top: 15px; } .content-block.no-bg, .single-sessions .content-block, .content-block.session, .session-archive-list .content-block { background: none; } .content-block .content-block.session { border-bottom: none; margin-top: 10px; } .content-block .content-inner-wrap { margin: 0; } .content-half { float: left; width: 49%; /*border-right: 1px dashed #7e7e7e;*/ } /*.content-half.first, .content-half:first-child { border-right: 1px dashed #7e7e7e; }*/ .content-half.second { border-right: 0; } /*.first .inner-content, .content-half:first-child .inner-content-thumb { padding-right: 20px; } .session-archive-grid .first .inner-content, .session-archive-grid .content-half:first-child .inner-content-thumb { padding-right: 0; }*/ .second .inner-content, .content-half .inner-content { padding: 0 20px; } .rounded .inner-content { overflow: hidden; } .keynote { background: #f1f8fa; padding: 10px; border: 1px solid #ccc; } .featured { background: #fbfae7; padding: 10px; border: 1px solid #ccc; } .content-full { float: left; width: 100%; } .content-full-right, .content-full-left, .content-badges-right { float: left; } .content-full-left { width: 250px; margin-right: 20px; } .presented-by { float: left; width: 100%; font-size: 11px; margin-bottom: 15px; } .thumb-wrapper { width: 118px; float: left; margin: 0 20px 10px 0; text-align: center; } .thumb-wrapper .session-thumb { margin-top: 10px; } .thumb-wrapper .session-thumb:first-child { margin-top: 0; } .social-wrapper { width: 118px; float: right; margin: 0 0 10px 20px; border: 1px solid #ccc; padding: 10px; } #enter-discuss-wrap { clear: both; width: 100%; } .enter-discuss { width: 49%; float: left; text-align: center; } .resources-view { width: 50%; margin: 0 auto; text-align: center; } .enter-discuss .enter { background: url(/wp-content/plugins/meetingstack-basic/i/button-enter.png) 0 0 no-repeat; width: 175px; height: 75px; display: block; text-indent: -99999px; text-transform: capitalize; margin: 0 auto; } .enter-discuss .discuss { background: url(/wp-content/plugins/meetingstack-basic/i/button-discuss.png) 0 0 no-repeat; width: 171px; height: 75px; display: block; text-indent: -99999px; text-transform: capitalize; margin: 0 auto; } .enter-discuss .play { background: url(/wp-content/plugins/meetingstack-basic/i/button-play.png) 0 0 no-repeat; width: 172px; height: 75px; display: block; text-indent: -99999px; text-transform: capitalize; margin: 0 auto; } .resources-view .view { background: url(/wp-content/plugins/meetingstack-basic/i/button-resource-view.png) 0 0 no-repeat; width: 171px; height: 75px; display: block; text-indent: -99999px; text-transform: capitalize; margin: 0 auto; } .meta-field { width: 200px; float: left; margin-right: 22px; } .meta-field:last-child { margin-right: 0; } .meta-field a { font-weight: bold; } .session-content-inner { padding: 0; } .clear { clear: both; } /* Text Styling */ .single-sessions h2, #archive-sessions h2 { float: left; font-family: 'Adamina', serif; font-size: 26px; font-weight: normal; margin: 0; } h2.session-title { font-size: 26px !important; margin-bottom: 10px; margin-top: 20px; width: 100%; } h2.presenter-title { font-size: 26px !important; width: 100%; } h2.idea-title { margin-bottom: 0; } h3.idea-submitted { font-size: 12px; width: 100%; margin-top: 0; margin-bottom: 20px; } h3.idea-submitted a { font-weight: 700; } .inner-content-date { font-weight: 700; } .inner-content-headline { font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: 700; color: #5B91A4; width: 100%; margin: 15px 0 10px; } .rounded .inner-content-headline { margin-top: -5px; } .rounded .inner-content-headline, .rounded .entry-content, .rounded .presenter-wrapper, .rounded .badges-wrapper { margin-left: 125px; width: auto; } .org-url { color: #242424; } .presented-by-header { display: inline-block; margin: 10px 0 5px; font-size: 12px; } .content-half .presented-by-header { margin: 0 0 5px; } .rounded .presented-by-header { margin: 0 0 5px; } .inner-content-accent { color: #5B91A4; font-weight: 700; display: block; margin-bottom: 10px; font-size: 12px; } .single-ideas .inner-content-accent { color: #000; } .associated-badges-header { font-size: 12px; display: block; margin-bottom: 10px; } .content-block.session p { margin-top: 0; } .group-not-registered { font-size: 13px; font-weight: 700; font-style: italic; } /* Image Styling */ .inner-content-thumb { float: left; margin: 0 20px 10px 0; } .rounded .inner-content-thumb { position: absolute; top: 70px; margin-top: 5px; } .session-thumb img, .presenter-thumb img, .presenter-thumb-small img, .inner-content-thumb img { margin-bottom: 5px; /*padding: 3px;*/ border: 4px solid #fff; } .badge-thumb-small img { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } /* Form Styling */ #header-search-box { padding: 4px 5px; height: 13px; background-image: url(images/search-small.png), -webkit-gradient(linear, left top, left 4, from(#B8B8B8), to(white)); background-image: url(images/search-small.png), progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8B8B8', endColorstr='white'); background-image: url(images/search-small.png), -moz-linear-gradient(top, #B8B8B8, white 4px); background-position: 95% center; background-repeat: no-repeat; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #B8B8B8; font-weight: 700; margin-top: 5px; } .filter-dropdown-menu { width: 112px; margin-top: 5px; } /* Social Link Styling */ .facebook-link { background: url(/wp-content/plugins/meetingstack-basic/i/icon-facebook-share.png) 0 0 no-repeat; } .twitter-link { background: url(/wp-content/plugins/meetingstack-basic/i/icon-twitter-share.png) 0 0 no-repeat; } .blog-link { background: url(/wp-content/plugins/meetingstack-basic/i/icon-blog-share.png) 0 0 no-repeat; } .rss-link { background: url(/wp-content/plugins/meetingstack-basic/i/icon-rss-share.png) 0 0 no-repeat; } .google-link { background: url(/wp-content/plugins/meetingstack-basic/i/icon-google-share.png) 0 0 no-repeat; } .linkedin-link { background: url(/wp-content/plugins/meetingstack-basic/i/icon-linkedin-share.png) 0 0 no-repeat; } .rss-link { background: url(/wp-content/plugins/meetingstack-basic/i/icon-rss-share.png) 0 0 no-repeat; } .facebook-follow-presenter, .facebook-follow-sponsor { background: url(/wp-content/plugins/meetingstack-basic/i/icons.png) -170px 0 no-repeat; } .twitter-follow-presenter, .twitter-follow-sponsor { background: url(/wp-content/plugins/meetingstack-basic/i/icons.png) -340px 0 no-repeat; } .google-follow-presenter, .google-follow-sponsor { background: url(/wp-content/plugins/meetingstack-basic/i/icons.png) 0 0 no-repeat; } .linkedin-follow-presenter, .linkedin-follow-sponsor { background: url(/wp-content/plugins/meetingstack-basic/i/icons.png) -85px 0 no-repeat; } .rss-follow-presenter, .rss-follow-sponsor { background: url(/wp-content/plugins/meetingstack-basic/i/icons.png) -255px 0 no-repeat; } .follow-presenter-icon, .follow-sponsor-icon { width: 85px; height: 23px; float: left; text-indent: -999999px; margin-right: 20px; } .presenter-wrapper { clear: both; overflow: hidden; } .content-half .presenter-wrapper { float: left; width: 188px; clear: none; } .content-half .presenter-wrapper.multiple { width: 100%; } .presenter-wrapper h4 { font-weight: bold; font-size: 12px; } .social-wrapper { float: right; } .social-wrapper a { float: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; color: #5890A5; font-weight: 400; text-transform: uppercase; padding-bottom: 5px !important; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .social-wrapper a:hover { color: #000; } .addthis_toolbox.addthis_default_style span { margin-right: 10px; } .addthis_toolbox { margin-right: 0; } /*.addthis_toolbox .addthis_button_facebook { background-image: url('/wp-content/themes/badgestack/images/facebook_16.png'); } .addthis_toolbox .addthis_button_twitter { background-image: url('/wp-content/themes/badgestack/images/twitter_16.png'); } .addthis_toolbox .addthis_button_linkedin { background-image: url('/wp-content/themes/badgestack/images/linkedin_16.png'); } .addthis_toolbox .addthis_button_print { background-image: url('/wp-content/themes/badgestack/images/print_16.png'); } .addthis_toolbox .addthis_button_email { background-image: url('/wp-content/themes/badgestack/images/email_16.png'); } */ #session-wrap { position: relative; } .post-edit-link { position: absolute; top: 0; right: 0; } .social-wrapper .addthis_button_preferred_9 { border-bottom: 0; margin-bottom: 0; } /* Presenters Archive */ .post-type-archive-presenters .content-block { border-bottom: none; } .post-type-archive-presenters #full-header { margin-bottom: 0; } .post-type-archive-presenters #header-search-box { height: 15px; } .post-type-archive-presenters .inner-content { float: left; border-bottom: 1px dashed #7e7e7e; } .post-type-archive-presenters .inner-content:last-child { border-bottom: none; } .post-type-archive-presenters .entry-title { font-family: 'Droid Sans', sans-serif; } .presenter-archive-thumb { width: 60px; height: 60px; float: left; margin-top: 20px; margin-right: 20px; } .presenter-archive-content { float: left; width: 565px; padding-bottom: 15px; } .associated-sessions { float: left; width: 100%; } /* Single Presenters */ .session-list li { list-style: square; margin: 8px 0 0 20px; font-size: 16px; line-height: 14px; } .session-list li * { font-size: 12px; line-height: 14px; } #session-wrap .session-list li p { font-size: 11px; margin: 0; } .session-list li a { font-weight: 700; } .quote-overheard { background: url(/wp-content/plugins/meetingstack-basic/i/icon-quotation-mark.png) 40px no-repeat; min-height: 100px; } .inner-content-quote { padding: 18px 0 0 60px; display: block; text-indent: 20px; font-size: 14px; } .header-presenter a.userprofile { text-align: center; background: #0091A4; color: #FFF; border-radius: 5px; margin: -2px 0 0 12px; padding: 2px 8px; } .header-presenter a.userprofile:after { content: '\00A0\00BB'; } .header-presenter a.userprofile:hover { background: #F6F6EE; color: #0091A4; border: 1px solid #CCC; padding: 1px 7px; } .closed-caption { background: url(/wp-content/plugins/meetingstack-basic/i/icons.png) 0px -97px no-repeat; padding-left: 20px; } .mobile-access { background: url(/wp-content/plugins/meetingstack-basic/i/icons.png) 0px -76px no-repeat; padding-left: 20px; color: #5B91A4; font-weight: 700; height: 20px; display: table-cell; vertical-align: bottom; position: relative; cursor: pointer; } .mobile-access:hover .mobile-access-hover { display: block; } .mobile-access-hover { display: none; z-index: 9999; width: 400px; background: #fff; color: #000; font-weight: normal; padding: 20px 10px 20px 20px; position: absolute; top: 20px; left: 20px; font-size: 12px; } .mobile-access-hover li { margin-left: 20px; list-style: circle; font-size: 12px; } .mobile-access-hover .mobile-access-details { list-style: none; margin-top: 10px; } .mobile-access-hover a { font-weight: normal; } .clear.presenter-blog, .clear.sponsor-blog { clear: both; padding-top: 10px; } /* Badge Styling */ .badge-wrapper { float: left; width: 85px; min-height: 135px; margin: 0 19px 20px 0; } .badge-wrapper:last-child, .badge-wrapper.last { margin-right: 0; } .archive .badge-wrapper { width: 42px; height: 42px; min-height: 0; margin: 0 10px 10px 0; } .badge-thumb-small { width: 85px; height: 85px; } .sponsored-by .badge-thumb-small { width: auto; height: auto; } .archive .badge-thumb-small { width: 42px; height: 42px; } .badge-wrapper h4, .badge-wrapper h4 a { color: #5B91A4; font-size: 12px; font-weight: 700; text-align: center; } /* Related Resources */ .resource-wrapper { position: relative; width: 200px; padding-left: 90px; } .resource-wrapper h4, .resource-wrapper p { margin-left: 10px; } .resource-wrapper.left { float: left; } .resource-wrapper.right { float: right; } .resource-thumb-small img { width: 90px; height: 75px; } .resource-thumb-wrapper { position: absolute; top: 0; left: 0; } .resource-wrapper h4, .resource-wrapper h4 a { color: #5B91A4; font-size: 12px; } .resource-wrapper p { font-size: 11px; } .handouts-links ul { margin: 0; } .handouts-links li, .content-block li { list-style: square; margin-left: 15px; } .content-block ul { margin: 0 0 1.5em 15px; } /****************************************************************** =34 RESOURCES LISTING PAGE ******************************************************************/ .resources-grid .content-block, .resources-list .content-block { padding-bottom: 0; margin-bottom: 12px; } .resources-list .content-block { border-bottom: none; } .resources-grid .content-block { padding-bottom: 20px; } .resources-grid .content-block:last-child, .resources-list .content-block:last-child { border-bottom: none; } .resources-category-headline { font-family: 'Droid Sans', sans-serif; font-size: 12px; font-weight: 700; color: #000; padding-bottom: 12px; margin-top: 8px; } .resources-grid .content-third { float: left; width: 203px; margin-right: 12px; } .resources-grid .content-third.last { margin-right: 0; } .resources-grid .resource-thumb { float: left; width: 200px; height: 185px; border: 1px solid #ccc; padding: 2px; } .resources-list .content-list { float: left; width: 100%; border-bottom: 1px dashed #00A7A7; margin-bottom: 10px; padding-bottom: 20px; margin-top: 12px; } .ideas.resources-list .content-list { border-bottom: 1px dashed #000; } .resources-list .content-list:last-child { border-bottom: 1px solid #333; margin-bottom: 10px; } .resources-list .resource-thumb { float: left; width: 65px; height: 55px; border: 1px solid #ccc; padding: 2px; margin-right: 0; margin-left: 25px; } .resources-list .description { float: right; width: 535px; } .resources-grid .content-block .second .inner-content, .resources-list .content-block .second .inner-content { padding-left: 0; } .resources-grid .inner-content-headline { font-size: 12px; clear: both; padding-top: 8px; } .resources-list .inner-content-headline { font-size: 14px; float: right; width: 535px; margin: 0; } /****************************************************************** =36 PROGRAMS ARCHIVE ******************************************************************/ .program-featured-post { float: left; width: 430px; } .featured-program-image { -moz-box-shadow: 0 3px 5px #aaa; -webkit-box-shadow: 0 3px 5px #AAA; box-shadow: 0 3px 5px #AAA; margin: 5px 0 10px; } /****************************************************************** =37 TEAM FORM ELEMENTS ******************************************************************/ #team-form .player-name a { font-weight: bold; } #team-form .report-main-item { padding-top: 20px; display: table-cell; } #add-team-lightbox label { width: 80px; float: left; } #add-team-lightbox input[type=text] { margin-bottom: 10px; } /****************************************************************** =38 SINGLE JOURNEYS ******************************************************************/ .single-journeys .journey-author { margin-bottom: 0; } .single-journeys .posttitle, .single-journeys .journey-submission-avatar, .single-journeys .journey-submission-content, .single-journeys #respond { float: left; margin-left: 0; } .single-journeys .entry { float: left; clear: both; margin-top: 10px; } .single-journeys #respond { width: 100%; } .single-journeys .journey-submission-avatar { margin: 0 15px 0 0; }