Skip to content

Instantly share code, notes, and snippets.

@kalico1
Last active May 20, 2017 18:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kalico1/bd7e036d83cbc068f2862022b88d06c8 to your computer and use it in GitHub Desktop.
Save kalico1/bd7e036d83cbc068f2862022b88d06c8 to your computer and use it in GitHub Desktop.
Custom CSS from the child theme of Zerif Pro. With this CSS on, I see the "ghost" of each thing I click and drag way up at the top of the page.
/* remove "what's new" form from activity pages in groups and main */
form#whats-new-form {
display: none;
}
a.acomment-reply {
display: none;
}
/* created subscribe/unsub button on forums */
#subscription-toggle {
float: right;
border: 1px solid rgb(128,128,128);
border-radius: 4px;
padding: 0px 8px;
line-height: 27px;
margin: 5px;
}
/* hide NROC/admin avatar from "recent" users on community */
.avatar-block .user-906-avatar {
display: none;
}
/* avatar and tree (??) */
#avatar-crop-pane { border-radius: 50%; }
#tree-childof_27 {
display: none !important;
}
/* bookmark */
.bpmh-message {
clear: both;
}
/* social icons larger */
ul.social li a {
font-size: 25px;
padding: 0 3px 0 3px;
}
ul.social {
margin-bottom: .5em !important;
}
/* member map */
#view-all-members {
cursor: pointer;
font-size: 14px;
}
.member-map-list.right {
float: left !important;
}
.member-map-list {
width: 465px !important;
margin: 0 84px 0 !important;
text-align: left;
}
ul .member-map-list {
list-style: none !important;
}
.footnote.sweeper {
display: none;
/* bottom: -12px; */
}
/* force profile notice */
#bp_fp_notice #bp_fp_container {
position: relative;
width: 350px !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 1.2 !important;
margin-top: 100px !important;
overflow: hidden;
border: 3px solid;
}
#bp_fp_notice #bp_fp_container #bp_fp_message {
margin-top: 20px;
}
#bp_fp_notice {
z-index: 100 !important;
}
#bp_fp_notice #bp_fp_container.red {
background-color: #F3CC91 !important;
border-color: #E79C28 !important;
}
#bp_fp_notice #bp_fp_container #bp_fp_fields {
position: relative;
width: 65% !important;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
font-size: 14px;
}
#bp_fp_notice #bp_fp_container.red #bp_fp_message {
color: #ad232c !important;
}
/* clean up the top of the community forum page */
div.bbp-breadcrumb {
display: none;
}
div.bbp-template-notice.info {
display: none;
}
/* control appearance of the Group item in the My Account menu */
.user_groups .user_groups-ul .group-infos {
margin: 0 0 0 0 !important;
}
.user_groups .user_groups-ul .bc_avatar {
text-align: center;
float: none !important;
}
.nroc_group .navbar-inverse .navbar-nav ul.sub-menu li {
padding: 0 !important;
}
.user_groups ul.user_groups-ul {
margin: 0 !important;
border: none !important;
}
.user_groups ul.user_groups-ul li {
margin: 0 !important;
border: none !important;
}
.group-infos h4 {
line-height: 16px;
text-align: center;
clear: both !important;
padding-bottom: 10px;
border-bottom: 1px solid #efefef;
}
li#menu-item-8425 {
text-align: center;
padding-bottom: 0px !important;
}
li#menu-item-8421 {
padding: 0px !important;
}
div.gpage p {
font-size: 16px !important;
}
/* making edit pages more user friendly */
#tos_content {
font-size: 14px;
}
#tos_content ul li {
font-size: 14px;
list-style: disc;
}
#tos_content p {
font-size: 14px;
}
#tos_content a, a:visited {
font-size: 14px;
font-weight: bolder;
}
#tos_content a:hover {
font-size: 14px;
font-weight: bolder;
text-decoration: underline;
}
/* goes with custom template for group with sidebar */
.group-with-sidebar .bp_group div#item-header-avatar {
margin-top: -60px !important;
}
.group-with-sidebar .bp_group header.entry-header {
float: right;
width: 79%;
margin-top: 140px;
}
.group-with-sidebar div#item-body {
float: right;
width: 81%;
min-height: 300px;
}
/* make email address input same as username */
#buddypress .standard-form input[type=email] {
width: 90%;
}
form#group-settings-form span.extra-subnav a.active {
background: #efefef;
border: 1px solid #eee;
color: #ccc;
}
/* make all community page titles match the rest of the site... */
h1.entry-title {
line-height: 37px;
}
.entry-title {
font-size: 30px !important;
}
/* ... except on group and member pages where we hide the underline */
.bp_members .entry-title:after, .bp_group .entry-title:after {
height: 0px !important;
}
/* registration form fields all white... */
#buddypress .alt {
background-color: #fff !important;
}
/* ...but keeps alternating color scheme on profile pages */
#buddypress .profile-fields .alt {
background-color: #f5f5f5 !important;
}
div#required-message {
font-style: italic;
color: #ccc;
}
div#register-message {
margin: 20px 0 40px 0;
}
#buddypress .standard-form #basic-details-section h4 {
font-weight: 800;
}
#buddypress .standard-form #profile-details-section h4 {
font-weight: 800;
}
.field-visibility-settings-notoggle {
display: none;
}
/* page content on Main Forum page */
.community-text {
margin-bottom: 20px;
margin-top: 25px;
}
/* move the "subscribe" button to the right on forums */
#subscription-toggle {
float: right;
}
/* Group Admin/Mod display on group header */
div#item-actions h3 {
font-size: 18px;
}
/* What's new, %s? on activity wall CTA) */
p.activity-greeting {
font-size: 18px !important;
font-weight: 600;
}
/* tiny mce text editor - none of this is actually working */
.page button {
background-color: #f4f4f4 !important;
}
.tmce-active .switch-tmce {
background-color: #f4f4f4 !important;
}
.mce-widget .mce-btn {
background-color: #f4f4f4;
}
/* member groups listing page */
ul #rolling-groups-list .rolling-item-list {
list-style-type: none !important;
margin-left: 0 !important;
display: block;
}
li #rolling-groups-list .rolling-item-list {
list-style-type: none !important;
margin-left: 0 !important;
display: block;
}
#rolling-groups-list .rolling-item-avatar {
float: left;
margin-bottom: 15px;
}
#rolling-groups-list .rolling-item-title {
text-align: left;
margin-left: 112px;
width: 310px;
padding-top: 36px;
}
#rolling-groups-list .rolling-item-title a {
color: #404040;
font-weight: bolder;
text-decoration: none;
}
#rolling-groups-list .rolling-item-title a:hover {
color: #404040;
font-weight: bolder;
text-decoration: underline;
}
#rolling-groups-list .rolling-item-avatar img {
border: 1px solid #eee;
border-radius: 50% !important;
}
#rolling-groups-list .rolling-action {
display: none;
}
#rolling-groups-list .rolling-item-desc {
display: none;
/* text-align: left;
margin-left: 57px;
*/
}
/* profiles */
#buddypress #header-cover-image {
/* display: none; */
background-color: #eee;
}
#buddypress div#item-header div#item-actions {
float: right;
margin: -155px 0 15px 15px;
text-align: right;
width: 20%;
}
/*
.bp_members header.entry-header, .bp_group header.entry-header {
float: left !important;
width: 77% !important;
margin-top: 235px !important;
}
#buddypress div#item-header img.avatar {
border: 1px;
border-color: #404040;
border-width: thin;
border-style: solid;
border-radius: 50%;
}
.bp_members .entry-title, .bp_group .entry-title {
font-size: 30px !important;
font-weight: 500;
line-height: 1.2 !important;
color: #404040 !important;
z-index: 999;
text-shadow: none;
}
.bp_group .entry-title ::before {
position: absolute;
margin: auto;
z-index: 1;
content: "";
width: 10%;
height: 2px;
background: #368a8a;
bottom: -9px;
left: 0;
}
*/
/* hide items from groups and profile left nav */
#buddypress #blogs-personal-li {
display: none ;
}
#buddypress #nav-hierarchy-groups-li {
display: none;
}
/* improve the layout of the my-home widgets page */
/* width of content area - also affects group and profile pages */
div#item-body {
float: right;
width: 85%;
min-height: 300px; /* prevents nav bar from overlapping footer when there is no content to fill the page */
}
/* -- get rid of the underline on widget headers -- */
#buddypress .widget .widget-title:before {
width: 0%;
}
/* -- make the "configure" link smaller in widget headers -- */
#bpmh-user-widgets .widget-title a {
font-size: 11px !important;
}
/* -- NROC News date smaller -- */
span.rss-date {
font-size: 11px !important;
}
/* -- CAC Featured Content Widget -- */
.cfcw-content {
padding: 15px;
}
.cfcw-content img {
float: right;
}
/* User Profile */
/* -- do not allow user to alter their state/membership (hide it) --
#buddypress form#profile-edit-form div.field_902 {
display: none;
}
#buddypress form#profile-edit-form div.field_3 {
display: none !important;
}
*/
/* Registration Page: hide the password strength meter */
#buddypress .standard-form #basic-details-section #pass-strength-result {
display: none;
}
/* end */
/* begin */
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css?family=Montserrat">
/* Nav Bar */
.navbar-inverse .navbar-nav ul.sub-menu {
border-left-color: #eee;
border-top-color: #eee;
border-top-style: solid;
border-top-width: 1px;
border-left-style: solid;
border-left-width: 1px;
}
/* BuddyPress */
/* bp standard header image */
#buddypress #header-cover-image {
/* background-image: url("http://dev.52.43.252.252/community/wp-content/uploads/sites/20/2016/06/chalk-background-1.jpg"); */
border-radius: 7px !important;
}
/* fixes "public group active X days ago" in header display problem when logged out (overrides display:none) */
#buddypress #item-buttons:empty {
display: block;
height: 20px;
}
/* fix size of "public group" notification in header to make it readable */
#buddypress div#item-header div#item-meta {
font-size: 100%;
}
/* bp profile display */
#buddypress div.profile h4 {
margin-bottom: 25px;
margin-top: 15px;
border-bottom: 1px solid #e5e5e5;
}
#buddypress table.profile-fields tr td {
color: black !important;
font-size: 15px;
}
#buddypress #activity-stream p {
line-height: 20px;
}
/* bp menu box */
#buddypress div.item-list-tabs#object-nav {
border-color: #eee;
border-width: 1px;
border-style: solid;
border-radius: 5px;
}
#buddypress div#item-nav .item-list-tabs ul li.selected a {
background-color: #e3e3e3 !important;
}
/* rows on bp profile */
#buddypress tr {
background-color: #eee;
}
#buddypress .alt {
background-color: #f5f5f5;
}
/* don't know why this is here....but it's breaking the display of profiles */
#buddypress table.profile-fields tr td.label {
/* display: none; */
}
#buddypress table tr td,
#buddypress table tr th {
padding: 8px 12px !important;
vertical-align: middle;
border-top: 0px ;
border-right: 0px;
text-transform: none;
font-size: 12px;
}
#buddypress table tr td.label {
border-right: 0px !important;
font-weight: 600;
/* width: 25%; */
}
/* hide buddypress group mods and admins */
#buddypress div#item-header div#item-actions {
/* display: none !important; */
}
/* all links New Blue */
.entry-content a {
color: #368a8a !important;
text-decoration: underline;
}
.preloader {display: none !important;}
::selection {
background: #368a8a !important;
color: #FFF;
}
/* hide entry meta */
.entry-meta {
display:none;
}
.entry-footer {
display:none;
}
.nav-links a {
display: none;
}
/* membership2 reg form */
.ms-membership-form-wrapper .ms-alert-error {
display: none !important;
}
.ms-membership-form-wrapper .form-membership {
margin-left: 150px;
margin-right: 150px;
}
/* Login error messages */
div.status.error {
width: 250px !important;
height: 50px !important;
color: red;
}
/* These two decrease the height of the big title section and alter text padding */
.home-header-wrap {
height: 550px;
}
.header-content-wrap {
padding-top: 350px !important;
}
/* rounded corners on "latest news" images - zerif/nroc home page */
.latestnews-img img {
border-radius: 6% !important;
}
/* NROC News subheader - hardcoded into themes/nrocnetwork/sections/latest_news.php */
div #news-header.section-header {
padding-bottom: 25px;
}
h2#news-header.dark-text {
padding-bottom: 0 !important;
}
/* makes the Our Focus section split in 3rds, and a text widget in the middle forces the row to wrap, so there are two Our Focus widgets on the top row */
@media (min-width: 1200px){
.col-lg-3.col-sm-3.focus-box {
width: 33.33%;
}
/* makes the Tools (aka Packages) section split in 2 parts and brings it to the center */
#pricingtable.packages .col-lg-3.col-sm-3.focus-box{
width: 50%;
}
#pricingtable.packages .container {
width: 800px;
}
}
/* note that the above are nested */
/* tweaks to the footer layout and colors --- will adjust as we change content */
.footer-widget-wrap {
background: #666666 !important;
}
.footer-widget-wrap .widget {
text-align: left;
}
.footer-widget-wrap a {
color: #ccc !important;
}
.footer-widget-wrap h1 {
font-size: 17px !important;
}
.footer-widget {
padding-top: 20px !important;
padding-left: 100px !important;
}
/* Front Page: underline on latest news section */
#carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
background: #368a8a !important;
}
.entry-title .entry-header {
font-size: 30px !important;
}
/* Front Page: underline on our team pics */
.our-team .row .red-border-bottom:before {
background: #e79c28 !important;
}
/* Tools section subtitle - force white text */
.packages .section-header h6 {
color: #fff !important;
}
.packages .focus-box p {
color: #fff !important;
}
.packages .focus-box h5 {
color: #fff !important;
}
.packages .focus-box .red-border-bottom:before {
background: #d1d2d4 !important;
}
.packages .focus-box .service-icon .pixeden {
border-color: #d1d2d4 !important;
}
/* All of these adjust the spacing above and below each section */
.latest-news {
padding-bottom: 20px !important;
padding-top: 50px !important;
}
section#focus.focus {
padding-bottom: 40px !important;
padding-top: 50px !important;
}
.packages {
padding-bottom: 40px !important;
padding-top: 50px !important;
}
.our-team {
padding-bottom: 0px !important;
padding-top: 40px !important;
}
.purchase-now {
padding-bottom: 40px !important;
padding-top: 40px !important;
}
.separator-one {
padding: 0 0 40px 0 !important;
}
.textwidget h1 {
font-size: 45px !important;
}
/*custom css added*/
.item{
height:auto !important;
width:auto !important;
margin-bottom: 0px !important;
overflow:visible !important;
}
.entry-content a{
text-decoration:none !important;
}
#buddypress #item-header-cover-image #item-header-avatar img.avatar{
border-radius:50%;
}
#buddypress .dir-list ul.item-list li img.avatar{
width:70px;
height:70px;
}
.entry-content p {
text-align: left !important;
}
#buddypress ul.item-list li {
padding: 25px 0px;
border-bottom:0px !important;
}
#buddypress ul.item-list li .activity-avatar img.avatar {
width: 50px !important;
height: 50px !important;
border-radius: 50%;
margin-left: 0px !important;
}
#buddypress .activity-list .activity-content .activity-inner {
border-left: 2px solid #eaeaea;
padding-left: 10px;
}
#item-buttons .generic-button a {
background-color: #368a8a !important;
color: #fff !important;
border-radius: 4px;
padding: 8px 10px !important;
}
div#item-nav {
max-width: 158px;
width: 18%;
position: absolute;
left: 0;
}
#buddypress div#item-nav .item-list-tabs ul li{
min-width:152px;
}
@media only screen and (max-width: 780px) {
div#item-body {
float: none;
width: 100%;
}
div#item-nav{
width:100%;
position:relative;
}
.bp_members div#item-header-avatar, .bp_group div#item-header-avatar{
margin-top:0px !important;
float:none !important;
}
.bp_members header.entry-header ,
.bp_group header.entry-header{
width: 100% !important;
margin-top: 0px !important;
}
}
#buddypress div#item-nav .item-list-tabs ul li a {
font-size: 14px;
font-weight: 600;
}
#buddypress div#item-nav .item-list-tabs ul li.selected a{
color: #000 !important;
background-color: #fff;
}
#buddypress div#item-nav .item-list-tabs ul li a span,
#members-directory-form .item-list-tabs ul li a span,
.activity-type-tabs ul li a span{
background-color: #368a8a !important;
color: #fff !important;
margin-top: 4px;
line-height: 1;
padding: 3px 5px !important;
float: right;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px !important;
border:0px !important;
letter-spacing:1px;
}
#buddypress div#subnav.item-list-tabs ul li a{
line-height: 1.7;
font-weight: 100 !important;
background-color: #eef1f1;
border-width: 1px;
border-style: solid;
border-color: #ddd;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
color: #666 !important;
font-size:14px;
}
#buddypress div#subnav.item-list-tabs ul li,
#groups-directory-form .item-list-tabs ul li,
.activity-type-tabs ul li,
#members-directory-form .item-list-tabs ul li{
margin-right: 6px !important;
}
#buddypress div#subnav.item-list-tabs ul li.selected a,
#groups-directory-form .item-list-tabs ul li.selected a,
.activity-type-tabs ul li.selected a,
#members-directory-form .item-list-tabs ul li.selected a{
color: #666 !important;
border-bottom-color: #fff;
background-color: #fff !important;
}
#groups-directory-form .item-list-tabs ul li a,
.activity-type-tabs ul li a,
#members-directory-form .item-list-tabs ul li a{
line-height: 1.7;
font-weight: 500 !important;
background-color: #eef1f1;
border-width: 1px;
border-style: solid;
border-color: #ddd;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
color: #666 !important;
font-size:14px;
}
#buddypress div#subnav.item-list-tabs ul,
.activity-type-tabs ul,
#groups-directory-form .item-list-tabs ul,
#members-directory-form .item-list-tabs ul{
height:35px;
border-bottom:solid 1px #ddd;
}
#buddypress ul.item-list li img.avatar {
border-radius: 50%;
}
input#members_search,
input#groups_search{
background-color: rgba(0, 0, 0, 0.05) !important;
border: none !important;
padding: 5px !important;
border-radius: 3px;
}
input#members_search_submit,
input#groups_search_submit{
font-size: 12px !important;
line-height: 20px;
background-color: #368a8a !important;
color: #fff !important;
}
.item-subitem-indicator{
position:relative;
z-index:999;
}
/* comment out if changing format/color/existence of cover photo */
.bp_members .entry-title ,.bp_group .entry-title{
font-size: 30px !important;
font-weight: 800;
line-height: 1.2 !important;
color: #404040 !important;
z-index: 999;
font-family: 'Helvetica', sans-serif;
/* text-shadow: 0px 0px 3px rgba( 0, 0, 0, 0.8 ); */
}
.bp_members #buddypress #header-cover-image,
.bp_group #buddypress #header-cover-image {
height: 190px !important;
}
.bp_members header.entry-header ,
.bp_group header.entry-header{
float: right;
width: 83%;
margin-top: 140px;
}
/*
.entry-title:after{
height:0px !important;
}
*/
.bp_members div#item-header-avatar,
.bp_group div#item-header-avatar {
margin-top: 105px !important;
}
.bp_members h2.user-nicename{
font-size:14px !important;
margin-bottom: 20px !important;
}
#buddypress div#item-header #item-header-cover-image #item-header-content{
margin-top:-110px !important;
}
p{
font-size:14px !important;
}
div#latest-update {
color: #aaa;
font-size: 14px;
}
.entry-content{
min-height:500px;
}
a{
outline:0px !important;
}
#buddypress div#subnav.item-list-tabs ul li a:hover,
#groups-directory-form .item-list-tabs ul li a:hover,
.activity-type-tabs ul li.selected a:hover,
#members-directory-form .item-list-tabs ul li a:hover{
background-color:#e2e7e7;
}
ul#menu-network-main-menu>li a:hover {
color: #368a8a !important;
}
.action .group-button, .action .group-subscription-div {
z-index: 999;
position: relative;
}
.group-subscription-close {
height: auto;
}
.entry-content .group-sub, .entry-content .group-subscription-close {
background-color: #368a8a !important;
color: #fff !important;
border: 0px !important;
}
.action .generic-button a {
background-color: #368a8a !important;
color: #fff !important;
border: 0px !important;
}
body {
font-family: 'Montserrat',sans-serif !important;
}
.action .group-subscription-options {
z-index: 1000 !important;
}
#footer .footer-widget h1.widget-title:before {
background-color: #368a8a !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a{
color: #368a8a !important;
}
/* prevents wrapping of description next to each button on group subscription options box and changes default yellow to gray */
.group-subscription-options {
width: 380px !important;
background-color: #f5f5f5 !important;
}
::selection {
background: #368a8a !important;
color: #FFF;
}
/* Single Topic page styles */
#bbpress-forums fieldset.bbp-form legend:before {
background: #368a8a !important;
}
button.button {
background-color: #368a8a;
}
strong ,em{
font-size: inherit !important;
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name{
margin:0 4px !important;
}
/** footer copyright **/
p#zerif-copyright:hover {
color: #36a8aa !important;
}
#zerif-copyright{
color:#ccc !important;
}
/* topic page */
li.bbp-topic-freshness{
text-align:left !important;
line-height:26px;
}
#bbpress-forums li.bbp-header {
border-bottom: 0px !important;
background: #eaecec !important;
padding: 8px 12px !important;
}
.bbp-body>ul .bbp-topic-permalink:after {
background: none !important;
}
.bbp-body a.bbp-topic-permalink {
font-size: 15px !important;
font-weight: 600;
}
.bbp-topic-freshness-author .bbp-author-avatar img {
width: 35px !important;
}
a.bbp-author-avatar img {
border: 0px !important;
border-radius: 50%;
}
/* bbp sidebar widget */
.bbp-forum-title:after {
background: #368a8a !important;
}
.bbp-forum-title, .bbp-forum-title:visited {
font-size: 15px !important;
line-height: 22px;
font-weight: 700;
color: #000;
margin-bottom: 15px;
float: left;
}
#footer .footer-widget h1.widget-title:before {
background-color: #368a8a !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a{
color: #368a8a !important;
}
::selection {
background: #368a8a !important;
color: #FFF;
}
/* footer menu widgets - hover color */
#footer .footer-widget .menu li a:hover {color:#368a8a!important;}
/* footer color by Kevin */
.footer-widget-wrap {
background: #292929 !important;
}
/*Edited By abacies logiciels pvt ltd 26.09.2016*/
/* footer colors (link colors, text decoration) */
.company-details a {
color: #ccc !important;
text-decoration: underline !important;
}
.fa{
color: #ccc !important;
}
.fa:hover{
color: #368a8a!important;
}
.copyright p {
font-size: 16px !important;
}
#zerif-copyright a {
color: #368a8a !important;
}
#zerif-copyright a:hover {
color: #368a8a !important;
}
/* Footer Hexacolor section */
.footer-widget-wrap{
background:#292929 !important
}
#footer{
background:#171717 !important;
}
.copyright{
background:#171717 !important;
}
/*Footer padding: lowest two footer sections */
.company-details {
padding-top: 42px !important;
padding-bottom: 5px !important;
color: #ccc !important;
}
.copyright {
padding-top: 47px !important;
padding-bottom: 43px !important;
color: #ccc !important;
}
/*End of Edited By abacies logiciels pvt ltd 26.09.2016*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment