mirror of
https://github.com/xevidos/codiad.git
synced 2024-12-22 13:52:16 +01:00
Started work on pwa compatibility, Started rewrite of styles
This commit is contained in:
xevidos
parent
30523e3eb7
commit
56a8c22cb0
47 changed files with 293 additions and 2196 deletions
|
|
@ -1,4 +1,21 @@
|
|||
( function( global, $ ) {
|
||||
|
||||
var codiad = global.codiad = {};
|
||||
var codiad = global.codiad = {
|
||||
|
||||
theme: global.theme,
|
||||
themes: global.themes,
|
||||
|
||||
init: function() {},
|
||||
|
||||
addCSS: function( url, container ) {
|
||||
|
||||
console.log( url, container );
|
||||
return container.append( `<link rel="stylesheet" href="${url}" />` );
|
||||
},
|
||||
|
||||
addThemeCSS: function( file ) {
|
||||
|
||||
return this.addCSS( `themes/${this.theme}/${file}`, $( 'body,html' ) );
|
||||
},
|
||||
};
|
||||
})( this, jQuery );
|
||||
|
|
@ -1569,7 +1569,7 @@
|
|||
values.push( pass );
|
||||
if( pass ) {
|
||||
|
||||
value.element.parent().css( 'color', 'black' );
|
||||
value.element.parent().css( 'color', '' );
|
||||
} else {
|
||||
|
||||
value.element.parent().css( 'color', 'red' );
|
||||
|
|
|
|||
86
assets/js/login.js
Normal file
86
assets/js/login.js
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
( function( global, $ ) {
|
||||
|
||||
// Define core
|
||||
let codiad = global.codiad,
|
||||
scripts = document.getElementsByTagName( 'script' ),
|
||||
path = scripts[scripts.length-1].src.split( '?' )[0],
|
||||
curpath = path.split( '/' ).slice( 0, -1 ).join( '/' ) + '/';
|
||||
|
||||
$( document ).ready( function() {
|
||||
|
||||
codiad.login.init();
|
||||
});
|
||||
|
||||
codiad.login = {
|
||||
|
||||
form: null,
|
||||
|
||||
init: function() {
|
||||
|
||||
console.log( codiad );
|
||||
this.load_styles();
|
||||
|
||||
let d = {
|
||||
|
||||
username: {
|
||||
|
||||
default: "",
|
||||
label: "Username: ",
|
||||
name: "username",
|
||||
required: true,
|
||||
type: "text",
|
||||
},
|
||||
password: {
|
||||
|
||||
default: "",
|
||||
label: "Password: ",
|
||||
name: "password",
|
||||
required: true,
|
||||
type: "text",
|
||||
},
|
||||
};
|
||||
this.form = new codiad.forms({
|
||||
data: d,
|
||||
container: $( "#container" ),
|
||||
submit_label: "Login",
|
||||
});
|
||||
this.form.submit = this.submit;
|
||||
},
|
||||
|
||||
load_styles: function() {
|
||||
|
||||
codiad.addThemeCSS( "jquery.toastmessage.css" );
|
||||
codiad.addThemeCSS( "reset.css" );
|
||||
codiad.addThemeCSS( "fonts.css" );
|
||||
codiad.addThemeCSS( "screen.css" );
|
||||
codiad.addThemeCSS( "forms/screen.css" );
|
||||
},
|
||||
|
||||
submit: async function() {
|
||||
|
||||
let _this = this;
|
||||
let submit = _this.v.controls.find( `[type="submit"]` );
|
||||
|
||||
if( _this.saving ) {
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
_this.saving = true;
|
||||
submit.attr( "disabled", true );
|
||||
submit.text( "Submitting ..." );
|
||||
|
||||
let data = await _this.m.get_values();
|
||||
//let response = await codiad.common.ajax( "./index.php", "POST", data );
|
||||
|
||||
console.log( data );
|
||||
|
||||
submit.attr( "disabled", true );
|
||||
submit.text( "Logging In ..." );
|
||||
|
||||
submit.text( _this.submit_label );
|
||||
submit.attr( "disabled", false );
|
||||
_this.saving = false;
|
||||
},
|
||||
};
|
||||
})( self, jQuery );
|
||||
|
|
@ -8,61 +8,15 @@ class Authentication {
|
|||
|
||||
function authenticate( $username, $password ) {
|
||||
|
||||
$type = AUTH_TYPE;
|
||||
$result = false;
|
||||
$path = "types/$type";
|
||||
|
||||
if( is_file( $path ) ) {
|
||||
|
||||
require_once( $path );
|
||||
|
||||
$t_class = ucfirst( $type );
|
||||
|
||||
if( class_exists( $type ) && method_exists( $type, "get_instance" ) ) {
|
||||
|
||||
$t_i = $type::get_instance();
|
||||
$result = $t_i->authenticate( $username, $password );
|
||||
|
||||
if( $result === true ) {
|
||||
|
||||
$this->generate_session( $username );
|
||||
}
|
||||
}
|
||||
}
|
||||
return $result;
|
||||
}
|
||||
|
||||
static function check_session() {}
|
||||
|
||||
static function check_token() {
|
||||
|
||||
$_ = self::get_instance();
|
||||
$url = Common::get_current_url();
|
||||
$type = AUTH_TYPE;
|
||||
$path = "types/$type";
|
||||
|
||||
if( isset( $_SESSION["username"] ) && isset( $_SESSION["token"] ) ) {
|
||||
|
||||
if( is_file( $path ) ) {
|
||||
|
||||
require_once( $path );
|
||||
|
||||
$t_class = ucfirst( $type );
|
||||
|
||||
if( class_exists( $type ) && method_exists( $type, "get_instance" ) ) {
|
||||
|
||||
$t_i = $type::get_instance();
|
||||
$result = $t_i->check_token();
|
||||
|
||||
if( $result === true ) {
|
||||
|
||||
$this->refresh_session();
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
||||
header( "Location: " . Common::get_current_url() . "login.php?redirect=" . urlencode( base64_encode( $url ) ) );
|
||||
exit();
|
||||
}
|
||||
}
|
||||
|
||||
function generate_session( $username ) {
|
||||
|
|
|
|||
183
index.php
183
index.php
|
|
@ -1,16 +1,16 @@
|
|||
<?php
|
||||
|
||||
ini_set( 'display_errors', 1 );
|
||||
ini_set( 'display_startup_errors', 1 );
|
||||
error_reporting( E_ALL );
|
||||
|
||||
require_once( __DIR__ . "/components/initialize/class.initialize.php" );
|
||||
|
||||
Initialize::get_instance();
|
||||
Authentication::check_token();
|
||||
$valid_session = Authentication::check_session();
|
||||
$components = scandir( COMPONENTS );
|
||||
|
||||
unset( $components["."], $components[".."] );
|
||||
|
||||
// Theme
|
||||
$theme = THEME;
|
||||
|
||||
if( isset( $_SESSION['theme'] ) ) {
|
||||
|
||||
$theme = $_SESSION['theme'];
|
||||
|
|
@ -27,87 +27,118 @@ if( isset( $_SESSION['theme'] ) ) {
|
|||
maximum-scale=1.0,
|
||||
user-scalable=no">
|
||||
<title><?php echo SITE_NAME;?></title>
|
||||
<script>
|
||||
|
||||
var theme = `<?php echo $theme;?>`;
|
||||
var themes = `<?php echo THEMES;?>`;
|
||||
</script>
|
||||
<script src="./assets/js/jquery-3.5.1.js" defer></script>
|
||||
<script src="./assets/js/jquery.toastmessage.js" defer></script>
|
||||
<script src="./assets/js/codiad.js" defer></script>
|
||||
<script src="./assets/js/message.js" defer></script>
|
||||
<script src="./assets/js/events.js" defer></script>
|
||||
<script src="./assets/js/loading.js" defer></script>
|
||||
<script src="./assets/js/common.js" defer></script>
|
||||
<script src="./assets/js/forms.js" defer></script>
|
||||
<?php
|
||||
|
||||
// Load System CSS Files
|
||||
$stylesheets = array(
|
||||
"jquery.toastmessage.css",
|
||||
"reset.css",
|
||||
"fonts.css",
|
||||
"screen.css"
|
||||
);
|
||||
|
||||
foreach( $stylesheets as $sheet ) {
|
||||
|
||||
if( file_exists( THEMES . "/". $theme . "/" . $sheet ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/' . $theme . '/' . $sheet . '?v=' . Update::get_version() . '">' );
|
||||
} else {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/default/' . $sheet . '?v=' . Update::get_version() . '">' );
|
||||
}
|
||||
}
|
||||
|
||||
// Load Component CSS Files
|
||||
foreach( $components as $component ) {
|
||||
|
||||
if( file_exists( THEMES . "/". $theme . "/" . $component . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/' . $theme . '/' . $component . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
} else {
|
||||
|
||||
if( file_exists( "themes/default/" . $component . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/default/' . $component . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
} else {
|
||||
|
||||
if( file_exists( COMPONENTS . "/" . $component . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="components/' . $component . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Load Plugin CSS Files
|
||||
foreach( $plugins as $plugin ) {
|
||||
|
||||
if( file_exists( THEMES . "/". $theme . "/" . $plugin . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/' . $theme . '/' . $plugin . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
} else {
|
||||
|
||||
if( file_exists( "themes/default/" . $plugin . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/default/' . $plugin . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
} else {
|
||||
|
||||
if( file_exists( PLUGINS . "/" . $plugin . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="plugins/' . $plugin . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if( file_exists( THEMES . "/". $theme . "/favicon.ico" ) ) {
|
||||
|
||||
echo( '<link rel="icon" href="' . THEMES . '/' . $theme . '/favicon.ico" type="image/x-icon" />' );
|
||||
} else {
|
||||
|
||||
echo( '<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon" />' );
|
||||
echo( '<link rel="icon" href="./assets/images/favicon.ico" type="image/x-icon" />' );
|
||||
}
|
||||
|
||||
if( $valid_session ) {
|
||||
|
||||
echo( '<script src="./assets/js/initialize.js" defer></script>' );
|
||||
} else {
|
||||
|
||||
echo( '<script src="./assets/js/login.js" defer></script>' );
|
||||
}
|
||||
?>
|
||||
<script src="./assets/js/jquery-3.5.1.js"></script>
|
||||
<script src="./assets/js/jquery.toastmessage.js"></script>
|
||||
<script src="./assets/js/codiad.js"></script>
|
||||
<script src="./assets/js/message.js"></script>
|
||||
<script src="./assets/js/events.js"></script>
|
||||
<script src="./assets/js/loading.js"></script>
|
||||
<script src="./assets/js/common.js"></script>
|
||||
<script src="./assets/js/forms.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="container">
|
||||
<div class="lds-container">
|
||||
<div class="lds-dual-ring"></div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
|
||||
background-color: #1a1a1a;
|
||||
color: #fff;
|
||||
font: normal 13px 'Ubuntu', sans-serif;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#container {
|
||||
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
right: 50%;
|
||||
text-align: left;
|
||||
top: 50%;
|
||||
transform: translate( 50%,-50% );
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.lds-container {
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.lds-dual-ring {
|
||||
|
||||
display: inline-block;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
}
|
||||
.lds-dual-ring:after {
|
||||
|
||||
content: " ";
|
||||
display: block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: 0;
|
||||
border-radius: 50%;
|
||||
border: 6px solid #fff;
|
||||
border-color: #fff transparent #fff transparent;
|
||||
animation: lds-dual-ring 1.2s linear infinite;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 850px) {
|
||||
|
||||
#container {
|
||||
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 650px) {
|
||||
|
||||
#container {
|
||||
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes lds-dual-ring {
|
||||
|
||||
0% {
|
||||
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -210,7 +210,7 @@ if( isset( $_POST["username"] ) ) {
|
|||
$Options = Options::get_instance();
|
||||
|
||||
$Options->update_config( "BASE_PATH", "'" . Common::strip_trailing_slash( realpath( __DIR__ . "/../" ) ) . "'" );
|
||||
$Options->update_config( "BASE_URL", "'" . Common::strip_trailing_slash( realpath( dirname( Common::get_url() ) . "/../" ) ) . "'" );
|
||||
$Options->update_config( "BASE_URL", "'" . Common::strip_trailing_slash( str_replace( "/install/index.php", "", Common::get_url() ) ) . "'" );
|
||||
$Options->update_config( "DBTYPE", "'" . $_POST["storage"] . "'" );
|
||||
|
||||
if( isset( $_POST["dbname"] ) ) {
|
||||
|
|
|
|||
195
login.php
195
login.php
|
|
@ -1,195 +0,0 @@
|
|||
<?php
|
||||
|
||||
require_once( __DIR__ . "/components/initialize/class.initialize.php" );
|
||||
|
||||
Initialize::get_instance();
|
||||
|
||||
$components = scandir( COMPONENTS );
|
||||
|
||||
unset( $components["."], $components[".."] );
|
||||
|
||||
// Theme
|
||||
$theme = THEME;
|
||||
if( isset( $_SESSION['theme'] ) ) {
|
||||
|
||||
$theme = $_SESSION['theme'];
|
||||
}
|
||||
|
||||
?>
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="
|
||||
width=device-width,
|
||||
initial-scale=1.0,
|
||||
maximum-scale=1.0,
|
||||
user-scalable=no">
|
||||
<title><?php echo SITE_NAME;?></title>
|
||||
<?php
|
||||
// Load System CSS Files
|
||||
$stylesheets = array(
|
||||
"jquery.toastmessage.css",
|
||||
"reset.css",
|
||||
"fonts.css",
|
||||
"screen.css"
|
||||
);
|
||||
|
||||
foreach( $stylesheets as $sheet ) {
|
||||
|
||||
if( file_exists( THEMES . "/". $theme . "/" . $sheet ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/' . $theme . '/' . $sheet . '?v=' . Update::get_version() . '">' );
|
||||
} else {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/default/' . $sheet . '?v=' . Update::get_version() . '">' );
|
||||
}
|
||||
}
|
||||
|
||||
// Load Component CSS Files
|
||||
foreach( $components as $component ) {
|
||||
|
||||
if( file_exists( THEMES . "/". $theme . "/" . $component . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/' . $theme . '/' . $component . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
} else {
|
||||
|
||||
if( file_exists( "themes/default/" . $component . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="themes/default/' . $component . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
} else {
|
||||
|
||||
if( file_exists( COMPONENTS . "/" . $component . "/screen.css" ) ) {
|
||||
|
||||
echo( '<link rel="stylesheet" href="components/' . $component . '/screen.css?v=' . Update::get_version() . '">' );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if( file_exists( THEMES . "/". $theme . "/favicon.ico" ) ) {
|
||||
|
||||
echo( '<link rel="icon" href="' . THEMES . '/' . $theme . '/favicon.ico" type="image/x-icon" />' );
|
||||
} else {
|
||||
|
||||
echo( '<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon" />' );
|
||||
}
|
||||
?>
|
||||
<style>
|
||||
|
||||
#container {
|
||||
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
right: 50%;
|
||||
top: 50%;
|
||||
transform: translate( 50%,-50% );
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 850px) {
|
||||
|
||||
#container {
|
||||
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 650px) {
|
||||
|
||||
#container {
|
||||
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script src="./assets/js/jquery-3.5.1.js"></script>
|
||||
<script src="./assets/js/jquery.toastmessage.js"></script>
|
||||
<script src="./assets/js/codiad.js"></script>
|
||||
<script src="./assets/js/message.js"></script>
|
||||
<script src="./assets/js/events.js"></script>
|
||||
<script src="./assets/js/loading.js"></script>
|
||||
<script src="./assets/js/common.js"></script>
|
||||
<script src="./assets/js/forms.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container"></div>
|
||||
<script>
|
||||
|
||||
( function( global, $ ) {
|
||||
|
||||
// Define core
|
||||
let codiad = global.codiad,
|
||||
scripts = document.getElementsByTagName( 'script' ),
|
||||
path = scripts[scripts.length-1].src.split( '?' )[0],
|
||||
curpath = path.split( '/' ).slice( 0, -1 ).join( '/' ) + '/';
|
||||
|
||||
$( document ).ready( function() {
|
||||
|
||||
codiad.login.init();
|
||||
});
|
||||
|
||||
codiad.login = {
|
||||
|
||||
form: null,
|
||||
|
||||
init: function() {
|
||||
|
||||
let d = {
|
||||
|
||||
username: {
|
||||
|
||||
default: "",
|
||||
label: "Username: ",
|
||||
name: "username",
|
||||
required: true,
|
||||
type: "text",
|
||||
},
|
||||
password: {
|
||||
|
||||
default: "",
|
||||
label: "Password: ",
|
||||
name: "password",
|
||||
required: true,
|
||||
type: "text",
|
||||
},
|
||||
};
|
||||
this.form = new codiad.forms({
|
||||
data: d,
|
||||
container: $( "#container" ),
|
||||
submit_label: "Login",
|
||||
});
|
||||
this.form.submit = this.submit;
|
||||
},
|
||||
|
||||
submit: async function() {
|
||||
|
||||
let _this = this;
|
||||
let submit = _this.v.controls.find( `[type="submit"]` );
|
||||
|
||||
if( _this.saving ) {
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
_this.saving = true;
|
||||
submit.attr( "disabled", true );
|
||||
submit.text( "Submitting ..." );
|
||||
|
||||
let data = await _this.m.get_values();
|
||||
//let response = await codiad.common.ajax( "./index.php", "POST", data );
|
||||
|
||||
console.log( data );
|
||||
|
||||
submit.attr( "disabled", true );
|
||||
submit.text( "Logging In ..." );
|
||||
|
||||
submit.text( _this.submit_label );
|
||||
submit.attr( "disabled", false );
|
||||
_this.saving = false;
|
||||
},
|
||||
};
|
||||
})( this, jQuery );
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,307 +0,0 @@
|
|||
/* Current Files */
|
||||
|
||||
.bar {
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
height: 10px;
|
||||
width: 100%;
|
||||
background: #202020;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .9);
|
||||
}
|
||||
|
||||
.active-sort-placeholder {
|
||||
border: 1px dashed #333;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/************************
|
||||
* Tab list
|
||||
************************/
|
||||
|
||||
#tab-list-active-files {
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
height: 33px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#tab-list-active-files li {
|
||||
margin-top: 7px;
|
||||
height: 60px;
|
||||
width: auto;
|
||||
max-width: 200px;
|
||||
position: relative;
|
||||
float: left;
|
||||
border-top-right-radius: 20px 60px;
|
||||
border-top-left-radius: 20px 60px;
|
||||
margin-left: -15px;
|
||||
padding-left: 20px;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .9);
|
||||
}
|
||||
|
||||
#tab-list-active-files li.active {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#tab-list-active-files li:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#tab-list-active-files li a.label {
|
||||
display: block;
|
||||
float: left;
|
||||
text-align: left;
|
||||
width: 140px;
|
||||
line-height: 25px;
|
||||
padding-top: 1px;
|
||||
padding-right: 5px;
|
||||
color: #757575;
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
direction: rtl;
|
||||
white-space: nowrap;
|
||||
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
#tab-list-active-files li.active a.label {
|
||||
color: #A0A0A0;
|
||||
}
|
||||
|
||||
#tab-list-active-files li .file-name {
|
||||
color: #AFAFAF;
|
||||
}
|
||||
|
||||
#tab-list-active-files li.active .file-name {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#tab-list-active-files li.changed {
|
||||
/*font-weight: bold;*/
|
||||
border-top: 2px solid #3BA628;
|
||||
}
|
||||
|
||||
#tab-list-active-files li a.close {
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 6px 17px 0 0;
|
||||
padding: 1px 5px 2px 4px;
|
||||
color: #616161;
|
||||
background: #1a1a1a;
|
||||
border-radius: 5px;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
#tab-list-active-files li a.close:hover {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
/* Clear Fix took from HTML 5 Boilerplate. */
|
||||
.clearfix:before, .clearfix:after { content: ""; display: table; }
|
||||
.clearfix:after { clear: both; }
|
||||
.clearfix { zoom: 1; }
|
||||
|
||||
/*
|
||||
Theme For Tabs
|
||||
Gradients Generated by: http://www.colorzilla.com/gradient-editor/
|
||||
*/
|
||||
#tab-list-active-files li {
|
||||
background: #2d2d2d; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #2d2d2d 0%, #141414 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(100%,#141414)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #2d2d2d 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #2d2d2d 0%,#141414 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #2d2d2d 0%,#141414 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #2d2d2d 0%,#141414 100%); /* W3C */
|
||||
}
|
||||
|
||||
#tab-list-active-files li.active{
|
||||
background: #474747; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #474747 0%, #141414 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#141414)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #474747 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #474747 0%,#141414 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #474747 0%,#141414 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #474747 0%,#141414 100%); /* W3C */
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
|
||||
#tab-close {
|
||||
/* Adjust this size depending on the final editor-top-bar height. */
|
||||
position: fixed;
|
||||
top: 7px;
|
||||
right: 8px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
#tab-close-button {
|
||||
font-size: 20px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#tab-close-button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/************************
|
||||
* Dropdown
|
||||
************************/
|
||||
|
||||
/* Tab button */
|
||||
|
||||
#tab-dropdown {
|
||||
/* Adjust this size depending on the final editor-top-bar height. */
|
||||
position: fixed;
|
||||
top: 7px;
|
||||
right: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
#tab-dropdown-button {
|
||||
font-size: 24px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#tab-dropdown-button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Dropdown */
|
||||
|
||||
#dropdown-list-active-files {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
background-color: #2E2E2E;
|
||||
border: 3px solid #666666;
|
||||
display: none;
|
||||
border-radius: 2px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
#dropdown-list-active-files a {
|
||||
display: block;
|
||||
padding: 5px 30px 5px 10px;
|
||||
margin: 5px 0;
|
||||
border-radius: 3px;
|
||||
line-height: 150%;
|
||||
font-size: 12px;
|
||||
word-break: break-all;
|
||||
background-color: #262626;
|
||||
height: 27px;
|
||||
overflow: hidden;
|
||||
color: #A3A3A3;
|
||||
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
#dropdown-list-active-files a .file-name {
|
||||
color: #FAFAFA;
|
||||
}
|
||||
|
||||
#dropdown-list-active-files a:hover,
|
||||
#dropdown-list-active-files li.active a {
|
||||
background-color: #474747;
|
||||
}
|
||||
|
||||
#dropdown-list-active-files li.changed a {
|
||||
border: 3px solid #3ba628;
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#dropdown-list-active-files div {
|
||||
white-space: nowrap;
|
||||
direction: rtl;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#dropdown-list-active-files a span.label {
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 1px -23px 0 -15px;
|
||||
padding: 1px 4px 2px 4px;
|
||||
color: transparent;
|
||||
background: none;
|
||||
border-radius: 5px;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
|
||||
#dropdown-list-active-files a span.label:after {
|
||||
content: 'x';
|
||||
text-shadow: none;
|
||||
}
|
||||
#dropdown-list-active-files a:hover span.label {
|
||||
background: #1a1a1a;
|
||||
color: #616161;
|
||||
|
||||
}
|
||||
#dropdown-list-active-files a:hover span.label:hover {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
/************************
|
||||
* List
|
||||
************************/
|
||||
|
||||
#list-active-files {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 40%;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
overflow: auto;
|
||||
border-top: 2px solid #787878;
|
||||
}
|
||||
#list-active-files a {
|
||||
display: block;
|
||||
padding: 5px 30px 5px 10px;
|
||||
margin: 5px 0;
|
||||
border-radius: 3px;
|
||||
line-height: 150%;
|
||||
font-size: 12px;
|
||||
word-break: break-all;
|
||||
background-color: #262626;
|
||||
height: 27px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#list-active-files a:hover, #list-active-files li.active a {
|
||||
background-color: #474747;
|
||||
}
|
||||
#list-active-files li.changed a {
|
||||
border: 3px solid #3ba628;
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
#list-active-files div {
|
||||
white-space: nowrap;
|
||||
direction: rtl;
|
||||
overflow: hidden;
|
||||
}
|
||||
#list-active-files a span {
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 1px -23px 0 -15px;
|
||||
padding: 1px 4px 2px 4px;
|
||||
color: transparent;
|
||||
background: none;
|
||||
border-radius: 5px;
|
||||
line-height: 100%;
|
||||
}
|
||||
#list-active-files a span:after {
|
||||
content: 'x';
|
||||
}
|
||||
#list-active-files a:hover span {
|
||||
background: #1a1a1a;
|
||||
color: #616161;
|
||||
}
|
||||
#list-active-files a:hover span:hover {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
/* Autocomplete */
|
||||
|
||||
#autocomplete {
|
||||
display: none;
|
||||
position: absolute;
|
||||
max-height: 200px;
|
||||
background-color: #2E2E2E;
|
||||
border: 2px solid #666666;
|
||||
padding: 1px;
|
||||
z-index: 1;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
|
||||
#autocomplete li {
|
||||
padding: 0 14px 0 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#autocomplete li.active-suggestion {
|
||||
background-color: #6B6B6B;
|
||||
}
|
||||
|
||||
#autocomplete .matched {
|
||||
font-weight: bold;
|
||||
color: #45A4B6;
|
||||
}
|
||||
|
||||
/************************
|
||||
* Webkit Scrollbar
|
||||
************************/
|
||||
|
||||
#autocomplete::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
#autocomplete::-webkit-scrollbar-track {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#autocomplete::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
|
|
@ -1,28 +0,0 @@
|
|||
#editor-region {
|
||||
width: auto;
|
||||
padding-right:10px;
|
||||
height: 100%;
|
||||
}
|
||||
.editor {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
}
|
||||
.ace_editor {
|
||||
position: absolute !important;
|
||||
}
|
||||
.ace_content {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.ace_gutter-layer {
|
||||
padding: 0;
|
||||
-webkit-box-shadow: inset -3px 0px 10px 0px rgba(0, 0, 0, .5);
|
||||
-moz-box-shadow: inset -3px 0px 10px 0px rgba(0, 0, 0, .5);
|
||||
box-shadow: inset -3px 0px 10px 0px rgba(0, 0, 0, .5);
|
||||
background: url(gutter-bg.jpg);
|
||||
color: #ccc;
|
||||
}
|
||||
.ace_error {
|
||||
background-position: 3px 0 !important;
|
||||
}
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
/*Copyright @ccvca 2013*/
|
||||
|
||||
#FileExtTextModeDiv{
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #454445;
|
||||
}
|
||||
|
||||
#FileExtModeHeader {
|
||||
margin-top: 10px;
|
||||
border-bottom: 2px solid #1a1a1a;
|
||||
}
|
||||
|
||||
#FileExtModeHeader th {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#FileExtTextModeDiv table{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
#FileExtTextModeDiv tbody td.firstLine{
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
|
||||
#FileExtTextModeDiv tbody td{
|
||||
width: 50%;
|
||||
padding: 0;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
#FileExtTextModeDiv input{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#FileExtTextModeDiv input.FileExtension{
|
||||
/*width: 80px;*/
|
||||
}
|
||||
|
||||
#FileExtTextModeDiv input.textMode{
|
||||
/*width: 120px;*/
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 551 B |
Binary file not shown.
|
Before Width: | Height: | Size: 614 B |
Binary file not shown.
|
Before Width: | Height: | Size: 585 B |
Binary file not shown.
|
Before Width: | Height: | Size: 614 B |
Binary file not shown.
|
Before Width: | Height: | Size: 592 B |
Binary file not shown.
|
Before Width: | Height: | Size: 510 B |
Binary file not shown.
|
Before Width: | Height: | Size: 395 B |
Binary file not shown.
|
Before Width: | Height: | Size: 431 B |
Binary file not shown.
|
Before Width: | Height: | Size: 535 B |
Binary file not shown.
|
Before Width: | Height: | Size: 463 B |
Binary file not shown.
|
Before Width: | Height: | Size: 739 B |
Binary file not shown.
|
Before Width: | Height: | Size: 556 B |
Binary file not shown.
|
Before Width: | Height: | Size: 770 B |
Binary file not shown.
|
Before Width: | Height: | Size: 658 B |
Binary file not shown.
|
Before Width: | Height: | Size: 671 B |
Binary file not shown.
|
Before Width: | Height: | Size: 554 B |
Binary file not shown.
|
Before Width: | Height: | Size: 799 B |
Binary file not shown.
|
Before Width: | Height: | Size: 757 B |
Binary file not shown.
|
Before Width: | Height: | Size: 675 B |
Binary file not shown.
|
Before Width: | Height: | Size: 630 B |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 817 B |
Binary file not shown.
|
Before Width: | Height: | Size: 781 B |
Binary file not shown.
|
Before Width: | Height: | Size: 586 B |
Binary file not shown.
|
Before Width: | Height: | Size: 673 B |
Binary file not shown.
|
Before Width: | Height: | Size: 463 B |
Binary file not shown.
|
Before Width: | Height: | Size: 495 B |
Binary file not shown.
|
Before Width: | Height: | Size: 617 B |
|
|
@ -1,381 +0,0 @@
|
|||
.file-manager {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 15px 15px 30px 15px;
|
||||
overflow: auto;
|
||||
}
|
||||
.file-manager ul {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.file-manager li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 2px 0;
|
||||
list-style: none;
|
||||
}
|
||||
.file-manager ul ul li {
|
||||
margin-left: 20px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.file-manager a {
|
||||
display: inline-block;
|
||||
min-width: 100%;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.file-manager a:hover, .file-manager a.context-menu-active {
|
||||
background-color: #333;
|
||||
}
|
||||
.file-manager span {
|
||||
width:10px;
|
||||
height:10px;
|
||||
display: inline-block;
|
||||
margin-left:-6px;
|
||||
padding-top: 0;
|
||||
line-height: 6px;
|
||||
}
|
||||
.file-manager .plus:before {
|
||||
display: block;
|
||||
content: "\25b8";
|
||||
padding: 5px;
|
||||
margin-left: -10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.file-manager .plus {
|
||||
color: gray;
|
||||
font-family: entypo;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
}
|
||||
.file-manager .none {
|
||||
background: none;
|
||||
}
|
||||
.file-manager .minus:before {
|
||||
display: block;
|
||||
content: "\25be";
|
||||
padding: 5px;
|
||||
margin-left: -10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.file-manager .minus {
|
||||
color: gray;
|
||||
font-family: entypo;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
}
|
||||
.file-manager .plus:hover {
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
}
|
||||
.file-manager .minus:hover {
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
}
|
||||
.file-manager-selected {
|
||||
|
||||
background-color: #4a4a4a;
|
||||
}
|
||||
.file-manager-selected:hover {
|
||||
|
||||
background-color: #4a4a4a !important;
|
||||
}
|
||||
/* CONTEXT MENU */
|
||||
|
||||
#context-menu {
|
||||
display: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
width: 140px;
|
||||
padding: 0;
|
||||
background: #333;
|
||||
z-index: 13;
|
||||
background-clip: content-box;
|
||||
border: 3px solid rgba(255, 255, 255, 0.5);
|
||||
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .9);
|
||||
border-radius: 3px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
#context-menu a {
|
||||
display: block;
|
||||
padding: 5px 5px 7px 5px;
|
||||
margin: 0;
|
||||
}
|
||||
#context-menu .icon {
|
||||
padding-right: 5px;
|
||||
}
|
||||
#context-menu a:hover {
|
||||
background-color: #4a4a4a;
|
||||
}
|
||||
#context-menu hr {
|
||||
height: 0;
|
||||
border: none;
|
||||
border-top: 1px solid #292929;
|
||||
margin: 5px;
|
||||
}
|
||||
.disabled {
|
||||
color: #999;
|
||||
font-style: italic;
|
||||
}
|
||||
/* SEARCH */
|
||||
|
||||
#filemanager-search-results {
|
||||
display: none;
|
||||
height: 250px;
|
||||
overflow: scroll !important;
|
||||
border: 1px solid #262626;
|
||||
}
|
||||
#filemanager-search-results div {
|
||||
padding: 4px 6px 3px 6px;
|
||||
border-radius: 3px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#filemanager-search-results div:hover {
|
||||
background-image: linear-gradient(left , rgb(26, 26, 26) 1%, rgba(26, 26, 26, 0.0) 100%);
|
||||
background-image: -o-linear-gradient(left , rgb(26, 26, 26) 1%, rgba(26, 26, 26, 0.0) 100%);
|
||||
background-image: -moz-linear-gradient(left , rgb(26, 26, 26) 1%, rgba(26, 26, 26, 0.0) 100%);
|
||||
background-image: -webkit-linear-gradient(left , rgb(26, 26, 26) 1%, rgba(26, 26, 26, 0.0) 100%);
|
||||
background-image: -ms-linear-gradient(left , rgb(26, 26, 26) 1%, rgba(26, 26, 26, 0.0) 100%);
|
||||
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.01, rgb(26, 26, 26)), color-stop(1.00, rgba(26, 26, 26, 0.0)));
|
||||
}
|
||||
#filemanager-search-processing {
|
||||
display: none;
|
||||
margin: 10px 0 0 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
float: right;
|
||||
background: url(../loading.gif) no-repeat;
|
||||
}
|
||||
|
||||
/* SEARCH */
|
||||
|
||||
.file-search-table tr td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/* ICONS */
|
||||
|
||||
.file-manager a {
|
||||
background-repeat: no-repeat;
|
||||
background-position: 4px 4px;
|
||||
text-indent: 22px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
.file-manager .directory {
|
||||
background-image: url(images/directory.png);
|
||||
}
|
||||
.file-manager .directory.open {
|
||||
background-image: url(images/directory_open.png);
|
||||
}
|
||||
.file-manager .file {
|
||||
background-image: url(images/file.png);
|
||||
}
|
||||
|
||||
/* EXTENSIONS */
|
||||
.file-manager .ext-htaccess {
|
||||
background-image: url(images/config.png);
|
||||
}
|
||||
.file-manager .ext-conf {
|
||||
background-image: url(images/config.png);
|
||||
}
|
||||
.file-manager .ext-ini {
|
||||
background-image: url(images/config.png);
|
||||
}
|
||||
.file-manager .ext-3gp {
|
||||
background-image: url(images/film.png);
|
||||
}
|
||||
.file-manager .ext-afp {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-afpa {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-asp {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-aspx {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-avi {
|
||||
background-image: url(images/film.png);
|
||||
}
|
||||
.file-manager .ext-bat {
|
||||
background-image: url(images/application.png);
|
||||
}
|
||||
.file-manager .ext-bmp {
|
||||
background-image: url(images/picture.png);
|
||||
}
|
||||
.file-manager .ext-c {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-cfm {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-cgi {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-com {
|
||||
background-image: url(images/application.png);
|
||||
}
|
||||
.file-manager .ext-cpp {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-css {
|
||||
background-image: url(images/css.png);
|
||||
}
|
||||
.file-manager .ext-doc {
|
||||
background-image: url(images/doc.png);
|
||||
}
|
||||
.file-manager .ext-exe {
|
||||
background-image: url(images/application.png);
|
||||
}
|
||||
.file-manager .ext-gif {
|
||||
background-image: url(images/picture.png);
|
||||
}
|
||||
.file-manager .ext-fla {
|
||||
background-image: url(images/flash.png);
|
||||
}
|
||||
.file-manager .ext-h {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-htm {
|
||||
background-image: url(images/html.png);
|
||||
}
|
||||
.file-manager .ext-html {
|
||||
background-image: url(images/html.png);
|
||||
}
|
||||
.file-manager .ext-jar {
|
||||
background-image: url(images/java.png);
|
||||
}
|
||||
.file-manager .ext-jpg {
|
||||
background-image: url(images/picture.png);
|
||||
}
|
||||
.file-manager .ext-jpeg {
|
||||
background-image: url(images/picture.png);
|
||||
}
|
||||
.file-manager .ext-js {
|
||||
background-image: url(images/script.png);
|
||||
}
|
||||
.file-manager .ext-json {
|
||||
background-image: url(images/script.png);
|
||||
}
|
||||
.file-manager .ext-lasso {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-log {
|
||||
background-image: url(images/text-plain.png);
|
||||
}
|
||||
.file-manager .ext-m4p {
|
||||
background-image: url(images/music.png);
|
||||
}
|
||||
.file-manager .ext-mov {
|
||||
background-image: url(images/film.png);
|
||||
}
|
||||
.file-manager .ext-mp3 {
|
||||
background-image: url(images/music.png);
|
||||
}
|
||||
.file-manager .ext-mp4 {
|
||||
background-image: url(images/film.png);
|
||||
}
|
||||
.file-manager .ext-mpg {
|
||||
background-image: url(images/film.png);
|
||||
}
|
||||
.file-manager .ext-mpeg {
|
||||
background-image: url(images/film.png);
|
||||
}
|
||||
.file-manager .ext-ogg {
|
||||
background-image: url(images/music.png);
|
||||
}
|
||||
.file-manager .ext-pcx {
|
||||
background-image: url(images/picture.png);
|
||||
}
|
||||
.file-manager .ext-pdf {
|
||||
background-image: url(images/pdf.png);
|
||||
}
|
||||
.file-manager .ext-php {
|
||||
background-image: url(images/php.png);
|
||||
}
|
||||
.file-manager .ext-png {
|
||||
background-image: url(images/picture.png);
|
||||
}
|
||||
.file-manager .ext-ppt {
|
||||
background-image: url(images/ppt.png);
|
||||
}
|
||||
.file-manager .ext-psd {
|
||||
background-image: url(images/psd.png);
|
||||
}
|
||||
.file-manager .ext-pl {
|
||||
background-image: url(images/script.png);
|
||||
}
|
||||
.file-manager .ext-py {
|
||||
background-image: url(images/script.png);
|
||||
}
|
||||
.file-manager .ext-rb {
|
||||
background-image: url(images/ruby.png);
|
||||
}
|
||||
.file-manager .ext-rbx {
|
||||
background-image: url(images/ruby.png);
|
||||
}
|
||||
.file-manager .ext-rhtml {
|
||||
background-image: url(images/ruby.png);
|
||||
}
|
||||
.file-manager .ext-rpm {
|
||||
background-image: url(images/linux.png);
|
||||
}
|
||||
.file-manager .ext-ruby {
|
||||
background-image: url(images/ruby.png);
|
||||
}
|
||||
.file-manager .ext-sql {
|
||||
background-image: url(images/db.png);
|
||||
}
|
||||
.file-manager .ext-swf {
|
||||
background-image: url(images/flash.png);
|
||||
}
|
||||
.file-manager .ext-tif {
|
||||
background-image: url(images/picture.png);
|
||||
}
|
||||
.file-manager .ext-tiff {
|
||||
background-image: url(images/picture.png);
|
||||
}
|
||||
.file-manager .ext-txt {
|
||||
background-image: url(images/file.png);
|
||||
}
|
||||
.file-manager .ext-vb {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-wav {
|
||||
background-image: url(images/music.png);
|
||||
}
|
||||
.file-manager .ext-wmv {
|
||||
background-image: url(images/film.png);
|
||||
}
|
||||
.file-manager .ext-xls {
|
||||
background-image: url(images/xls.png);
|
||||
}
|
||||
.file-manager .ext-xml {
|
||||
background-image: url(images/code.png);
|
||||
}
|
||||
.file-manager .ext-zip {
|
||||
background-image: url(images/zip.png);
|
||||
}
|
||||
|
||||
.file-manager .loading {
|
||||
background-image: url(images/spinner.gif);
|
||||
}
|
||||
|
||||
.file-manager .drag_start {
|
||||
background-color: #333;
|
||||
/*border-radius: 10px;*/
|
||||
}
|
||||
.file-manager .drag_over {
|
||||
background-color: #4a4a4a;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
77
themes/default/forms/screen.css
Normal file
77
themes/default/forms/screen.css
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 7px 10px;
|
||||
margin: 5px 0 10px 0;
|
||||
background: #242424;
|
||||
border: none;
|
||||
border-bottom: 2px solid #595959;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
button {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
margin: 10px 0 5px 0;
|
||||
padding: 6px 15px 5px 15px;
|
||||
color: #666;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 1px #fff;
|
||||
background-color: #c9c9c9;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #7d7d7d;
|
||||
border-bottom: 2px solid #7d7d7d;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
|
||||
color: #333;
|
||||
background-color: #f3f3f3;
|
||||
cursor: pointer;
|
||||
border-bottom: 2px solid #919191;
|
||||
}
|
||||
|
||||
button.btn-left {
|
||||
|
||||
border-radius: 3px 0px 0px 3px;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
button.btn-mid {
|
||||
|
||||
border-radius: 0;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
button.btn-right {
|
||||
|
||||
border-radius: 0px 3px 3px 0px;
|
||||
}
|
||||
|
||||
button .icon {
|
||||
|
||||
padding: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
input:focus, textarea:focus, select:focus {
|
||||
|
||||
background: #242424;
|
||||
border-bottom: 2px solid #ccc;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
|
||||
margin: 5px 0 0 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 20px;
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
.market-wrapper {
|
||||
height: 450px;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.market-remote-title {
|
||||
color:#7F7F7F;
|
||||
}
|
||||
|
|
@ -1,90 +0,0 @@
|
|||
#project-list {
|
||||
max-height: 50vh;
|
||||
overflow: auto;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.project-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.project-list-title {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0px;
|
||||
height: 35px;
|
||||
background-color: #303030;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.898) inset;
|
||||
border-top: 2px solid #141414;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.project-list-title h2 {
|
||||
float: left;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
display: block;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.project-list-title .icon {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
color: #666;
|
||||
z-index: 12;
|
||||
cursor: pointer;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.project-list-title .icon:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.sb-project-list {
|
||||
max-height:276px !important;
|
||||
margin:0 0 !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
|
||||
.sb-projects-content {
|
||||
height:100%;
|
||||
width:100%;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
padding: 15px 15px 30px 15px;
|
||||
}
|
||||
|
||||
.sb-projects-content li:hover {
|
||||
background-color: #333;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sb-projects-content ul {
|
||||
height:100%;
|
||||
display:block;
|
||||
padding-top:35px;
|
||||
}
|
||||
|
||||
.sb-projects-content ul li {
|
||||
padding: 5px;
|
||||
white-space: nowrap;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.sb-projects-content ul li .icon {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.sb-projects-content div {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
#git-clone { border: none; }
|
||||
#git-clone td { border: none; padding: 0; margin: 0; }
|
||||
|
||||
.note { padding: 10px 0; color: #a8a6a8; }
|
||||
|
|
@ -57,903 +57,4 @@ div {
|
|||
|
||||
scrollbar-color: #666 #333;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
/* GLOBALS */
|
||||
|
||||
a,a:link,a:visited {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a:hover,a:active {;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ICONS */
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
font-family: entypo;
|
||||
font-style: normal;
|
||||
font-size: 75%;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.sb-right-content [class^="icon-"], .sb-right-content [class*=" icon-"] {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
/* Useful size modifiers for icons. */
|
||||
.bigger-icon {
|
||||
font-size: 95%;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
/* Fix bad margin at some sizes for icon-doc-text. */
|
||||
.icon-doc-text {
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.icon-doc.text.bigger-icon {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.login-icon { padding-top: 3px; }
|
||||
|
||||
.language-selector {
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.show-language-selector { display: block; float: right; color: #666; margin: 20px 0 0 0; }
|
||||
.show-language-selector:hover { color: #fff; }
|
||||
|
||||
.in-field-icon-right {
|
||||
|
||||
float: right;
|
||||
position: relative;
|
||||
margin: -30px 8px 0 0;
|
||||
}
|
||||
|
||||
/* FORMS */
|
||||
|
||||
label {
|
||||
display: block;
|
||||
padding: 0 0 5px 0;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
}
|
||||
|
||||
label .icon {
|
||||
font-weight: normal;
|
||||
font-size: 180%;
|
||||
padding-right: 4px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
#dependencies, input, textarea, select, button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 7px 10px;
|
||||
margin: 5px 0 10px 0;
|
||||
background: #242424;
|
||||
border: none;
|
||||
border-bottom: 2px solid #595959;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
#dependencies .error {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#dependencies .success {
|
||||
color: green;
|
||||
}
|
||||
|
||||
#dependencies .warning {
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
select option { background: #242424; }
|
||||
|
||||
textarea {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
input:focus, textarea:focus, select:focus {
|
||||
outline: none;
|
||||
background: #242424;
|
||||
border-bottom: 2px solid #ccc;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
width: 20px;
|
||||
position: relative;
|
||||
margin: 5px 0 0 0; padding: 0;
|
||||
}
|
||||
|
||||
.button,
|
||||
button {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
margin: 10px 0 5px 0;
|
||||
padding: 6px 15px 5px 15px;
|
||||
color: #666;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 1px #fff;
|
||||
background-color: #c9c9c9;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #7d7d7d;
|
||||
border-bottom: 2px solid #7d7d7d;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
.button:hover {
|
||||
color: #333;
|
||||
background-color: #f3f3f3;
|
||||
cursor: pointer;
|
||||
border-bottom: 2px solid #919191;
|
||||
}
|
||||
|
||||
.btn-left {
|
||||
border-radius: 3px 0px 0px 3px;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.btn-mid {
|
||||
border-radius: 0;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.btn-right {
|
||||
border-radius: 0px 3px 3px 0px;
|
||||
}
|
||||
|
||||
.button .icon,
|
||||
button .icon {
|
||||
padding: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: #404040;
|
||||
padding: 10px;
|
||||
margin: 10px 0 5px 0;
|
||||
border-radius: 5px;
|
||||
font-family: monospace;
|
||||
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, .5);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* TABLES */
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table th, table td {
|
||||
padding: 3px 10px 5px 10px;
|
||||
border: 1px solid #454445;
|
||||
}
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
background: #3b3b3b;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
table [class^="icon-"], [class*=" icon-"] {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* INSTALLER */
|
||||
|
||||
#installer {
|
||||
position: absolute;
|
||||
width: 450px;
|
||||
top: 15%;
|
||||
left: 50%;
|
||||
margin-left: -175px;
|
||||
padding: 35px;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
#installer h1 {
|
||||
font-size: 24px;
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
#installer hr {
|
||||
height: 0;
|
||||
border: none;
|
||||
border-top: 1px solid #ccc;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.install_issues {
|
||||
background: #404040;
|
||||
padding: 10px;
|
||||
margin: 10px 0 5px 0;
|
||||
border-radius: 5px;
|
||||
font-family: monospace;
|
||||
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, .5);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.install_issues p {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
/* MESSAGES */
|
||||
|
||||
#message {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 50%;
|
||||
width: 500px;
|
||||
margin-left: -250px;
|
||||
padding: 8px 10px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
z-index: 5;
|
||||
line-height: 150%;
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
text-shadow: 1px 1px 3px #000000;
|
||||
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .9);
|
||||
}
|
||||
|
||||
#message.error {
|
||||
background-color: #a10b0b;
|
||||
border: 2px solid #ff0000;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
#message.success {
|
||||
background-color: #0f9c0f;
|
||||
border: 2px solid #00ff00;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/* MAIN */
|
||||
|
||||
#workspace {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#editor-region {
|
||||
margin-left: 300px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#root-editor-wrapper {
|
||||
/* Adjust this size depending on the final editor-top-bar height. */
|
||||
top: 35px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.editor-wrapper {
|
||||
position: absolute;
|
||||
}
|
||||
.editor-wrapper-horizontal > .editor {
|
||||
top: 0;
|
||||
}
|
||||
.editor-wrapper-horizontal > .editor-wrapper {
|
||||
top: 0;
|
||||
}
|
||||
.editor-wrapper-vertical > .editor {
|
||||
left: 0;
|
||||
}
|
||||
.editor-wrapper-vertical > .editor-wrapper {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.editor {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#editor-bottom-bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
height: 25px;
|
||||
padding: 5px 15px;
|
||||
background: #303030;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
border-top: 2px solid #202020;
|
||||
width: 100%;
|
||||
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
|
||||
}
|
||||
|
||||
#editor-top-bar {
|
||||
top: 0;
|
||||
position: fixed;
|
||||
height: 35px;
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
background: #303030;
|
||||
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.options-menu {
|
||||
position: absolute;
|
||||
z-index: 90;
|
||||
background-color: #2E2E2E;
|
||||
border: 3px solid #666666;
|
||||
display: none;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.options-menu li {
|
||||
border-bottom: 1px solid black;
|
||||
padding: 0;
|
||||
}
|
||||
.options-menu li a {
|
||||
display: block;
|
||||
color: #7F7F7F;
|
||||
text-decoration: none;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.options-menu li:hover {
|
||||
background-color: #7F7F7F;
|
||||
}
|
||||
.options-menu li:hover a {
|
||||
color: white;
|
||||
}
|
||||
.options-menu td {
|
||||
padding:0;
|
||||
margin: 0;
|
||||
}
|
||||
.splitter {
|
||||
background-color: black;
|
||||
z-index: 80;
|
||||
}
|
||||
.h-splitter {
|
||||
background-image: linear-gradient(left , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -o-linear-gradient(left , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -moz-linear-gradient(left , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -webkit-linear-gradient(left , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -ms-linear-gradient(left , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -webkit-gradient(linear,left top,right top,color-stop(0.29, rgb(120,120,120)),color-stop(0.77, rgb(77,77,77)));
|
||||
cursor: col-resize;
|
||||
}
|
||||
.v-splitter {
|
||||
background-image: linear-gradient(top , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -o-linear-gradient(top , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -moz-linear-gradient(top , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -webkit-linear-gradient(top , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -ms-linear-gradient(top , rgb(120,120,120) 29%, rgb(77,77,77) 77%);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.29, rgb(120,120,120)),color-stop(0.77, rgb(77,77,77)));
|
||||
cursor: row-resize;
|
||||
}
|
||||
|
||||
#uploads-button {
|
||||
|
||||
bottom: 4px;
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
right: 100px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.uploads-container {
|
||||
|
||||
background: #1a1a1a;
|
||||
bottom: 25px;
|
||||
display: none;
|
||||
height: 50%;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
right: 100px;
|
||||
width: 250px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.uploads-container .project-list-title {
|
||||
|
||||
position: unset;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.uploads-content {
|
||||
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.upload-container {
|
||||
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.upload-title {
|
||||
|
||||
display: inline-block;
|
||||
max-width: 75%;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.upload-progress-text {
|
||||
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.upload-progress {
|
||||
|
||||
width: 75%;
|
||||
margin: 10px auto;
|
||||
height: 20px;
|
||||
border: 1px solid #666;
|
||||
background: #262626;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.upload-progress .bar {
|
||||
|
||||
width: 0;
|
||||
height: 20px;
|
||||
background-image: url( filemanager/images/progress_bar.png );
|
||||
}
|
||||
|
||||
.upload-dismiss {
|
||||
|
||||
display: inline-block;
|
||||
left: -45px;
|
||||
max-width: 75%;
|
||||
position: relative;
|
||||
text-decoration: underline;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.upload-cancel {
|
||||
|
||||
color: red;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
right: -45px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#cursor-position {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
bottom: 4px;
|
||||
font-size: 12px;
|
||||
z-index: 2;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#settings, #split, #current-mode {
|
||||
/* Disable text selection on buttons clicks */
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#current-file, #current-mode{
|
||||
float: left;
|
||||
}
|
||||
|
||||
#current-mode:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.divider {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 14px;
|
||||
width: 1px;
|
||||
background: #333;
|
||||
margin: 0 15px 0 15px;
|
||||
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.ico-wrapper {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
font-size: 13px;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
.ico-wrapper:hover { color: #fff; }
|
||||
|
||||
.settings td { border: none; border-bottom: 1px solid #666; padding: 10px 0; }
|
||||
.settings td:first-child { padding-right: 20px; font-weight: bold; }
|
||||
.settings select { margin: 0; }
|
||||
.settings tr:last-child td { border: none; }
|
||||
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
background: #1a1a1a;
|
||||
}
|
||||
|
||||
.sidebar#sb-left {
|
||||
width: 300px;
|
||||
left: 0;
|
||||
overflow:hidden;
|
||||
}
|
||||
#sb-left-title{
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 10px;
|
||||
height: 33px;
|
||||
background-color: #303030;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.898) inset;
|
||||
overflow:hidden;
|
||||
}
|
||||
#sb-left-title.active {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
.sidebar#sb-right {
|
||||
width: 200px;
|
||||
right: -190px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.sidebar-handle {
|
||||
width: 12px;
|
||||
height: 100%;
|
||||
z-index: 12;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #474747;
|
||||
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .9);
|
||||
cursor: 'ne-resize';
|
||||
}
|
||||
|
||||
.sidebar-handle span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
top: 50%;
|
||||
text-align: center;
|
||||
letter-spacing: -1px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
/* Left Sidebar */
|
||||
#sb-left .sidebar-handle {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
#sb-right .sidebar-handle span {
|
||||
width: 18px;
|
||||
height: 30px;
|
||||
margin-left: -18px;
|
||||
background: #474747;
|
||||
border-radius: 5px 0px 0px 5px;
|
||||
box-shadow: -8px 0px 10px 0px rgba(0, 0, 0, .7);
|
||||
border-left: 2px solid #707070;
|
||||
color: #c2c2c2;
|
||||
}
|
||||
|
||||
#sb-right .sidebar-handle span a {
|
||||
font-size: 22px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#sb-right .sidebar-handle span a:hover { background-color: transparent; }
|
||||
|
||||
.sb-left-content {
|
||||
position: absolute;
|
||||
top: 33px;
|
||||
left: 0;
|
||||
right: 10px;
|
||||
bottom: 276px;
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.sb-left-projects {
|
||||
position:absolute;
|
||||
height:276px;
|
||||
bottom:0;
|
||||
left:0;
|
||||
right:10px;
|
||||
}
|
||||
|
||||
/*#lock-left-sidebar {
|
||||
display: block;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
color: #666;
|
||||
z-index: 99999;
|
||||
right: 20px;
|
||||
top: 6px;
|
||||
}*/
|
||||
#sb-left-title .icon {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
color: #666;
|
||||
z-index: 11;
|
||||
cursor: pointer;
|
||||
margin: 10px;
|
||||
float: right;
|
||||
}
|
||||
#sb-left-title h2 {
|
||||
float: left;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
display: block;
|
||||
margin: 10px;
|
||||
}
|
||||
#sb-right-title{
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
top: 0;
|
||||
left: 12px;
|
||||
right: 0;
|
||||
height: 33px;
|
||||
background-color: #303030;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.898) inset;
|
||||
}
|
||||
#sb-right-title .icon {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
color: #666;
|
||||
z-index: 11;
|
||||
cursor: pointer;
|
||||
margin: 10px;
|
||||
float: left;
|
||||
}
|
||||
#finder-label{
|
||||
cursor: pointer;
|
||||
}
|
||||
#finder-wrapper {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 0; left: 0; bottom: 0; right: 60px;
|
||||
display: none;
|
||||
}
|
||||
#finder-inner-wrapper {
|
||||
left: 0; right: 30px; top: 5px; bottom: 3px;
|
||||
position: absolute;
|
||||
}
|
||||
#finder {
|
||||
border: none;
|
||||
background: transparent;
|
||||
height: 24px;
|
||||
font-size: 11px;
|
||||
position: relative;
|
||||
margin-top: 3px;
|
||||
margin-left: 5px;
|
||||
padding: 0;
|
||||
}
|
||||
#finder-options-menu {
|
||||
top: 35px;
|
||||
right: 40px;
|
||||
}
|
||||
#finder-options-menu li.chosen {
|
||||
font-weight: 700;
|
||||
background: #3A3A3A;
|
||||
}
|
||||
#finder-options-menu li.chosen a{
|
||||
color: white;
|
||||
}
|
||||
#sb-left-title .icon:hover , #sb-left-title .icon.active{
|
||||
color: #fff;
|
||||
}
|
||||
/* Right Sidebar */
|
||||
#sb-right .sidebar-handle {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sb-right-content {
|
||||
width: 185px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
padding: 15px;
|
||||
padding-top: 40px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.sb-right-category {
|
||||
font-size:14px;
|
||||
font-weight:600;
|
||||
color:#7F7F7F;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
|
||||
#sb-right a {
|
||||
display: block;
|
||||
min-width: 100%;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#sb-right a span {
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
#sb-right a:hover {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
#lock-right-sidebar:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#sb-right hr {
|
||||
height: 0;
|
||||
border: none;
|
||||
border-top: 1px solid #333;
|
||||
padding: 0;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
/* Modal */
|
||||
#modal-overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0.4;
|
||||
z-index: 97;
|
||||
}
|
||||
|
||||
#modal {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 50%;
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
background: #333;
|
||||
z-index: 98;
|
||||
min-height: 100px;
|
||||
padding: 0;
|
||||
background-clip: content-box;
|
||||
border: 3px solid rgba(255, 255, 255, 0.5);
|
||||
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .9);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#modal #drag-handle {
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
margin: -4px 2px 0 0;
|
||||
padding: 5px;
|
||||
cursor: move;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#modal #drag-handle:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#modal #close-handle {
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
margin: -4px 0 0 0;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#modal #close-handle:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#modal-content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#modal-loading {
|
||||
height: 100px;
|
||||
background: url(loading.gif) no-repeat center;
|
||||
}
|
||||
|
||||
|
||||
/* Download iFrame */
|
||||
#download {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.loading {
|
||||
|
||||
background: url(loading.gif) no-repeat center;
|
||||
display: none;
|
||||
height: 25px;
|
||||
vertical-align: middle;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.drop-overlay {
|
||||
|
||||
display: none;
|
||||
|
||||
border: 2px dashed #fff;
|
||||
border-radius: 10px;
|
||||
|
||||
background: rgba( 255, 255, 255, 0.15 );
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 97;
|
||||
}
|
||||
|
||||
.drop-overlay-message {
|
||||
|
||||
text-align: center;
|
||||
position: relative;
|
||||
float: left;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate( -50%, -50% );
|
||||
}
|
||||
}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
.settings-view {
|
||||
display: -webkit-flex;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.settings-view .big-icon{
|
||||
font-size: 140%;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.settings-view .config-menu {
|
||||
max-height: 55vh;
|
||||
overflow: auto;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.settings-view .config-menu li {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-top: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.settings-view .config-menu li a {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
|
||||
/* User select */
|
||||
-webkit-user-select: none; /* Chrome all / Safari all */
|
||||
-moz-user-select: none; /* Firefox all */
|
||||
-ms-user-select: none; /* IE 10+ */
|
||||
|
||||
/* No support for these yet, use at own risk */
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.settings-view .config-menu .active {
|
||||
background-color: rgb(60, 118, 221);
|
||||
}
|
||||
|
||||
.settings-view .panels {
|
||||
max-height: 58vh;
|
||||
padding: 5px 20px 20px;
|
||||
overflow: auto;
|
||||
width: 600px;
|
||||
}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
#project-selector { max-height: 250px; background: #404040;
|
||||
margin: 10px 0 5px 0;
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, .5);
|
||||
overflow: auto;
|
||||
max-height: 250px;
|
||||
}
|
||||
|
||||
.user-wrapper {
|
||||
max-height: 450px;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#project-selector table td { border: none; border-bottom: 1px solid #666; }
|
||||
#project-selector table tr:last-child td { border: none; }
|
||||
Loading…
Reference in a new issue