berikut kode CSS nya :
/* Sidebar Wrapper */
#sidebar-wrapper{padding:20px;width:35%;float:right;word-wrap:break-word;overflow:hidden}
#sidebar-wrapper h2,#sidebar-wrapper h3,#sidebar-wrapper h4{background:rgba(9,132,227,.95);background-image:linear-gradient(110deg,rgba(255,255,255,0.1) 16%,rgba(255,255,255,0.1) 17%,rgba(255,255,255,0.05) 17%,rgba(255,255,255,0.05) 23%,transparent 8.5%,transparent 78%,rgba(255,255,255,0.05) 78%,rgba(255,255,255,0.05) 84%,rgba(255,255,255,0.1) 84%,rgba(255,255,255,0.1));background-position:top left;background-repeat:no-repeat;background-size:100% auto;color:#fff;position:relative;
overflow:hidden;margin:0 auto 2px auto;font-family:Google Sans;font-size:14px;font-weight:500;text-transform:uppercase;
vertical-align:middle;padding:8px 10px;padding-left:25px}
#sidebar-wrapper h2 span,#sidebar-wrapper h3 span,#sidebar-wrapper h4 span{display:inline-block;vertical-align:middle}
#sidebar-wrapper h2:after,#sidebar-wrapper h2:after,#sidebar-wrapper h3:after,
#sidebar-wrapper h3:after{content:'';display:inline-block;position:absolute;height:10px;right:12px;top:11px;width:24px;background:#fff;border-radius:99em}
#sidebar-wrapper h2:hover:after,#sidebar-wrapper h2:hover:after,#sidebar-wrapper:hover:after,#sidebar-wrapper h3:hover:after{animation:rubberBand 1s}
#sidebar-wrapper h2:before,#sidebar-wrapper h2:before{content:'';width:10px;height:10px;position:absolute;left:10px;top:11px;z-index:1;display:inline-block;background:#eee;}
#sidebar-wrapper .widget ul{margin:0;padding:0}
.widget-content{margin:0;padding:0;overflow:hidden}
.sidebar,.sidebartop {line-height:1.5em;padding:0}
.sidebar ul,.sidebartop ul {padding:0;margin:0}
.BlogArchive #ArchiveList ul li {text-indent:0!important}
.sidebar ul li,.sidebartop ul li{margin:0;padding:10px;border-bottom:1px solid rgba(0,0,0,0.05);}
.sidebar .widget{margin:0}
.sidebartop .widget{margin:0 0 10px 0}
Tidak ada komentar