ep_codepad
Version:
Turn etherpad into a realtime collaborative development environment
237 lines • 4.78 kB
CSS
/* codepad rules */
#filebody {
padding: 0;
margin: 0;
}
.bal {
float: left;
width: 13%;
height: 100%;
margin: 0;
padding: 0;
}
.nav {
height: 36px;
margin: 0;
padding: 0;
}
.fileTree {
width: 100%;
overflow: auto;
margin: 0;
padding: 0;
height: calc(100% - 64px);
/* opera */
height: -o-calc(100% - 64px);
/* google, safari */
height: -webkit-calc(100% - 64px);
/* firefox */
height: -moz-calc(100% - 64px);
}
.srs {
width: 100%;
height: 28px;
}
.sr .search {
float: left;
width: 60%;
}
.sr .offer {
float: right;
width: 40%;
}
.fileView {
float: right;
width: 87%;
height: 100%;
border: none;
padding: 0px 0px 0px 0px;
}
.buttonicon-codepad_nav_home:before {
content: "\f015";
font-family: FontAwesome;
color: #666;
font-size: 14px;
}
.buttonicon-codepad_nav_log:before {
content: "\f022";
font-family: FontAwesome;
color: #666;
font-size: 14px;
}
.buttonicon-codepad_nav_padmin:before {
content: "\f013";
font-family: FontAwesome;
color: #666;
font-size: 14px;
}
.buttonicon-codepad_nav_search:before {
content: "\f002";
font-family: FontAwesome;
color: #666;
font-size: 14px;
}
.buttonicon-codepad_nav_play:before {
content: "\f144";
font-family: FontAwesome;
color: #666;
font-size: 14px;
}
/* the standard rules */
UL.jqueryFileTree {
font-family: Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 0px;
margin: 0px;
}
UL.jqueryFileTree LI {
list-style: none;
padding: 0px;
padding-left: 8px;
margin: 0px;
white-space: nowrap;
}
UL.jqueryFileTree A {
text-decoration: none;
display: block;
padding: 0px 2px;
}
.jqueryFileTree LI:before {
font-family: FontAwesome;
font-size: 14px;
padding-right: 7px;
cursor: pointer;
float: left;
background: left top no-repeat;
text-shadow: 0.5px 0.5px 1px #222;
}
.jqueryFileTree LI.directory:before {
content: "\f07b";
color: #FC0;
}
.jqueryFileTree LI.expanded:before {
content: "\f07c";
color: #FE0;
}
.jqueryFileTree LI.file:before {
content: "\f15b";
color: #888;
}
.jqueryFileTree LI.wait:before {
content: "\f07b";
color: #FD0;
}
/* File Extensions*/
.jqueryFileTree LI.ext_diff:before {
content: "\f15c";
color: #0DD;
}
.jqueryFileTree LI.ext_tap:before {
content: "\f15c";
color: #D0D;
}
.jqueryFileTree LI.ext_scala:before {
content: "\f15c";
color: #D0D;
}
.jqueryFileTree LI.ext_groovy:before {
content: "\f15c";
color: #5DD;
}
.jqueryFileTree LI.ext_erlang:before {
content: "\f15c";
color: #D5D;
}
.jqueryFileTree LI.ext_vb:before {
content: "\f15c";
color: #DD5;
}
.jqueryFileTree LI.ext_jfx:before {
content: "\f15c";
color: #8DD;
}
.jqueryFileTree LI.ext_csharp:before {
content: "\f15c";
color: #D8D;
}
.jqueryFileTree LI.ext_python:before {
content: "\f15c";
color: #DD8;
}
.jqueryFileTree LI.ext_php:before {
content: "\f15c";
color: #ADD;
}
.jqueryFileTree LI.ext_css:before {
content: "\f15c";
color: #DAD;
}
.jqueryFileTree LI.ext_haxe:before {
content: "\f15c";
color: #DDA;
}
.jqueryFileTree LI.ext_typescript:before {
content: "\f15c";
color: #FDD;
}
.jqueryFileTree LI.ext_cpp:before {
content: "\f15c";
color: #DFD;
}
.jqueryFileTree LI.ext_applescript:before {
content: "\f15c";
color: #DDF;
}
.jqueryFileTree LI.ext_as3:before {
content: "\f15c";
color: #33D;
}
.jqueryFileTree LI.ext_bash:before {
content: "\f15c";
color: #D33;
}
.jqueryFileTree LI.ext_java:before {
content: "\f15c";
color: #3D3;
}
.jqueryFileTree LI.ext_powershell:before {
content: "\f15c";
color: #55D;
}
.jqueryFileTree LI.ext_perl:before {
content: "\f15c";
color: #D55;
}
.jqueryFileTree LI.ext_js:before {
content: "\f15c";
color: #DE8;
}
.jqueryFileTree LI.ext_sql:before {
content: "\f15c";
color: #99D;
}
.jqueryFileTree LI.ext_sass:before {
content: "\f15c";
color: #D99;
}
.jqueryFileTree LI.ext_delphi:before {
content: "\f15c";
color: #9D9;
}
.jqueryFileTree LI.ext_coldfusion:before {
content: "\f15c";
color: #66E;
}
.jqueryFileTree LI.ext_ruby:before {
content: "\f15c";
color: #E66;
}
.jqueryFileTree LI.ext_xml:before {
content: "\f15c";
color: #CCF;
}
.jqueryFileTree LI.ext_plain:before {
content: "\f15c";
color: #999;
}