Skip to content

dream
dream
Commit e9301c94 authored by Kazuhiko Shiozaki's avatar Kazuhiko Shiozaki
Browse files
Options

cleanup css.

parent 66264c8b
Hide whitespace changes
Inline Side-by-side
Showing with 151 additions and 104 deletions
dream/platform/static/css/demo-new.css
View file @ e9301c94
body { body {
padding:0; padding:0;
margin:0; margin:0;
background-color:white; background-color:white;
font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align:center; text-align:center;
} }
#headerWrapper { #headerWrapper {
display:none; display:none;
width:100%; width:100%;
background-color:black; background-color:black;
position:fixed; position:fixed;
top:0;left:0; top:0;
height:44px; left:0;
padding:0; height:44px;
border-bottom:1px solid #999; padding:0;
box-shadow: 0px 2px 19px #aaa; border-bottom:1px solid #999;
-o-box-shadow: 0px 2px 19px #aaa; box-shadow: 0px 2px 19px #aaa;
-webkit-box-shadow: 0px 2px 19px #aaa; -o-box-shadow: 0px 2px 19px #aaa;
-moz-box-shadow: 0px 2px 19px #aaa; -webkit-box-shadow: 0px 2px 19px #aaa;
-moz-box-shadow: 0px 2px 19px #aaa;
opacity:0.8; opacity:0.8;
} }
#intro { #intro {
margin-top:59px; margin-top:59px;
} }
#main { #main {
/* these two margins settings are here just to ensure that jsPlumb handles /* these two margins settings are here just to ensure that jsPlumb handles
margins properly.*/ margins properly.*/
position: relative; position: relative;
margin:20px auto; margin:20px auto;
font-size: 80%; font-size: 80%;
border: 1px solid #999; border: 1px solid #999;
width: 100%; width: 100%;
height: 600px; height: 600px;
overflow: hidden; overflow: hidden;
border-radius: 10px; border-radius: 10px;
background-color:#eaedef; background-color:#eaedef;
} }
/* Setting for dialog */ /* Setting for dialog */
label, input { display:block; } label, input {
input.text { margin:4px; padding:0; width:95%; } display:block;
fieldset { padding:0; border:0; margin-top:25px; } }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; } input.text {
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; } margin:4px;
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; } padding:0;
.ui-dialog .ui-state-error { padding: .3em; } width:95%;
.validateTips { border: 1px solid transparent; padding: 0.3em; } }
fieldset {
padding:0;
border:0;
margin-top:25px;
}
h1 {
font-size: 1.2em;
margin: .6em 0;
}
div#users-contain {
width: 350px;
margin: 20px 0;
}
div#users-contain table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
}
div#users-contain table td, div#users-contain table th {
border: 1px solid #eee;
padding: .6em 10px;
text-align: left;
}
.ui-dialog .ui-state-error {
padding: .3em;
}
.validateTips {
border: 1px solid transparent;
padding: 0.3em;
}
/* End of dialog setting */ /* End of dialog setting */
li { margin: 3px; li {
/*padding: 1px;*/ margin: 3px;
/*text-align: -webkit-match-parent;*/ /*padding: 1px;*/
background: #e6e6e6; /*text-align: -webkit-match-parent;*/
border: 1px solid #d3d3d3; background: #e6e6e6;
list-style-type: none; border: 1px solid #d3d3d3;
width: 120px; } list-style-type: none;
width: 120px;
}
#sidebar { #sidebar {
font-size:13px; font-size:13px;
} }
/* demo elements */ /* demo elements */
.menu,#render, #explanation { .menu, #render, #explanation {
background-color:#fff;
background-color:#fff;
} }
.menu { .menu {
height: 15px; height: 15px;
float:right; float:right;
padding-top:1em; padding-top:1em;
padding-bottom:0.4em; padding-bottom:0.4em;
background-color: transparent; background-color: transparent;
margin-right:30px; margin-right:30px;
} }
#render { #render {
text-align: center; text-align: center;
background-color:white; background-color:white;
position: relative; position: relative;
} }
#render ul { #render ul {
padding-left:1em; padding-left:1em;
} }
#render ul li { #render ul li {
list-style-type:none; list-style-type:none;
} }
#render h5 { #render h5 {
display:inline; display:inline;
} }
.otherLibraries { .otherLibraries {
display:inline; display:inline;
} }
a, a:visited { a, a:visited {
text-decoration:none; text-decoration:none;
color:#01a3c6; color:#01a3c6;
font-family:helvetica; font-family:helvetica;
padding:0.3em; padding:0.3em;
border-radius:0.2em; border-radius:0.2em;
} }
a:hover { a:hover {
color:#1b911b; color:#1b911b;
} }
.selected { .selected {
color:rgb(189,11,11) !important; color:rgb(189, 11, 11) !important;
} }
.window, .label { .window, .label {
background-color:white; background-color:white;
text-align:center; text-align:center;
z-index:23; z-index:23;
cursor:pointer; cursor:pointer;
box-shadow: 2px 2px 19px #aaa; box-shadow: 2px 2px 19px #aaa;
-o-box-shadow: 2px 2px 19px #aaa; -o-box-shadow: 2px 2px 19px #aaa;
-webkit-box-shadow: 2px 2px 19px #aaa; -webkit-box-shadow: 2px 2px 19px #aaa;
-moz-box-shadow: 2px 2px 19px #aaa; -moz-box-shadow: 2px 2px 19px #aaa;
}
path, ._jsPlumb_endpoint {
cursor:pointer;
} }
path, ._jsPlumb_endpoint { cursor:pointer; }
._jsPlumb_endpoint_drop_allowed { ._jsPlumb_endpoint_drop_allowed {
border: 4px solid #123456; border: 4px solid #123456;
box-shadow: 6px 6px 19px #444; box-shadow: 6px 6px 19px #444;
-o-box-shadow: 6px 6px 19px #444; -o-box-shadow: 6px 6px 19px #444;
-webkit-box-shadow: 6px 6px 19px #444; -webkit-box-shadow: 6px 6px 19px #444;
-moz-box-shadow: 6px 6px 19px #444; -moz-box-shadow: 6px 6px 19px #444;
} }
/* z index stuff */ /* z index stuff */
._jsPlumb_connector { z-index:18; } ._jsPlumb_connector {
._jsPlumb_endpoint { z-index:19; } z-index:18;
._jsPlumb_overlay { z-index:23; } }
._jsPlumb_endpoint {
z-index:19;
}
._jsPlumb_overlay {
z-index:23;
}
._jsPlumb_connector._jsPlumb_hover { ._jsPlumb_connector._jsPlumb_hover {
z-index:21 !important; z-index:21 !important;
} }
._jsPlumb_endpoint._jsPlumb_hover { ._jsPlumb_endpoint._jsPlumb_hover {
z-index:22 !important; z-index:22 !important;
} }
._jsPlumb_overlay { ._jsPlumb_overlay {
border:1px solid #346789; border:1px solid #346789;
opacity:0.8; opacity:0.8;
filter:alpha(opacity=80); filter:alpha(opacity=80);
background-color:white; background-color:white;
color:black; color:black;
font-family:helvetica; font-family:helvetica;
padding:0.5em; padding:0.5em;
} }
/* DREAM specific css */ /* DREAM specific css */
...@@ -177,9 +226,8 @@ path, ._jsPlumb_endpoint { cursor:pointer; } ...@@ -177,9 +226,8 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
border-radius: 10px; border-radius: 10px;
} }
#tools { #tools {
/* position: absolute; /* position: absolute;
width: 200px; width: 200px;
height: 400px; */ height: 400px; */
width: 100%; width: 100%;
...@@ -193,8 +241,8 @@ path, ._jsPlumb_endpoint { cursor:pointer; } ...@@ -193,8 +241,8 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
margin-bottom: 4px; margin-bottom: 4px;
} }
#simulation_controls { #simulation_controls {
/* position: absolute; /* position: absolute;
width: 200px; width: 200px;
height: 300px; height: 300px;
margin-top: 550px; margin-top: 550px;
...@@ -221,7 +269,6 @@ path, ._jsPlumb_endpoint { cursor:pointer; } ...@@ -221,7 +269,6 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
display: inline-block; display: inline-block;
} }
#graph { #graph {
width: 100%; width: 100%;
height: 400px; height: 400px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7