PHP Classes

File: prod/css/tlex.css

Recommend this page to a friend!
  Classes of dav y   Telex   prod/css/tlex.css   Download  
File: prod/css/tlex.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: 6 years ago
Size: 4,973 bytes
 

Contents

Class file image Download
/*tlex.fr*/ body{color:#292f33; height:100%;} input{border:1px solid #dfdfdf; padding:4px 3px 4px 7px; margin:0 0 2px;} form{display:inline-block;} h1,h2,h3{margin:12px 0;} h2{font-family:Arial; font-variant:small-caps;} hr{border:1px solid #e1e8ed;} #page{padding:0; margin:30px 0 0 0;} .container{width:890px; margin:36px auto;} .navigation{position:relative; width:890px; margin:0px auto;} /*dashboard*/ .dashboard{width:280px; position:absolute; max-width:600px;} .publishbt,.refreshbt{display:none; height:36px; color:#1da1f2; background-color:#e1e8ed; text-align:center; font-size:14px; line-height:36px; margin:0; margin-bottom:10px;} .refreshbt:hover{background-color:#bedfef;} .publishbt{background-color:#e5f2f7;} .nbntf{background:#1da1f2; border-radius:2px; color:white; font-size:14px; margin:0 3px;} a.nbntf{color:white;} .ntftit{color:#777; margin:0 1px 6px; font-weight:bold;} /*publish*/ .pblshcnt{margin-bottom:10px; max-width:660px;} .area{resize:none; overflow-wrap:break-word; width:100%; min-height:72px; background:white; border:1px solid #cfcfcf; padding:5px 10px;} #edcnt{} #edtsv{margin-top:6px;} .tlxapps{margin-top:10px; background:rgba(0,0,0,0.1); padding:10px;} .btsavno{color:gray; background-color:black;} .btsavno:hover{color:white; background-image:linear-gradient(#ffcccc,#ff0000);} .publishcnt{background-color:#e5f2f7; margin-bottom:10px;} .editordiv{width:600px; min-height:36px; padding:10px; font-size:16px; line-height:24px;} .edtbt{height:32px;} /*#pblshcnt form{width:100%;}*/ #srchfrm input{font-size:16px; padding:10px; width:calc(100vw - 50px); max-width:600px;} #srchfrm input:hover, #srchfrm input{color:#222;} /*content*/ .bigbt{padding:4px 20px 4px 10px;} .actions{text-align:center; padding:10px;} .actions a{padding:6px 16px; margin:0px;} .actions a:hover .pic{color:#1a282f;} .actions .pic{color:#aab8c2; transition:all 0.2s linear;} .actions a:hover .pic.del{color:red; background:white;} .liknb{color:black; margin-left:-4px; font-size:12px; font-family:Arial;} .artim{float:left; margin:10px;} /*.dashboard .board{max-height:840px; overflow-x:auto;}*/ /*timeline*/ .hdash{margin-top:-150px;} .htime{margin-top:0px;} .timeline{float:right; width:600px;} .timeline .btit{margin-bottom:10px;} .tmpop{width:500px; margin:10px;} /*.pagup .article{min-width:78vw;}*/ /*border-radius:0px; transition: all 0.3s linear; */ .bloc_top{display:table-row;} .bloc_left{display:table-cell; width:80px;} .bloc_content{display:table-cell; width:100%; vertical-align:top; text-align:left;} .message{font-family:Arial,sans-serif; margin:4px 0; padding:4px 0; font-size:16px; overflow-wrap:break-word;} .message .panec{max-width:510px; overflow-x:auto;} .label{font-family:Ubuntu;} .label .tx{font-size:14px; background:#7f7f7f; color:white; padding:1px 4px 0px 1px; float:right; border-radius:4px;} .label .pic{font-size:1em; font-weight:normal;} /*objects*/ .app{font-size:14px;} .app a{display:block; padding:2px; transition:all 0.2s linear 0s;} .app a:hover{background:#ffffff; color:#1da1f2;} .apptyp{font-family:Ubuntu; font-size:14px; color:#7f7f7f; padding:2px;} .apptit{font-size:16px;} .objects{margin:4px 0; overflow-wrap:break-word;} .objects a{margin:1px 5px 0 0; display:inline-block;} .objects img{filter:grayscale(100%); transition: all 0.2s linear 0s; border:1px solid black;} .objects img:hover{background:#3b88c3; filter:grayscale(0%);} .objects .licon{background:#f5f8fa; padding:2px 8px; border-radius:4px; box-shadow:1px 1px 4px #adadad;} .objects .licon:hover{background:#ffffff;} .ob{height:60px; color:#ffffff; background:#7ba8fd; border-radius:3px; margin:1px; padding:3px 16px 2px 1px; transition:all 0.2s linear 0s;} .ob:hover{background:#3030b0;} .ob .pic{background:white; width:60px; height:54px; text-align:center; padding:10px; font-size:2em;} .ob:hover .pic{color:#3030b0;} .ob div{display:inline-block; padding:0 10px; text-shadow:0 0 2px #777;} .hlight{box-shadow:0 0 4px #ccc;} img.left{margin-right:10px;} /*profile*/ /*react*/ @media screen and (max-device-width: 890px), screen and (max-width: 890px){ .container{width:auto; max-width:660px;} .navigation{width:auto; max-width:660px;} .abbt{padding:9px 3px 5px 8px;} .profile{min-width:auto;} .bigprofile{margin:0px 0 0 0;} .avatarbig{width:90px; height:90px; float:left; margin:0 10px 0 0;} #dsk{display:none;} .dashboard{width:auto; position:relative; margin:0 auto;} .credits{display:none;} .timeline{display:block; position:relative; float:none; margin:0 auto;} .bloc_content{display:block;} .message .panec{max-width:640px;} .bloc_left{display:block; float:left;} .tlxdsk{display:block;} .react{display:none;} .bub a{padding:2px 3px 3px 6px;} } @media screen and (max-device-width: 640px), screen and (max-width: 640px){ #page{padding:0; margin:36px 0px;} .dashboard{margin:0 10px; width:auto;} .timeline{margin:0 7px; width:auto;} .avatarsmall{width:30px; height:30px;} .bloc_left{width:40px;} .username{height:40px;} }