»Tutorial : Styling Sidebar
Saturday, October 6, 2012
Style 1
 |
border: 1px dashed #000000;
background: url(URL BACKGROUND);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}
|
Style 2
 |
border: 2px solid #FAAFBE;
background: url(URL BACKGROUND);
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}
|
Style 3
 |
border-bottom: 2px solid #8A4B08;
border-top: 2px solid #8A4B08;
background: url(URL BACKGROUND);
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}
|
Style 4
 |
border-bottom: 2px dashed #58FAAC;
background: url(URL BACKGROUND);
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}
|
Style 5
 |
border: 2px solid #333333;
background-colour: #FAAFBE;
border-bottom-right-radius: 25px;
border-top-right-radius: 25px;
border-top-left-radius: 25px;
border-left: 2px solid #333333;
}
-----------------------------------------------------
Red : URL background
Green : warna background Blue : warna border Orange : solid / dotted / dashed |
words spilled @ 8:09 AM /
leave goosebumps here ⋄
