File: css/callme.css

Recommend this page to a friend!
  Classes of Andras Toth   Call Me   css/callme.css   Download  
File: css/callme.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Call Me
Establish video chat communications between users
Author: By
Last change: some small change
Date: 2 years ago
Size: 5,490 bytes
 

Contents

Class file image Download
#wrapper { top: 0; bottom: 0; left: 0; right: 0; position: absolute; padding-left: 0; background-color: rgba(45, 45, 45, 0.2); background-image: url("images/callme.png"); background-position: center; background-size: 50%; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled { padding-left: 275px; } #sidebar-wrapper { width: 0; overflow-x: hidden; z-index: 1000; position: relative; height: 100%; margin-left: -275px; overflow-y: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-color: rgba(244, 180, 0, 0.9); } #sidebar-wrapper .col-md-12{ float: right; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); box-shadow: 0px 1px 4px rgba(0,0,0,.3); width: 275px; background-color: #f4b400; } #sidebar-wrapper .col-md-12 h3{ margin-top:10px; } #wrapper.toggled #sidebar-wrapper { width: 275px; } #page-content-wrapper { top: 0; left: 0; position: fixed; width: 100%; height: 100%; padding: 15px; } #wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -275px; } /* Sidebar Styles */ .sidebar-nav { overflow-y: auto; position: absolute; top: 90px; width: 275px; margin: 0; padding: 0; list-style: none; bottom: 0; } .sidebar-nav li { text-indent: 5px; line-height: 40px; } .sidebar-nav li a { cursor: default; display: block; text-decoration: none; color: #FFFFFF; } .sidebar-nav li a:hover { font-weight: normal; cursor: pointer; text-decoration: none; background-color: transparent; } .active a { text-decoration: none; background: rgba(0, 0, 0, 0.05) !important; } .btn-round { outline: none; line-height: 1.8; margin: 5px; border-radius: 50%; float: right; box-shadow: 0px 0px 2px 2px rgba(45, 45, 45, 0.1); } .btn-round:focus, .btn-round:active { outline: none !important; } .round-sm { color:white; margin-top: 14px; width: 25px; height: 25px; padding: 0; } .round-sm .glyphicon { line-height: 0; } .shadow-page { -webkit-box-shadow: 2px 4px 5px rgba(0, 0, 0, .15), 0px 9px 14px rgba(0, 0, 0, .05), inset 0px 1px 0px rgba(255, 255, 255, .25), inset 0px -1px 0px rgba(0, 0, 0, .10); -moz-box-shadow: 2px 4px 5px rgba(0, 0, 0, .15), 0px 9px 14px rgba(0, 0, 0, .05), inset 0px 1px 0px rgba(255, 255, 255, .25), inset 0px -1px 0px rgba(0, 0, 0, .10); box-shadow: 2px 4px 5px rgba(0, 0, 0, .15), 0px 9px 14px rgba(0, 0, 0, .05), inset 0px 1px 0px rgba(255, 255, 255, .25), inset 0px -1px 0px rgba(0, 0, 0, .10); } #own-video { position: absolute; background-color: transparent; bottom: 0; right: 0; margin: 5px; } #their-video { left: 0; top: 0; position: absolute; width: 100%; } :-webkit-full-screen{ background-color: #2d2d2d; } :-moz-full-screen{ background-color: #2d2d2d; } :-ms-fullscreen{ background-color: #2d2d2d; } :full-screen{ background-color: #2d2d2d; } :fullscreen{ background-color: #2d2d2d; } ::backdrop { background-color: #2d2d2d; } ::-ms-backdrop { background-color: #2d2d2d; } :-webkit-full-screen #their-video{ left: 0; top: -25%; position: absolute; bottom: -25%; right: 0; } :-moz-full-screen #their-video{ left: 0; top: -25%; position: absolute; bottom: -25%; right: 0; } :-ms-fullscreen #their-video{ left: 0; top: -25%; position: absolute; bottom: -25%; right: 0; } :full-screen #their-video{ left: 0; top: -25%; position: absolute; bottom: -25%; right: 0; } :fullscreen #their-video{ left: 0; top: -25%; position: absolute; bottom: -25%; right: 0; } ::backdrop { background-color: #2d2d2d; } ::-ms-backdrop { background-color: #2d2d2d; } .glyphicon { line-height: 1.8; } .img-circle-thumb { box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, 0.50); margin: 5px; width: 40px; height: 40px; } .img-circle-user { box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, 0.50); margin: 5px; width: 60px; height: 60px; } #preview_user { float: left; display: inline-block; } #preview_user > span { text-shadow: 1px 1px 1px rgb(228, 228, 228); color: #2D2D2D; font-size: 20px; vertical-align: middle; text-decoration: none; } .control-panel{ bottom: 0; position: absolute; width: 100%; text-align: center; } .control-panel > .col-md-6{ display: inline-block; padding: 5px; float: none; border-radius: 100px; background-color: rgba(0, 0, 0, 0.2); webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7); } .hidden { display: none; } .modal-dialog { width: 50%; height: 50%; } .modal-header { color: white; } .modal-body, .modal-footer { background-color: #FFFFFF; } .modal-content { background-color: #f4b400; } .modal-body img { height: 150px; } #alert-box { font-size: 26px; width: 50%; position: absolute; top: 10%; left: 25%; } input, button{ outline:0 !important; }