{background-color: #898989}*{-webkit-user-select:none}img{max-width:100%}img{max-height:100%}p{color:#bbb} p:hover{color:#fff}p{transition:.4s}p:hover{text-shadow: 1px 1px 6px #333}[name=komocside]{top:0}[name=komocside]{left:0}[name=komocside]{position:fixed}[name=komocside]{height:100%}[name=komocside]{min-width:350px}[name=komocside]{width:25.62%}[name=komocside]{background:#ccc}[name=komocside]{border-right:solid 4px #555}[name=komocside]{box-shadow: inset 0 155px 0 #000}[name=komocside]{padding-top:25px}[name=komocside]{padding-left:3px}[name=komocside]{padding-right:0px}[name=komocside] img{border-radius:50%}[name=komocside] img{max-width:245px}[name=komocside] img{-webkit-filter:grayscale(0.5)}[name=komocside] img{max-height:auto}[name=komocside] img{box-shadow: 0 4px #000, 0 -4px #000, 4px 0 #000, -4px 0 #000}[name=komocside]{text-align:center}[name=groeffzika]{font-family:century-gothic}[name=groeffzika]{height:28px} [name=groeffzika]{background:#ccc}[name=groeffzika]{overflow: hidden} [name=komoclindo] a{text-decoration:none}[name= komoclindo]:hover{color:#fff}[name= komoclindo] a{color:#000}[name= komoclindo]:hover a{color:#fff}[name= komoclindo] a{line-height:28px}[name= komoclindo]:hover{letter-spacing:1.7px}[name= komoclindo]{transition:.6s}[name= komoclindo]:hover{background:none}[name= komoclindo]:hover{box-shadow: inset -600px 0 0 #555}[name=groeffabout]:hover{box-shadow: inset -600px 0 0 #555}[name=komocabout]:hover{color:#fff}[name=komocabout]{transition:.6s}[name=komocabout]{font-family:sans-serif}[name=komocabout]{width:100%}[name=komocabout]{font-size:15px}[name=komocabout] p{font-family:century-gothic} [name=komocabout] p{line-height: 15px}[name=komocabout]{padding-bottom:4px} [name=komocabout] p{color: #000}[name=komocabout] p{text-shadow: 2px 2px 3px #000} [name=komocabout]:hover p{color: #fff}[name=komocabout] embed{-webkit-filter: opacity(0)}[name=komocabout]:hover embed{-webkit-filter: opacity(1)}[name=komocabout] embed{transition:.6s}[name=komocabout] embed{box-shadow: 3px 1px 3px #000}[name=komoccontent]{position:absolute}[name=komoccontent]{left:40.58%}[name=komoccontent]{top:0px}[name=komoccontent]{width:44.32%}[name=komoccontent]{margin-top:25px}[name=komoccontent]{margin-bottom:25px}[name=komoccontent]{padding:1px 10px 1px 10px}[name=komoccontent]{border-radius:8px}[name=komoccontent]{background:#bbb}[name=komoccontent]{text-align:center}[name=komoccontent] p{font-family:century gothic}[name=komoccontent] p{font-size:13px}[name=komoccontent] p{background:#555}[name=komoccontent] p{margin-bottom:1px}[name=komoccontent] p{padding:5px}[name=grayscale]{-webkit-filter: grayscale(0.84)}[name=grayscale]{transition:.4s}[name=grayscale]:hover{-webkit-filter: grayscale(0)}[name=groeffpost]{color:#555}[name=komocpost]{font-family:arial}[name=komocpost]{padding:5px}[name=komocpost]{font-size:12px}[name=komocpost]{margin-bottom:2px}[name=komocpost]{text-align:center}[name=komocpost]{transition:.4s}[name=komocpost]:hover{color:#bbb}[name=komocpost]:hover{background:#555}[name=komocpost]:hover{border-radius:0px 0px 10px 10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar{background:#555}::-webkit-scrollbar-thumb{background:#ccc}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-thumb{box-shadow:0 0 4px rgba(0, 0, 0, 0.9);}{background:url(http://i68.tinypic.com/2s0cop1.png)no-repeat 0 0/100% 100% fixed} /* License: CC-BY-NC-ND 4.0 International - Author: Majora (Daniel. S.) */ :root body{overflow:hidden} [name=lil],[name=lir]{position:absolute} [name=lil]{width:192px} [name=lir]{width:440px} [name=lil],[name=lir]{top:8px} [name=lil]{left:6px} [name=lir]{right:6px} [name^=bt]:hover{left:-54px} [name^=bt]{transition:.5s ease-in-out} [name^=bt]{margin-bottom:4px} [name^=bt]{position:relative} [name^=bt]{left:-150px} [name$=kik]{background:url(http://i66.tinypic.com/2vt5uo6.png)100% 0,linear-gradient(190deg, #777 0%,#111 100%)} [name$=fb]{background:url(http://i64.tinypic.com/2ihqumc.png)100% 0,linear-gradient(190deg, #777 0%,#111 100%)} [name$=sky]{background:url(http://i65.tinypic.com/lzkna.png)100% 0,linear-gradient(190deg, #777 0%,#111 100%)} [name$=kik]:hover{box-shadow:inset 0 0 8px rgba(129,188,34,.7),0 0 2px#000} [name$=fb]:hover{box-shadow:inset 0 0 8px rgba(60,90,153,.7),0 0 2px#000} [name$=sky]:hover{box-shadow:inset 0 0 8px rgba(4,165,234,.7),0 0 2px#000} [name^=bt],[name^=tab]{box-shadow:inset 0 0 8px rgba(0,0,0,.5),0 0 2px#000} [name^=tab]:hover{right:-54px} [name^=tab]{right:-360px} [name^=tab]{transition:.5s ease-in-out} [name^=tab]{margin-bottom:4px} [name^=tab]{position:relative} [name^=tab]{border-radius:8px} [name^=tab]{width:440px} [name^=tab]{height:70px} [name^=tab]{display:inline-block} [name^=tabby]{background:url(http://i65.tinypic.com/2s929et.png),linear-gradient(190deg, #777 0%,#111 100%)} [name^=tabse]{background:url(http://i67.tinypic.com/2d0fax4.png),linear-gradient(190deg, #777 0%,#111 100%)} [name^=tabco]{background:url(http://i66.tinypic.com/x5p06w.png),linear-gradient(190deg, #777 0%,#111 100%)} [name^=tabco]{height:118px} [name^=tabco]{transform:rotate(-90deg)} [name^=tabco]{top:42px} [name^=tabco]{right:-368px} [name^=tabco]:hover{right:-260px} [name^=tabco]{width:192px} [name^=tabco]:hover{transform:rotate(0deg)} [name^=tabco]:hover{top:8px} [name^=bt]{border-radius:8px} [name^=bt]{height:48px} [name^=bt]{width:192px} [name^=bt]{display:inline-block} body{margin:0;}











ودا تحطوا فى المربع التاني فى الاخر خالص

<div name="lil">
    <a href="http://kik.me/Brysterrr" name="btkik"></a>
    <a href="http://facebook.com/brysterrr" name="btfb"></a>
    <a href="skype:brysterrr?chat" name="btsky"></a>
</div>
<div name="lir">
    <a href="#" name="tabby"></a>
    <a href="#" name="tabse"></a>
    <a href="#" name="tabco"></a>
</div>