/*************************** General Styling ***************************/ /* Page Styling */ body { border-top: 1px solid #616161; background: #fff url(lib/images/background.png) left -25px repeat-x; font-family: Arial, Helvetica,sans-serif; } /* Text Styling */ a { color: #576a7b; /*#4b8cc6;*/ } a:hover { color: #325670; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #576a7b !important; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #1eadff; } #page-wrapper { padding-top: 0; width: 940px; text-align: left; } #page-shadow { border-radius: 0; box-shadow: none; } #content-wrapper, #precontent-wrapper { padding: 0; background: transparent; width: 100%; } /*************************** Header ***************************/ #header { margin-bottom: 10px; } /* Header */ #header-bottom { clear: both; background: none; padding: 0; width: 100%; overflow: hidden; height: 42px; } #header-profile { clear: both; background: none; padding: 0; width: 100%; overflow: hidden; height: 85px; font-size: 13px; line-height: 110%; } #header-profile .user-nicename { font-weight: bold; font-size: 13px !important; } /* Logo */ #logo span { } /*************************** Navigation Menu ***************************/ /* Top Level Nav */ #nav { } /*#nav ul a:hover, #nav ul a:hover { color: #6bb4cc; } #nav ul > li { border-color: #1f262c; } #nav ul > li:hover, #nav ul li:hover .sub-menu { background: #181e23; border-color: #161C20; border-bottom-color: #181e23; } #nav .sub-menu { background: #181e23; border-color: #161C20; }*/ /*************************** Main Content ***************************/ /* Main Content */ #content { width: 79.25%; margin-bottom: 20px; } #content.fullwidth { width: 100%; } #content.new-dedication { width: 49%; } #content.dedication-profile { width: 77.25%; } /*************************** Sidebar ***************************/ /* Sidebar */ #sidebar { width: 20.74%; } .sb-right #sidebar { margin-left: 0; } #sidebar.new-dedication { width: 49%; } #sidebar.dedication-profile { width: 22.74%; } /*************************** User Details ***************************/ ul.navmenu { width: 330px; float: right; margin-bottom: 10px; } ul.navmenu li { float: left; width: 51px; height: 85px; margin-left: 15px; /*box-shadow: 2px 1px 4px #999; background: #1586ae; border: 1px solid #1b7695; border-top: 0;*/ /*background: url(lib/images/bg-header.png) repeat-x;*/ } ul.navmenu li a { background-color: transparent; display: block; width: 51px; height: 85px; } ul.navmenu li a span { display: none; } ul.navmenu li a.friends { background-image: url(lib/images/icons.png); background-position: 0px -255px; background-repeat: no-repeat; } ul.navmenu li a.friends:hover { background-image: url(lib/images/icons.png); background-position: -52px -255px; background-repeat: no-repeat; } ul.navmenu li a.groups { background-image: url(lib/images/icons.png); background-position: 0px -85px; background-repeat: no-repeat; } ul.navmenu li a.groups:hover { background-image: url(lib/images/icons.png); background-position: -52px -85px; background-repeat: no-repeat; } ul.navmenu li a.events { background-image: url(lib/images/icons.png); background-position: 0px 0px; background-repeat: no-repeat; } ul.navmenu li a.events:hover { background-image: url(lib/images/icons.png); background-position: -52px 0px; background-repeat: no-repeat; } ul.navmenu li a.profile { background-image: url(lib/images/icons.png); background-position: 0px -170px; background-repeat: no-repeat; } ul.navmenu li a.profile:hover { background-image: url(lib/images/icons.png); background-position: -52px -170px; background-repeat: no-repeat; } ul.navmenu li a.logout { background-image: url(lib/images/icons.png); background-position: 0px -170px; background-repeat: no-repeat; } ul.navmenu li a.logout:hover { background-image: url(lib/images/icons.png); background-position: -52px -170px; background-repeat: no-repeat; } .login-name { color: #596a7c; width: 40%; float: left; margin-top: 40px; text-align: center; font-weight: bold; } #user-details a { color: #8bafce; } /*************************** Search panel ****************************/ #searchform { float: right; } #search-panel { /*background: url(lib/images/bg-search.png) repeat-x scroll 0 0 transparent; border: 1px solid #E9E9E9; margin-top: 10px; padding: 5px;*/ float: right; padding: 5px 0px 5px; } #searchbar { background: url("lib/images/search.png") repeat scroll 0 0 transparent; border-style: none; height: 14px; padding-left: 26px; width: 147px; margin: 0; /*background: url(lib/images/bg-search-inp.png) repeat-x scroll 0 0 transparent; border: 1px solid #D9D8D8; color: #666666; font-size: 11px; height: 27px; line-height: 27px; margin-right: 7px; padding: 0 10px; width: 265px;*/ } #searchsubmit { /*background: url(lib/images/bg-search-btn.png) repeat scroll center center transparent; border: 1px solid #D9D8D8; cursor: pointer; height: 29px; text-indent: -9999px; width: 26px;*/ height: 14px; display: none; } #search-icon { border-color: #666; } #search-icon.active, #search-icon:hover { background-color: #181e23; border-color: #161C20; border-bottom-color: #181e23; } #search-box { background-color: #aaa; display: inline; border: none; padding: 0; position: relative; } /*************************** Social Wrapper ***************************/ /* Social Wrapper */ #social-wrapper { background: #2f3b43; border-top: 5px solid #161C20; } /* Scroller */ #scroller a:hover { color: #1EADFF; } .scroller-bullet { color: #8BAFCE; } /*************************** Slider ***************************/ #dedicationTitle_container, #dedicationFooter_container { width: 100%; margin:0 auto; height: 75px; clear: both; text-align: center; padding: 0px; position: relative; } #dedicationTitle { line-height:65px; margin:0; color: #576a7b; padding: 5px 10px; display: inline-block; white-space: nowrap; } #dedication-data-panel { margin-top: 8px; padding: 5px; font-size: 16px; } #dedicationFooter_container { display: none; } #dedicationFooter_container .two { width: 50%; } #dedicationFooter_container .last { display: inline-block; height: 100%; } #dedicationFooter_container .button { float: right; margin-left: 5px; margin-top: 48px; width: 193px; font-size: 13px; font-weight: bold; padding: 3px 0; line-height: 19px; } #dedicationFooter_container h3 { margin: 10px 0 5px 8px; font-size: 24px; white-space: nowrap; } #dedicationFooter_container h4 { margin: 0px 0 0 8px; white-space: nowrap; } #slider-wrapper { margin-bottom: 15px; border-top: none; padding: 0; height: 650px; width: 100%; border: 1px solid #349bbc; background: #E7E7E7; } #slider-wrapper .error { background: #2F3B43; border-color: #161C20; } #slider-wrapper .error a { color: #8BAFCE; } #slider-inner-bg { background: #325670; } #dedication-data-panel img.dedicationFlag { width:32px; height:32px; vertical-align:middle; margin-top: -8px; } #dedication-data-panel span { font-size: 18px; font-weight: bold; display: inline-block; margin-right: 10px; } #dedication-data-panel a { color: #576a7b; } #dedicationComments_container { display: inline-block; width: 58.51% !important; } #dedicationComments_container #comments { } /*************************** Page/Post ***************************/ .page-title { border: none; } /* Share */ #share-review-link a { color: #077dc8; } #share-review-link a:hover { color: #325670; } /* Follow/Unfollow Button */ .wpfp-link { background: #2D5069; } .wpfp-link:hover { background: #273138; } /*************************** Review Filter Drop Downs ***************************/ .jqTransformSelectWrapper div span { color: #077dc8; } /*************************** Review Page ***************************/ /* Review Links */ #review-links li a { color: #2d5069; } #review-links li.tab-active a { color: #077dc8; } /* Site Score */ .site-score { background: #1eadff; } /* User Score */ .user-score { background: #698396; } /*************************** Related Items ***************************/ .related-post-title { color: #325670; } .related-post-title:hover { color: #077dc8; } /*************************** Profile Page ***************************/ /* Profile Boxes */ .profile-box a { color: #325670; } .profile-box a:hover { color: #077dc8; } /*************************** Footer ***************************/ #footer { width: 100%; text-align: center; background: #e7e7e7 url(lib/images/footer-column-bg.png) center no-repeat; border: 2px solid #349BBC; border-left: none; border-right: none; margin-top: 15px; } .footer-third { width: 200px; } /* Footer Widgets */ #footer-widgets { padding: 10px; background: transparent; margin: 0 auto; float: none; font-weight: bold; color: #576a7b; } #footer-widgets > div:first-child { margin-left: 180px; } #footer-widgets h3 { border: 0px; margin-bottom: 0px; text-align: left; background: transparent; } #footer-widgets #nav_menu-4 h3 { color: #ef54ca !important; } #footer-widgets #nav_menu-5 h3 { color: #f0776f !important; } #footer-widgets #nav_menu-6 h3 { color: #7dafc6 !important; } #footer-widgets .widget li { padding-top: 4px; text-align: left; } .footer-widgets-border-right { height: 2px; background: #95c3d2; } .footer-widgets-border-left { height: 2px; background: #1586ae; } #footer .widget a { color: #576a7b; } #footer .widget a:hover { color: #4B8CC6; } /* Footer Bottom */ #footer-bottom { background-color: #273138; border-top: 10px solid #161C20; color: #879197; } #footer-bottom a { color: #aab7bf; } /*************************** Widgets ***************************/ /* General Widget Styling */ .widget a { color: #325670; } .widget a:hover { color: #077dc8; } /* Posts Widget */ .posts-widget .post-cats { color: #077dc8; } .posts-widget .post-cats a { color: #077dc8; } .posts-widget .post-cats a:hover { color: #325670; } /* General Widget Styling */ .widget h3 { text-align: center; width: 100%; background: #cce6f5; border: 1px solid #2c85c7; color: #7da0b6; padding: 6px 0; display: inline-block; } .widget h4 { font-size: 14px; } #sidebar-home { width: 41.49% !important; } /* Homepage Widget Styling */ #sidebar-home .widget { width: 195px; margin-bottom: 30px; text-align: center; } #sidebar-home .widget h3 { background: transparent; border: 0px; padding: 0; margin: 0; } .widget img { border: 1px solid #349BBC; } /* Top members widget */ #sidebar-home .widget.top_members { color: #bf2d2d; width: 195px; float: left; } #sidebar-home .widget.top_members a { color: #bf2d2d; } #sidebar-home .widget.top_members h3 { color: #bf2d2d !important; font-size: 12px; text-transform: uppercase; } #sidebar-home .widget.top_members .post-text { text-align: center; font-size: 12px; font-weight: bold; float: none; heigth: 38px; } #sidebar-home .widget.top_members a.button { color: #bf2d2d; text-shadow: none; background: #f4d2e3; border: 1px solid #eaa5ba; display: inline-block; font-size: 14px; line-height: 14px; font-weight: bold; } /* Sidebarposts widget */ #sidebar-home .widget.sidebarposts { float: right; overflow: hidden; } .widget.top_members img, .widget.sidebarposts img { padding: 0; border: 0; margin: 5px 0; } .widget.top_members .post-loop, .widget.sidebarposts .post-loop { width: 100% !important; min-height: 150px; margin: 0; padding-bottom: 0; border: none; } .widget.top_members .post-loop .post-meta, .widget.sidebarposts .post-loop .post-meta { margin: 0; } .widget.top_members .post-loop .post-thumbnail, .widget.sidebarposts .post-loop .post-thumbnail { margin: 0; } .widget.top_members .post-loop .post-thumbnail, .widget.sidebarposts .post-loop .post-thumbnail { text-align: center; } #sidebar-home .widget.sidebarposts h3, #sidebar-home .widget.sidebarposts .post-loop .post-text { color: #34a089 !important; text-align: left; font-size: 12px; } .widget.sidebarposts a { color: #34a089 !important; } .widget.sidebarposts a span { font-weight: bold; } .widget.sidebarposts .post-loop .post-meta { color: #34a089; white-space: nowrap; line-height: 19px; } .widget.sidebarposts .post-loop .post-meta span a { font-weight: bold; } .widget.sidebarposts a.button { color: #34a089; text-shadow: none; background: #d7edeb; border: 1px solid #4da6a2; display: block; font-size: 14px; line-height: 14px; font-weight: bold; } .widget.sidebarposts .post-text .post-artist-song { white-space: nowrap; line-height: 19px; } .widget.widget_specialrecentposts { } .widget.widget_specialrecentposts h4 { font-size: 13px; line-height: 110%; font-family: Georgia, "Times New Roman", Times, serif; } .srp-widget-singlepost { border: none !important; margin: 0 !important; } .widget.widget_bp_my_groups_widget h3 { background: #4e778b !important; color: #9fd7f2 !important; border-color: #253b48; } .widget.widget_bp_my_groups_widget .my-groups-list .widget.widget_bp_my_groups_widget .my-groups-list .item-avatar .avatar { height: 50px; width: 50px; } .widget.widget_bp_my_groups_widget .my-groups-list li { border: none !important; margin: 0 !important; padding: 0 0 10px 0 !important; } .widget.widget_bp_my_groups_widget .my-groups-list .item { margin-left: 0px; text-transform: uppercase; } .widget.widget_bp_my_groups_widget .my-groups-list .item .item-title { width: 100%; } .widget.widget_bp_my_groups_widget .my-groups-list .item a { padding: 5px 5px; display: block; } .widget.widget_bp_my_groups_widget .my-groups-list .item a:hover { color: #f5b00c; background: #0f3d5f; -moz-box-shadow: inset 0 0 10px #262630; -webkit-box-shadow: inset 0 0 10px #262630; box-shadow: inset 0 0 10px #262630; } /*************************** Page Navigation ***************************/ /* Page & Comments Navigation */ .wp-pagenavi { margin: 10px 0; } .wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi.post-navi a span { margin-left: 0; margin-right: 10px; text-align: center; font-weight: normal; } .wp-pagenavi .pages { margin-right: 20px; } /* Page & Comments Navigation */ .wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi.post-navi a span { color: #495157; } .wp-pagenavi.post-navi a, .wp-pagenavi.post-navi a:hover, .wp-pagenavi .current, .wp-pagenavi a:hover, .wp-pagenavi.post-navi span, .wp-pagenavi.post-navi a span:hover { font-weight: bold; color: #077dc8; } /*************************** Others ***************************/ input[type="submit"], input[type="reset"], input[type="button"], button, #content-wrapper .widget input[type="button"], #content-wrapper .widget input[type="submit"], #content-wrapper .widget input[type="reset"], #content-wrapper .widget input[type="file"], #content-wrapper .widget button, #content-wrapper #groups-directory-form h3 a.button, .bp-wrapper #content-wrapper .button, .bp-wrapper #content-wrapper .button.submit, .bp-wrapper #content-wrapper ul.button-nav li a, .bp-wrapper #content-wrapper .generic-button a, .bp-wrapper #content-wrapper .comment-reply-link, .bp-wrapper #content-wrapper #previous-next input, .bp-wrapper #content-wrapper #submit_topic_cancel, .bp-wrapper #content-wrapper .acomment-options a, .bp-wrapper #content-wrapper .activity-meta a:hover span, a.button { font-size: 13px; font-weight: bold; line-height: 19px; text-align: center; padding: 5px 10px; cursor: pointer; color: #ffffff; background: -moz-linear-gradient( top, #179dc2 0%, #0f3d5f); background: -webkit-gradient( linear, left top, left bottom, from(#179dc2), to(#0f3d5f)); border: 1px outset #34404b; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .bp-wrapper #content-wrapper .button:hover, .bp-wrapper #content-wrapper .button.submit:hover, .bp-wrapper #content-wrapper ul.button-nav li a:hover, .bp-wrapper #content-wrapper .generic-button a:hover, .bp-wrapper #content-wrapper .comment-reply-link:hover, .bp-wrapper #content-wrapper #previous-next input:hover, .bp-wrapper #content-wrapper #submit_topic_cancel:hover, .bp-wrapper #content-wrapper .acomment-options a:hover, .bp-wrapper #content-wrapper div.item-list-tabs ul li a:hover span, .bp-wrapper #content-wrapper .activity-meta a span, a.button:hover { background: -moz-linear-gradient( top, #7cb9d0 0%, #466b94); background: -webkit-gradient( linear, left top, left bottom, from(#7cb9d0), to(#466b94)); border: 1px outset #7CB9D0; } input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .bp-wrapper #content-wrapper .button:active, .bp-wrapper #content-wrapper .button.submit:active, .bp-wrapper #content-wrapper ul.button-nav li a:active, .bp-wrapper #content-wrapper .generic-button a:active, .bp-wrapper #content-wrapper .comment-reply-link:active, .bp-wrapper #content-wrapper #previous-next input:active, .bp-wrapper #content-wrapper #submit_topic_cancel:active, .bp-wrapper #content-wrapper .acomment-options a:active, .bp-wrapper #content-wrapper div.item-list-tabs ul li a:active span, .bp-wrapper #content-wrapper .activity-meta a span, a.button:active { background: #0f3d5f; border: 1px inset #34404b; -moz-box-shadow: inset 0 0 10px #262630; -webkit-box-shadow: inset 0 0 10px #262630; box-shadow: inset 0 0 10px #262630; } /* Form Styling */ input[type="submit"].signup { background: -moz-linear-gradient( top, #77c24b 0%, #619e41) !important; background: -webkit-gradient( linear, left top, left bottom, from(#77c24b), to(#619e41)) !important; border: 1px outset #517f65 !important; } input[type="submit"]:hover.signup { background: -moz-linear-gradient( top, #b9f788 0%, #78b146) !important; background: -webkit-gradient( linear, left top, left bottom, from(#b9f788), to(#78b146)) !important; border: 1px outset #b9f788 !important; } #signup_form { background: #73c3e8; border-radius: 10px; padding: 20px; color: #3b71af; } #signup_form h2, #signup_form h3, #signup_form h4 { color: #3b71af !important; } #signup_form .submit { text-align: center; } /*************************** Comments Section ***************************/ /* Comment List */ #comments { margin: 0; } h3.comments { border-bottom: none; } .comment-box { margin: 0 0 15px; padding: 0; border: none; color: #576A7B; overflow: hidden; } .comment-meta { width: 405px; } .comment-author { font-size: 16px; } .comment-date { margin: 0; font-size: 12px; } .comment-text { padding: 0 25px 10px 0 ; font-size: 14px; } .comment-text p { line-height: 16px; } .comment-text p:first-child { margin: 0; } .more-comments { width: 66%; text-align: right; padding-right: 34%; } .more-comments a { color: #f5b00c; font-size: 14px; font-weight: bold; } #commentform { margin: 0; } #respond { padding: 0 25px 0 0; } #respond form { padding: 0; } #respond.homepage textarea { height: 90px !important; } #respond h3 { margin: 0; border-bottom: none; } .yjl-pager { margin: 20px 0; clear: both; } .yjl-pager .currentPager { background: #576A7B; color: white; } /*************************** Page/Post ***************************/ /* Posts */ .post-loop { width: 100%; } .category-dedication.post-loop { text-align: left; max-height: 230px; min-height: 230px; border-bottom: 0; width: 32% !important; display: inline-block; margin: 0; padding: 0; padding-right: 1%; overflow: hidden; } .category-dedication.post-loop .post-text { width: 95%; white-space: nowrap; overflow: hidden; } .home-page .post-loop { width: 49% !important; padding-right: 1% !important; max-height: 250px; min-height: 250px; } .home-my-dedications.post-loop, .home-dedicated-2-me.post-loop { border-bottom: 0; max-height: 230px; min-height: 230px; margin: 0; padding: 0; } .post-text { text-align: left; } .post-text h2 { font-weight: normal; white-space: nowrap; } .post-text h2 span { font-size: 115%; font-weight: bold; } .post-text img.dedicationFlag { width:24px; height:24px; vertical-align:middle; } .post-thumbnail { float: none; margin: 0; width: 100%; margin-bottom: 5px; } .post-thumbnail img { display: inline; padding: 5px; border: 1px solid #349BBC; background-color: #F5F1F0; } /*************************** BuddyPress ***************************/ .messages.bp-wrapper .avatar, .bp-wrapper .thread-avatar .avatar, .item-list li .avatar { width: 50px; height: 50px; } .activity-comments .avatar, .bp-wrapper #whats-new-avatar .avatar, .bp-wrapper .item-list div.activity-avatar img { width: 50px; height: 50px; } #members-list .item-avatar .avatar, #groups-list .item-avatar .avatar { width: 150px; height: 150px; } .activity-comments .ac-reply-content { margin-left: 85px; } .bp-wrapper ul.item-list .item, .bp-wrapper li .admin-links, .bp-wrapper .post-content, .widget ul.item-list .item { margin-left: 150px; } .bp-wrapper .item-list .activity-content { margin-left: 50px; } .bp-wrapper ul.item-list li div.item-title, .bp-wrapper ul.item-list li h4 { font-size: 16px; font-weight: bold; } .bp-wrapper ul.item-list div.action { width: 200px; } .bp-wrapper ul.item-list .item-desc { font-size: 12px; } .bp-wrapper div.poster-meta, .bp-wrapper .item-list .activity-content .activity-header, .bp-wrapper .item-list .activity-content .comment-header { font-size: 12px; } #header-profile #item-header-avatar { width: 80px; margin-right: 15px; } #header-profile #item-header-avatar .avatar { height: 77px; width: 77px; } REMOVE.forum a, .bbPress #content span.bbp-admin-links a, .bbPress #content .bbp-reply-permalink { color: #325670; } .forum a:hover, .bbPress #content span.bbp-admin-links a:hover, .bbPress #content .bbp-reply-permalink:hover, .bbPress #content div#item-header .updated { color: #077dc8; } .bp-wrapper .accepted, .bp-wrapper .accepted a, .bp-wrapper .accepted a:hover, .bp-wrapper .pending, .bp-wrapper .pending a, .bp-wrapper .pending a:hover, .bp-wrapper .disabled, .bp-wrapper .disabled a, .bp-wrapper .disabled a:hover { border-radius: 0; } #members-list li { width: 50%; float: left; } .bp-wrapper div.pagination { font-size: 14px; } .bp-wrapper ul.item-list div.action { margin-left: 150px; position: relative; width: auto; } .bp-wrapper div.item-list-tabs ul li a, .bp-wrapper div.item-list-tabs ul li span { padding: 10px 7px; color: #4B8CC6; } .bp-wrapper div#subnav.item-list-tabs { margin: 15px 0 10px; } .bp-wrapper .register-section, .bp-wrapper .create-form { border: none; margin: 0; padding: 20px; float: left; width: 42%; } #invite-anyone-group-list li { height: 100px !important; list-style: none !important; }