Zwielicht A D M I N
Anzahl der Beiträge : 619Anmeldedatum : 04.03.10 Thema: Nói Inbox Mi Jul 13, 2016 12:29 am
Gefällt mir Gefällt mir nicht
Zwielicht A D M I N
Anzahl der Beiträge : 619Anmeldedatum : 04.03.10 Thema: Stas Di Jul 26, 2016 4:54 pm Code: <link href="https://fonts.googleapis.com/css?family=Exo+2:400,600|Source+Code+Pro" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"><style type="text/css">div#svcinbox {width:400px; height:250px; padding:15px; text-align:left; border:3px solid #efefef; outline:2px solid #fff; background:#fff; box-shadow:9px 7px 0px #ddd; font-family:'Exo 2', sans-serif; color:#333; font-size:12px; position:relative; overflow:hidden;} #svcinbox .svcBild {width:175px; height:175px; border-radius:50%; border:3px double #ddd; z-index:10;} #svcinbox .svcBildBorder {width:181px; height:181px; padding:20px; position:absolute; top:23px; right:-73px; border-radius:50%; border:1px solid #ddd; z-index:10; background-color:#efefef;} .svcTain [type=radio] {display:none;} .svcTain .svccont {opacity:0; position:absolute; bottom:15px; left:0px; width:235px; height:210px; padding-right:5px; background-color:#fff; overflow-x:display; overflow-y:auto; font-family:'Exo 2', sans-serif; font-size:10px; text-align:justify; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; -ms-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s;} .svccont b {font-weight:600 !important;} .svccont cc {display:inline-block; font-family:'Source Code Pro', monospace; font-size:10px; color:#000; margin:0px -20px 10px 10px;} .svccont y {color:#000; display:inline-block; margin:0px 5px 0px 2px; font-size:15px;} .svccont a:hover {color:#fff; text-shadow:0px 0px 5px #eee;} .svccont mini {display:block; margin-left:20px; font-size:9px;} #svcinbox .svcTain label {cursor:pointer; cursor:hand; display:block; position:absolute; top:5px; left:5px; width:50px; margin:0px 2px; height:10px; font-size:12px; line-height:12px; padding:2px 0px 6px; border:0px solid #fff; color:#fff; background-color:#fff; box-shadow:inset 0px 18px 0px #b9b9b9; text-align:center; float:left; -webkit-transition:box-shadow linear 0.3s, border 0.3s linear, width 0.3s linear, color 0.3s ease 0.35s, margin 0.3s ease-in-out; -moz-transition:box-shadow linear 0.3s, border 0.3s linear, width 0.3s linear, color 0.3s ease 0.35s, margin 0.3s ease-in-out; -ms-transition:box-shadow linear 0.3s, border 0.3s linear, width 0.3s linear, color 0.3s ease 0.35s, margin 0.3s ease-in-out; -o-transition:box-shadow linear 0.3s, border 0.3s linear, width 0.3s linear, color 0.3s ease 0.35s, margin 0.3s ease-in-out; transition:box-shadow linear 0.3s, border 0.3s linear, width 0.3s linear, color 0.3s ease 0.35s, margin 0.3s ease-in-out;} #svcinbox label:hover {border-width:0px 14px; width:22px; box-shadow:inset 0px 0px 0px #b9b9b9 !important; color:#333;} [type=radio]:checked + label {box-shadow:inset 0px 0px 0px #b9b9b9 !important; color:#333 !important; margin-left:60px !important; width:24px; padding-left:13px; padding-right:13px;} [type=radio]:checked ~ .svccont {z-index:3; opacity:1; left:25px;} [type=radio]:checked ~ label ~ .svcTain {z-index:3;} #svcinbox *::-webkit-scrollbar {background:#fff; width:4px;} #svcinbox *::-webkit-scrollbar-thumb {background:#B4EB32; webkit-border-radius:5px; border-radius:5px;}</style><!-- --> <center><div id="svcinbox"><div class="svcBildBorder"><img src="http://fs5.directupload.net/images/160726/sb5eaqxm.png" class="svcBild" /></div><span class="svcTain"><input id="svc3" name="svctabs" type="radio"><label for="svc3"><i class="fa fa-phone" aria-hidden="true"></i></label><div class="svccont"><cc>C:\Users\Chernykh_S\Inbox\Telefon</cc> Lorem Ipsum, Anrufbeantworter-Text... </div></input></span><!-- --><span class="svcTain"><input id="svc2" name="svctabs" type="radio"><label for="svc2" style="top:30px;"><i class="fa fa-users" aria-hidden="true"></i></label><div class="svccont"><cc>C:\Users\Chernykh_S\Inbox\Kontakte</cc><div style="height:157px; overflow:auto; width:230; padding-right:5px;"> <i>Keine Kontakte..?</i> <!-- VORLAGE: <y><i class="fa fa-user" aria-hidden="true"></i></y> NACHNAME, Vorname <mini>Info..?</mini> --></div></div></input></span> </div></center><br />
Gefällt mir Gefällt mir nicht