/* --- GIVE ME A CALL (SKYPE) by rubyRED.DIAMOND @ Storming Gates --- HINTERGRUND-BOX */ #skype {width: 500px; height: 480px; background: #ffffff; border: 5px solid #dedede;} #skype a {color: #02729b;} #skype a:hover {letter-spacing: 2px;} /* --- LINKE BOX */ .skypeleft {width: 180px; height: 480px; overflow-y: auto; overflow-x: hidden; background: #f5fcfe; border-right: 1px solid #dbe4e7; float: left; box-sizing: border-box;} /* --- LINKS: BLAUER HEADER */ .slblue {width: 180px; height: 90px; background: #00b1f3; color: #ffffff; font-family: arial; font-size: 10px; line-height: 13px; text-align: center; padding: 23px 12px; box-sizing: border-box;} .slblue b {color: #ffffff; font-family: arial; font-size: 12px; font-weight: bold; line-height: 13px; text-align: center;} .slblue img {width: 60px; height: 60px; overflow: hidden; float: left; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; border: 5px solid #00a1e0; margin-top: -13px;} .slbonline {width: 9px; height: 9px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; position: relative; top: 40px; right: -50px; border: 2px solid #00a1e0;} /* --- NAVIGATION */ .snav {width: 180px; height: 35px; font-family: arial; font-size: 11px; line-height: 12px; color: #00b1f3; text-align: left; letter-spacing: 1px; padding: 10px; border-bottom: 1px solid #dbe4e7; box-sizing: border-box;} .snavr {float: right; margin-right: 10px; margin-top: -12px;}/* --- FREUNDESLISTE */ .sfriend {width: 180px; height: 45px; font-family: arial; font-size: 11px; line-height: 12px; color: #000000; text-align: left; letter-spacing: 1px; padding-top: 6px; padding-left: 16px; box-sizing: border-box;} .sfriend img {width: 45px; height: 45px; float: left; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; border: 1px solid #00a1e0; margin-right: 10px; margin-top: -6px;} .sfonline {width: 8px; height: 8px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; position: relative; top: 28px; right: -37px; border: 1px solid #00a1e0;} /* --- RECHTE BOX */ .skyperight {width: 500px; height: 480px; overflow-y: auto; overflow-x: hidden; background: #ffffff; box-sizing: border-box;} /* --- RECHTS: HELLBLAUER HEADER */ .srhead {width: 500px; height: 90px; background: #ebf5f8; font-family: arial; font-size: 10px; color: #000000; text-align: left; padding: 20px; border-bottom: 1px solid #dbe4e7; box-sizing: border-box;} .srhead img {width: 60px; height: 60px; overflow: hidden; float: left; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; border: 5px solid #00a1e0; margin-right: 10px; margin-top: -10px;} .srhead b {color: #000000; font-family: arial; font-size: 12px; line-height: 13px; font-weight: bold; text-align: center;} .sronline {width: 10px; height: 10px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; position: relative; top: 42px; right: -52px; border: 2px solid #00a1e0;} /* --- SKYPE-CHAT */ .stexter1 {clear: right; width: 330px; background: #c7edfc; font-family: arial; font-size: 11px; color: #000000; text-align: justify; padding: 8px 10px; margin-left: 10px; margin-bottom: 10px; float: left; -webkit-border-radius: 150px; -moz-border-radius: 15px; border-radius: 15px; box-sizing: border-box;} .stexter2 {clear: left; width: 330px; background: #ebf5f8; font-family: arial; font-size: 11px; color: #000000; text-align: justify; padding: 8px 10px; margin-right: 10px; margin-bottom: 10px; float: right; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; box-sizing: border-box;} .stexter {width: 200px; font-family; arial; font-size: 8px; color: #00a1e0; font-style: italic; text-align: right; text-transform: uppercase; padding-top: 5px;} /* --- SKYPE-ANRUF */ .stel {width: 320px; height: 200px; border: 5px solid #ffffff; box-sizing: border-box; margin-top: -15px;} .stels {width: 80px; height: 80px; border: 5px solid #ffffff; position: relative; bottom: 90px; left: 108px; box-sizing: border-box;} .skypetext {width: 320px; height: 190px; overflow: auto; border: 5px solid #ffffff; background: #dbe4e7; font-family: arial; font-size: 10px; color: #000000; text-align: justify; margin-top: -103px; padding: 10px; box-sizing: border-box;} /* --- SCROLLBAR */ #skype ::-webkit-scrollbar {width: 4px;} #skype ::-webkit-scrollbar-track-piece {background-color:#d4d4d4;} #skype ::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#00a1e0;} /*