david
768dbe0a2d
git-svn-id: https://192.168.0.254/svn/Proyectos.ASong2U_Web/trunk@6 cd1a4ea2-8c7f-e448-aada-19d1fee9e1d6
811 lines
16 KiB
CSS
811 lines
16 KiB
CSS
/*************************** 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;
|
|
}
|
|
|