/*************************** General Styling ***************************/ /* Page Styling */ body { border-top: 1px solid #616161; background: #fff url(lib/images/background.png) left -15px repeat-x; } /* Text Styling */ a { color: #4b8cc6; } a:hover { color: #325670; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #58697b !important; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #1eadff; } /* Form Styling */ input[type="submit"], input[type="reset"], input[type="button"], button { background: #2D5069; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover { background: #273138; } #page-wrapper { padding-top: 0; } #page-shadow { border-radius: 0; box-shadow: none; } #content-wrapper, #precontent-wrapper { padding: 0; background: transparent; width: 100%; } /*************************** Header ***************************/ #header { margin-bottom: 20px; } /* Header */ #header-bottom { clear: both; background: none; padding: 0; width: 100%; overflow: hidden; } /* 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: 720px; margin-bottom: 20px; } #content.fullwidth { width: 100%; } /*************************** Sidebar ***************************/ /* Sidebar */ #sidebar { width: 230px; } /*************************** User Details ***************************/ ul.navmenu { width: 330px; float: right; } ul.navmenu li { float: left; width: 60px; height: 100px; margin-left: 20px; 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: 60px; height: 100px; } ul.navmenu li a:hover, ul.navmenu li a:active { background-color: #488cbd; } ul.navmenu li a span { display: none; } ul.navmenu li a.friends { background-image: url(lib/images/friends-icon.png); background-position: center; background-repeat: no-repeat; } ul.navmenu li a.groups { background-image: url(lib/images/forum-icon.png); background-position: center; background-repeat: no-repeat; } ul.navmenu li a.dedications { background-image: url(lib/images/dedications-icon.png); background-position: center; background-repeat: no-repeat; } ul.navmenu li a.profile { background-image: url(lib/images/profile-icon.png); background-position: center; background-repeat: no-repeat; } .login-name { width: 40%; float: left; margin-top: 50px; text-align: center; font-weight: bold; } #user-details a { color: #8bafce; } /*************************** Search panel ****************************/ #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; } #searchbar { 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; } #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 .last .button { float: right; margin-left: 6px; margin-top: 44px; width: 190px; } #dedicationFooter_container h3 { margin: 10px 0 5px 15px; font-size: 24px; } #dedicationFooter_container h4 { margin: 0px 0 0 15px; } #slider-wrapper { margin-bottom: 30px; border-top: none; padding: 0; height: 650px; width: 100%; border: 1px solid #349bbc; /*box-shadow:inset 0 0 3px #989898; -moz-box-shadow:inset 0 0 3px #989898;*/ background: #f5f1f0; } #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; } #dedication-data-panel span { display: inline-block; margin-right: 20px; } #dedicationComments_container { display: inline-block; } /*************************** Page/Post ***************************/ /* 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 .page-wrapper { background: url("lib/images/bg-header-overlay.png") no-repeat center top transparent; } /* Footer Widgets */ #footer-widgets { background: #e7e7e7; } #footer-widgets h3 { border: 0px; margin-bottom: 0px; text-align: left; background: transparent; } #footer-widgets .widget li { padding-top: 8px; } .footer-widgets-border-right { height: 2px; background: #95c3d2; } .footer-widgets-border-left { height: 2px; background: #1586ae; } #footer .widget a { color: #8ad0e8; } #footer .widget a:hover { color: #fff; } /* 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; } .widget h4 { font-size: 14px; } /* Homepage Widget Styling */ #sidebar-home .widget { width: 230px; /*width: 47%; margin-left: 3%;*/ 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: 240px; } #sidebar-home .widget.top_members a.button { color: #bf2d2d; text-shadow: none; background: #f4d2e3; border: 1px solid #eaa5ba; display: inline-block; line-height: 14px; font-weight: bold; } /* Sidebarposts widget */ .widget.sidebarposts img { padding: 0; border: 0; margin: 5px 0; } .widget.sidebarposts .post-loop { width: 100% !important; max-height: 150px; min-height: 150px; margin: 0; padding-bottom: 0; } .widget.sidebarposts .post-loop .post-meta { margin: 0; } .widget.sidebarposts .post-loop .post-thumbnail { margin: 0; } .widget.sidebarposts .post-loop .post-thumbnail { text-align: center; } .widget.sidebarposts h3, .widget.sidebarposts .post-loop .post-text { color: #34a089 !important; text-align: center; } .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; } /*************************** 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 ***************************/ .button { text-align: center; padding: 5px 20px; cursor: pointer; color: #ffffff; background: -moz-linear-gradient( top, #179dc2 0%, #085988); background: -webkit-gradient( linear, left top, left bottom, from(#179dc2), to(#085988)); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #0f3c5f; /*-moz-box-shadow: 0px 3px 11px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,000,217,0); -webkit-box-shadow: 0px 3px 11px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,000,217,0);*/ text-shadow: 0px 1px 1px rgba(15,60,95,0.8), 0px 1px 0px rgba(255,255,255,0.3); } /*************************** Comments Section ***************************/ /* Comment List */ h3.comments { border-bottom: 1px solid #e5e5e5; } /*************************** Page/Post ***************************/ /* Posts */ .post-loop { width: 100%; } .category-dedication.post-loop { text-align: left; max-height:280px; min-height:280px; border-bottom: 0; width: 32% !important; padding-right: 1%; } .home-page .post-loop { width: 49% !important; padding-right: 1% !important; } .post-text { text-align: left; } .post-text h2 { font-weight: normal; } .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: 150px; height: 150px; } .activity-comments .avatar, .bp-wrapper #whats-new-avatar .avatar, .bp-wrapper .item-list div.activity-avatar img { width: 50px; height: 50px; } .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-bottom #item-header-avatar { width: 80px; } #header-bottom #item-header-avatar .avatar { height: 50px; width: 50px; } #sidebar .my-groups-list .item-avatar .avatar { height: 50px; width: 50px; } #sidebar .my-groups-list .item { margin-left: 60px; } 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; } #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, .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 { background: #2D5069; font-size: 14px; color: #fff !important; } .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 { background: #273138; } #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; }