Coding

Bartik sample code default

Notes to remember:

if using class use the symbol .

if use   id   use the symbol #

 

Careless forgetting the # in your code color example:

#region-postscript-third
{
background-color:#05AEEB;
}

 

class=”block block-block contextual-links-region block-11 block-block-11 odd block-without-title”

 

/* ———- Color Module Styles ———– */

body,
body.overlay {
color: #3b3b3b;
}
.comment .comment-arrow {
border-color: #ffffff;
}
#page,
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
background: #ffffff;
}
.tabs ul.primary li a.active {
background-color: #ffffff;
}
.tabs ul.primary li.active a {
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
}
#header {
background-color: #48a9e4;
background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);
}
a {
color: #0071B3;
}
a:hover,
a:focus {
color: #018fe2;
}
a:active {
color: #23aeff;
}
.sidebar .block {
background-color: #f6f6f2;
border-color: #f9f9f9;
}
#page-wrapper,
#footer-wrapper {
background: #292929;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
color: #fffeff;
}

Add your comments

Loading Facebook Comments ...
Loading Disqus Comments ...