Gray Side Bar
#side-bar { float: left; margin: 1em 0em 0; padding: 0.5em; border: 4px solid; border-left: none; background-color: #Fff; border-radius-topright: 45px; position: relative; } #side-bar .tr { width: 45px; height: 45px; position: absolute; background: url('http://demonssouls.wikidot.com/local--files/css:gray-side-bar/side-bar-top-right-curved-corner.jpg') top right no-repeat; top: -4px; right: -4px; } #side-bar { border-color: #666; } #side-bar a, { color: #000; } /* S I D E B A R */ /* Unspace news information */ #side-bar p { margin-top: 1px; margin-bottom: 5px; } #side-bar hr { margin-top: 12px; margin-bottom: 10px; } #side-bar .front-forum-box p { margin-top: -5px; margin-bottom: 5px; padding: 0px; margin-left: 25px; } /* Collapsible blocks */ #side-bar .collapsible-block .collapsible-block-folded .collapsible-block-link { background: transparent url(http://demonssouls.wdfiles.com/local--files/nav:side/collapsible.png) no-repeat top left; padding: 0 0 0 16px; margin-left: -5px; } #side-bar .collapsible-block .collapsible-block-unfolded .collapsible-block-link { background: transparent url(http://demonssouls.wdfiles.com/local--files/nav:side/collapsible.png) no-repeat top left; padding: 0 0 0 16px; margin-left: -5px; }