PHP Classes

File: prod/css/main.css

Recommend this page to a friend!
  Classes of dav y   Telex   prod/css/main.css   Download  
File: prod/css/main.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Telex
Publish and share messages like with Twitter
Author: By
Last change: 911

911
stable

added appx, framework of apps
Date: 6 years ago
Size: 3,864 bytes
 

Contents

Class file image Download
/*FractalFramework*/ body{background:#f5f5f5;} /*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:#f5f5f5; padding:20px;} /*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; }