david
847d7638a0
Ticket #932 -> Comportamiento de los comentarios en la página de inicio Ticket #927 -> Cambiar los nombres de los usuarios por sus alias Ticket #935 -> Escribir comentarios sin recargar página Ticket #934 -> Paginación de comentarios sin recargar página git-svn-id: https://192.168.0.254/svn/Proyectos.ASong2U_Web/trunk@37 cd1a4ea2-8c7f-e448-aada-19d1fee9e1d6
1235 lines
25 KiB
CSS
1235 lines
25 KiB
CSS
/*************************** 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: 269px;
|
|
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;
|
|
}
|
|
|
|
|
|
.login-name {
|
|
color: #596a7c;
|
|
width: 40%;
|
|
float: left;
|
|
margin-top: 50px;
|
|
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%;
|
|
} |