PHP Classes

File: prog/css/apps.css

Recommend this page to a friend!
  Classes of dav y   Telex   prog/css/apps.css   Download  
File: prog/css/apps.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Telex
Publish and share messages like with Twitter
Author: By
Last change:
Date: 7 years ago
Size: 5,997 bytes
 

Contents

Class file image Download
/*FractalFramework*/ body{background:#e6ecf0;} /*textarea full page*/ .editarea{background-color:#FFFFFF; font-size:large; border:1px dotted grey; padding:8px 12px; width:100%; height:calc(100vh - 100px); overflow-y:auto;} .txarea{font-family:Lucida Console, Courier New; background-color:#2F2F2F; border-left:4px solid #000; word-wrap:break-word; color:#fff; border:0; padding:10px; width:100%; height:calc(100vh - 100px);} /*additions*/ .btn, .btsav, .btdel{ /*background-image:linear-gradient(#f5f8fa,#f5f8fa);*/ } .btn:hover, a:hover .btn{ /*background-image:linear-gradient(#f5f8fa,#fff);*/ } .btn.active{ /*background-image:linear-gradient(#fff,#fff);*/ } .btsav{/*background-image:linear-gradient(#f5f8fa,#f5f8fa);*/ border-color:#0088e6;} .btsav:hover{background-color:#0088e6;} .active .btsav:hover{color:#fff;} .btdel{/*background-image:linear-gradient(#f5f8fa,#f5f8fa);*/ border-color:#a82020;} .btdel:hover{background-color:#c82020;} .btsav:hover{text-shadow:0px 0px 0px #fff;} .btdel:hover{text-shadow:0px 0px 0px #fff;} /*.btok:hover{color:#ffffff; background-image:linear-gradient(#22dd22,#44bb44); text-shadow:0px 0px 0px #fff;}*/ /*popup*/ .popup{} .bubble{} .popa{} .popu{} .bubu{} .bubu a{} /*@keyframes pagup{ from {background-color:black;} to {background-color:background:rgba(0,0,0,0.5);} } .pagup{background-color:background:rgba(0,0,0,0.5); animation-name:pagup; animation-duration:1s; }*/ #page{} #wrapper{} #content{background:#e6ecf0; padding:20px;} /*profile*/ .bigprofile{margin:29px 0 0 0; width:100%;} .profile{background-color:white; color:#424242; border-radius:5px; margin:0; min-width:280px;} .profileb{border:1px solid #e1e8ed; border-radius:6px; box-shadow:0 0 13px rgba(0,0,0,0.1);} .cols .profile{min-width:290px; margin-bottom:10px; min-height: 240px;} .banner{margin:1px 0 0 0; height:90px; border-radius:0; background-image:linear-gradient(#7ba8fd,#97c2ff); background-size:100% auto; background-position:0 50%; background-size:cover; box-shadow:0px -10px 30px -20px #000 inset;} .bansmall{text-align:center; padding:20px; background-color:rgba(0,0,0,0.2);} .bansmall a{color:white;} .bansmall .usrnam a{color:white; text-shadow:0px 1px 1px #000;} .bansmall .usrnam a:hover{color:white;} .banr{} .avatar,.avatarsmall,.avatarbig{background-color:#7ba8fd; display:inline-block; width:80px; height:80px; border-radius:40px; background-size:100% auto; background-position:center; background-size:cover; border:3px solid white;} .avatar{float:left; margin:-34px 10px 10px 10px;} .avatarsmall{width:60px; height:60px; margin:0px 10px 0 0; border-radius:30px;} .cicon .avatarsmall{margin:0px 10px;} .avatarbig{width:220px; height:220px; margin:-40px 10px 10px 0px; border-width:1px; border-radius:110px; box-shadow:0px -10px 30px -20px #000;} /*.username{clear:both;}*/ .profile .username{margin:0px 10px;} .usrnam{text-shadow:0px 1px 1px #fff; font-size:22px; margin:2px 0 2px;} .usrnam a{text-decoration:underline; color:black;} .usrnam .grey{font-size:14px;} .status{clear:both; color:#444; margin:10px; padding:0 0 4px;} .statustxt,.statusdiv{margin:4px 0; font-size:14px;} .cols .statustxt{height:110px; overflow-x:visible; overflow-y:auto;} .subscrban{clear:both; padding:7px; margin-bottom:10px; background:white;} .subscrstats{text-align:center; max-width:720px; margin:0 auto;} .subscrbt{text-align:center; display:inline-block; padding:0 4px;} .subscrxt{font-variant:small-caps; font-size:12px; color:#9d9d9d;} .followbt{float:right; margin:0 0 0 10px;} a:hover .subscrxt{color:#1da1f2;} .subscrnb{font-size:18px; color:#1da1f2;} /*design*/ .clr{color:#1da1f2;} /*art*/ .wrapper{width:100% - 40px); margin:0 0px;} .article{border:1px dotted white;} /*chat*/ .chatwrapper{background-color:#eaeaea; max-width:600px;} .chatcontent{height:calc(100vh - 200px); overflow-x:visible; overflow-y:auto; background-color:#eaeaea; padding:10px;} .chatpane{font-size:12px; color:black; background-color:lightblue; border:0px solid #aaa; margin:10px 0; padding:7px 10px; border-radius:2px; box-shadow: 2px 2px 4px #aaa; min-width:100px; max-width:60%;} .chatpane a{color:black;} .chatdate{display:block; font-size:x-small; margin:0 7px;} .chatprofile{background:whitesmoke; padding:9px; font-size:small;} .chatform{background-color:#f4f4f4; width:auto; display:block;} .flex-container{padding:0; margin:10px 0; list-style:none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex;} .chatarea{width:100%; max-width:calc(100vw - 24px); resize:none; padding:4px;} .divarea{display:block; height:100px; width:100%; overflow-y:auto; background:white; padding:4px;} .row{-webkit-flex-direction: row; flex-direction: row;} .row-reverse{-webkit-flex-direction: row-reverse; flex-direction: row-reverse;} .flex-container li{margin:0;} .row-reverse .chatpane{background:steelblue; color:white;} .menu,.menuactive{clear:left; background:#f4f4f4; margin:0; padding:4px 7px;} .menuactive{background:#D0D0D0;} .menu:hover{background:#ffffff;} /*slide*/ .slide{background:black; color:white; align:center; display:flex; min-height:300px; width:100%; padding:100px; margin:10px 0 0 0; white-space:pre-wrap;} /*card*/ .cstitle{font-size:22px; font-family:Ubuntu;} .csfunction{font-size:18px; font-family:Ubuntu; font-color:silver;} .csname{font-size:14px; font-color:orange;} .cssite{font-size:14px; font-color:grey;} .csinfos{font-size:12px; font-color:silver;} .cscard{text-align:center; border:2px solid black; padding:20px 40px;} .cscard div{margin:4px;} /*page-elements*/ .track{border:1px solid silver; padding:10px; border-radius:4px;} /*share*/ .pic.twitter{padding:0 10px; color:#1da1f2;} .pic.facebook{padding:0 10px; color:#3b5998;} .pic.stumble{padding:0 10px; color:#ab4924;} .pic.gplus{padding:0 10px; color:#c03c30;} /*dev*/ #dev{font-size:small; position: fixed; min-width: 40px; top: 0; right: 0; z-index: 2; background: #e5e5e5; }