Skip to content

Instantly share code, notes, and snippets.

@gmmedia

gmmedia/j0e.org Divi custom CSS

Created June 17, 2016 02:29
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 gmmedia/e605d17a3cc13d181d4960a8e78bcc90 to your computer and use it in GitHub Desktop.
Save gmmedia/e605d17a3cc13d181d4960a8e78bcc90 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
j0e.org Divi custom CSS
/* Code Styles */
pre {
border-left: 9px solid #990000;
padding: 10px;
margin: 20px;
width: 95%;
line-height: 1.1em;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
background-color: #EEE;
color: #000;
}
code {
background-color: #EEE;
color: #000;
}
div .sharedaddy{
margin-top: 40px;
}
div #mytag{
padding-top: 20px;
}
.entry-content ul, .entry-content ol {
padding: 20px 0 20px 40px !important;
list-style-position: outside !important;
}
/* BEGIN SOCIAL SIDEBAR CSS */
.social-float {
position: fixed;
z-index: 2000;
top: 248px;
margin-left: -65px !important;
line-height: 1em;
}
.teile {
position: fixed;
z-index: 2000;
top: 311px;
margin-left: -169px !important;
line-height: 1em;
}
.social-float a {color:#fff !important;}
.social-float a:hover {text-decoration:none !important;}
.pos-left.show .sidebar-content:hover {width:64px;}
.icon .sidebar-content {width:32px;height:32px;margin-bottom:6px;}
.pos-left.icon .share-button, .pos-right.icon .share-button {width:64px;height:32px}
.icon .sidebar-content, .icon-text .sidebar-content {background-position:center center;background-repeat:no-repeat}
.ico-facebook {background-color:#3d5999;background-image:url("/wp-content/themes/j0e.org/icons/facebook.png")}
.ico-twitter {background-color:#00aced;background-image:url("/wp-content/themes/j0e.org/icons/twitter.png")}
.ico-pinterest {background-color:#d73532;background-image:url("/wp-content/themes/j0e.org/icons/pinterest.png")}
.ico-google-plus {background-color:#bd301c;background-image:url("/wp-content/themes/j0e.org/icons/google-plus.png")}
.pos-left.radius .sidebar-content {
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-khtml-border-radius:3px}
.pos-left.shadow .sidebar-content {
box-shadow: inset 0 -4px 0 rgba(0,0,0,0.15);
-moz-box-shadow:inset 0 -4px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,0.2);
}
.pos-left.radius .sidebar-content {
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-khtml-border-radius:3px}
.pos-left.shadow .sidebar-content {
box-shadow: inset 0 -4px 0 rgba(0,0,0,0.15);
-moz-box-shadow:inset 0 -4px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,0.2);
}
.et_pb_post h2 {
margin-top: 40px;
}
h2 {
font-size: 28px;
}
h3 {
margin-top: 30px;
}
.wp-caption {
margin-bottom: 20px;
margin-top: 10px;
}
.produkttest {
padding: 10px;
margin: 20px 10px 10px 10px;;
border: 1px dashed #525252;
background-color: #FCFCE8;
}
/* ===[ TOC ]=== */
#j0e_toc {
background: #f9f9f9;
border: 1px solid #aaa;
display: table;
font-size: 95%;
margin: 2em 0;
padding: 10px;
width: 100%;
box-shadow: 0 2px 6px #c2c2c2;
}
#j0e_toc span{
color: #333333;
font-weight: bold;
font-size: 105%;
}
#j0e_toc ul,
#j0e_toc ol,
#j0e_toc li {
margin-bottom: 0;
padding-bottom: 0;
}
.j0e_box {
background: #f9f9f9;
border: 1px solid #aaa;
margin: 2em 0;
padding: 2em;
box-shadow: 0 2px 6px #c2c2c2;
}
.wp-caption { max-width: 100%; }
a.comment-reply-link.et_pb_button {
font-size: 12px
}
a.et_pb_button {
font-size: 25px
}
/* ===[ Color Scheme Red ]=== */
.et_color_scheme_red a { color: #990000; }
.et_color_scheme_red .et_pb_counter_amount, .et_color_scheme_red .et_pb_featured_table .et_pb_pricing_heading, .et_color_scheme_red #top-header { background: #990000 !important; }
.et_color_scheme_red.woocommerce a.button.alt, .et_color_scheme_red.woocommerce-page a.button.alt, .et_color_scheme_red.woocommerce button.button.alt, .et_color_scheme_red.woocommerce-page button.button.alt, .et_color_scheme_red.woocommerce input.button.alt, .et_color_scheme_red.woocommerce-page input.button.alt, .et_color_scheme_red.woocommerce #respond input#submit.alt, .et_color_scheme_red.woocommerce-page #respond input#submit.alt, .et_color_scheme_red.woocommerce #content input.button.alt, .et_color_scheme_red.woocommerce-page #content input.button.alt, .et_color_scheme_red.woocommerce a.button, .et_color_scheme_red.woocommerce-page a.button, .et_color_scheme_red.woocommerce button.button, .et_color_scheme_red.woocommerce-page button.button, .et_color_scheme_red.woocommerce input.button, .et_color_scheme_red.woocommerce-page input.button, .et_color_scheme_red.woocommerce #respond input#submit, .et_color_scheme_red.woocommerce-page #respond input#submit, .et_color_scheme_red.woocommerce #content input.button, .et_color_scheme_red.woocommerce-page #content input.button, .et_color_scheme_red .woocommerce-message, .et_color_scheme_red .woocommerce-error, .et_color_scheme_red .woocommerce-info { background: #990000 !important; }
.et_color_scheme_red #et_search_icon:hover, .et_color_scheme_red .mobile_menu_bar:before, .et_color_scheme_red .footer-widget h4, .et_color_scheme_red .et_pb_sum, .et_color_scheme_red .et_pb_pricing li a, .et_color_scheme_red .et_pb_pricing_table_button, .et_color_scheme_red .comment-reply-link, .et_color_scheme_red .form-submit input, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_red .et_pb_contact_submit, .et_color_scheme_red .et_password_protected_form .et_submit_button, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_red .et_overlay:before, .et_color_scheme_red .entry-summary p.price ins, .et_color_scheme_red.woocommerce div.product span.price, .et_color_scheme_red.woocommerce-page div.product span.price, .et_color_scheme_red.woocommerce #content div.product span.price, .et_color_scheme_red.woocommerce-page #content div.product span.price, .et_color_scheme_red.woocommerce div.product p.price, .et_color_scheme_red.woocommerce-page div.product p.price, .et_color_scheme_red.woocommerce #content div.product p.price, .et_color_scheme_red.woocommerce-page #content div.product p.price, .et_color_scheme_red #top-menu li.current-menu-ancestor > a, .et_color_scheme_red #top-menu li.current-menu-item > a, .et_color_scheme_red .bottom-nav li.current-menu-item > a { color: #990000; }
.et_color_scheme_red .woocommerce .star-rating span:before, .et_color_scheme_red .woocommerce-page .star-rating span:before { color: #990000 !important; }
.et_color_scheme_red .et-search-form, .et_color_scheme_red .nav li ul, .et_color_scheme_red .et_mobile_menu, .et_color_scheme_red .footer-widget li:before, .et_color_scheme_red .et_pb_pricing li:before { border-color: #990000; }
a.blog-cta {
line-height: 85px;
font-size: 25px;
color: #990000;
background-color: #fff;
border: 2px solid #990000;
border-radius: 5px;
padding: 15px 35px;
-moz-transition: all 0.7s;
-webkit-transition: all 0.7s;
transition: all 0.7s;}
a.blog-cta:hover {
background-color: #fff;
color: #660B13;}
/* ===[ Mailchimp for Wordpress ]=== */
#subscribe-footer-full {
background-color: #424242;
color: #fff;
padding: 30px;
border: 2px solid;
}
#subscribe-footer-full h4 {
color: #fff;
}
#subscribe-footer-full input[type="submit"] {
margin-top: 10px;
width: 100%;
}
#subscribe-footer-full input[type="text"] {
float: left;
width: 50%;
min-width: 170px;
}
#subscribe-footer-full input[type="email"] {
width: 50%;
min-width: 170px;
}
#subscribe-sidebar {
color: #FCFCFC;
background-color:#424242;
padding:5px;
}
#subscribe-sidebar h4 {
color: #eee;
font-size: 22px;
}
#subscribe-sidebar input[type="email"] {
margin: 5px 0;
}
#subscribe-sidebar input[type="submit"] {
width: 100%;
}
.mc4wp-form input[type="submit"], .mc4wp-form button {
color: white;
background-color: #990000 !important;
border-color: #770000 !important;
}
/* ===[ Rabatt Code Kasten ]=== */
div.rabatt {
border: 3px dashed #666666 !important;
margin: 40px;
color: #666666;
}
.rabatt-code {
padding: 5px 30px 30px 30px;
text-align: center;
width: 100%;
font-size: 2em;
color: #a81010;
font-weight: bold;
}
/* ===[ Category Description ]=== */
.cat-description {
padding: 20px 5px;
margin: 20px 0;
border-bottom: 1px dashed #ccc;
}
.cat-description-bottom {
padding: 20px 5px;
margin: 20px 0;
border-top: 1px dashed #ccc;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment