Store
Community Documentation

v3 Knowledgebase

Custom Css / Red

screenshotred.jpg


Create style

Property style/ left:180, center:500, right:240

Edit Css/ Custom/ add this

#header {
background-image: -khtml-gradient(linear,left top,left bottom,from(#610B0B),to(#B40431));
background-image: -moz-linear-gradient(#610B0B,#B40431);
background-image: -ms-linear-gradient(#610B0B,#B40431);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#B40431),color-stop(100%,#B40431));
background-image: -webkit-linear-gradient(#610B0B,#B40431);
background-image: -o-linear-gradient(#610B0B,#B40431);
background-image: linear-gradient(#610B0B,#B40431);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#610B0B',endColorstr='#B40431',GradientType=0);
color: white;
}
.content3, .item_view .js_feed_comment_border, .item_view .item_tag_holder, .item_view .attachment_holder_view {
width: 490px;
}
#left {
width: 200px;
padding: 10px;
background-image: -khtml-gradient(linear,left top,left bottom,from(#610B0B),to(#B40431));
background-image: -moz-linear-gradient(#610B0B,#B40431);
background-image: -ms-linear-gradient(#610B0B,#B40431);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#B40431),color-stop(100%,#B40431));
background-image: -webkit-linear-gradient(#610B0B,#B40431);
background-image: -o-linear-gradient(#610B0B,#B40431);
background-image: linear-gradient(#610B0B,#B40431);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#610B0B',endColorstr='#B40431',GradientType=0);
margin-right: 5px;
box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
-o-box-shadow: 2px 2px 5px #000;
-ms-box-shadow: 2px 2px 5px #000;
-khtml-box-shadow: 2px 2px 5px #000;
}
#content .block, #right .block, #left .block {
margin-bottom: 15px;
background: white;
border-radius: 5px;
padding: 5px;
}
#left .block .title, #right .block .title {
padding: 0px 0px 0px 4px;
line-height: 25px;
height: 25px;
font-weight: bold;
color: #333;
border: 1px #CCC solid;
background: #ECECEC;
border-radius: 5px;
text-align: center;
}
.global_apps_title {
color: #333;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
padding: 5px;
padding: 5px;
background: #EEE;
text-align: center;
border-radius: 5px;
}
.global_apps_title_padding {
padding: 5px;
margin-top: 5px;
border-radius: 5px;
}
#right {
background-image: -khtml-gradient(linear,left top,left bottom,from(#610B0B),to(#B40431));
background-image: -moz-linear-gradient(#610B0B,#B40431);
background-image: -ms-linear-gradient(#610B0B,#B40431);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#B40431),color-stop(100%,#B40431));
background-image: -webkit-linear-gradient(#610B0B,#B40431);
background-image: -o-linear-gradient(#610B0B,#B40431);
background-image: linear-gradient(#610B0B,#B40431);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#610B0B',endColorstr='#B40431',GradientType=0);
width: 240px;
padding:5px;
box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
-o-box-shadow: 2px 2px 5px #000;
-ms-box-shadow: 2px 2px 5px #000;
-khtml-box-shadow: 2px 2px 5px #000;
}
.shoutbox_input {
width: 220px;
}
#main_content {
margin-left: 200px; /*change layout*/
}
#main_content_padding {
padding: 10px 0px 10px 10px;
margin-left: 20px;
}
div.header_bar_menu {
margin: 0px 0px 0px 1px;
padding: 10px 0px 10px 10px;
font-size: 12px;
position: relative;
border-bottom: 1px #DFDFDF solid;
background: white url('../theme/frontend/default/style/default/image/layout/header_bar_menu.png') repeat-x bottom;
margin-left: 20px;
}
#header_menu ul li a, #header_menu ul li a:hover {
display: block;
line-height: 30px;
padding: 0px 10px 0px 10px;
text-decoration: none;
color: white;
border-right: 1px white solid;
}
#header_menu {
background-image: -moz-linear-gradient(#B40431,black,#000);
background-image: -ms-linear-gradient(#B40431,black,#000);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#B40431),color-stop(100%,#000));
background-image: -webkit-linear-gradient(#B40431,black,#000);
background-image: -o-linear-gradient(#B40431,black,#000);
background-image: linear-gradient(#B40431,black,#000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B40431',endColorstr='#000',GradientType=0);
border-radius: 5px 5px 0px 0px;
border: 1px solid black;
}
a {
color: #610B0B;
text-decoration: none;
outline: 0;
}
a:hover {
color: #000;
text-decoration: none;
outline: 0;
}

form {
margin: 0px;
padding: 0px;
border: none;
color:#fff;
}
.sub_section_menu ul li a{
display: block;
line-height: 22px;
text-decoration: none;
color: #fff;
padding: 0px 0px 0px 4px;
background-repeat: no-repeat;
}