Merge branch 'desktop_harry' of github.com:Rulingcom/orbit into desktop_harry
Conflicts: Gemfile.lock app/assets/javascripts/.DS_Store app/assets/stylesheets/style.css.erb app/views/layouts/_orbit_bar.html.erb
This commit is contained in:
Christophe Vilayphiou committed
commit
a1e74987dc
389 files changed
+6931
-1
No files matched your search
@@ -0,0 +1,13 @@
|
||||
/*
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require style
|
||||
*= require bootstrap
|
||||
*= require bootstrap-orbit
|
||||
*= require jquery.miniColors
|
||||
*= require font-awesome
|
||||
*= require desktopmain
|
||||
*= require desktopmedia
|
||||
*= require orbitTimeline
|
||||
*/
|
||||
@@ -0,0 +1,742 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#container input, #container textarea, #container select, #container input:focus, #container textarea:focus {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
font: inherit;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
/* basic setting */
|
||||
body {
|
||||
font-family: Cuprum, Arial, "Sans Serif";
|
||||
font-size: 12px;
|
||||
background-color: #000;
|
||||
}
|
||||
a, a:hover { text-decoration: none; color: #666; }
|
||||
a:focus { outline: none; }
|
||||
/* desktop layout */
|
||||
#container {
|
||||
margin: 48px 0 0 156px;
|
||||
}
|
||||
#header {
|
||||
padding: 0 0 12px 0;
|
||||
min-width: 800px;
|
||||
}
|
||||
#side {
|
||||
width: 156px;
|
||||
height: 516px;
|
||||
position: absolute;
|
||||
top: 120px;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
#holder {
|
||||
/*overflow: hidden;
|
||||
overflow-x: auto;*/
|
||||
height: 516px;
|
||||
width: auto;
|
||||
position: relative;
|
||||
}
|
||||
#rwidget {
|
||||
height: 516px;
|
||||
}
|
||||
.widget_fn {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
.widget_icon {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 15px 0 0 15px;
|
||||
}
|
||||
.docklist {
|
||||
|
||||
}
|
||||
.docklist li {
|
||||
position: relative;
|
||||
}
|
||||
.dock_child {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
top: 0;
|
||||
}
|
||||
.docklist > li:hover .dock_child { display: block; }
|
||||
.dock_item { float: left; }
|
||||
.fn_des.admtxt {
|
||||
line-height: 60px;
|
||||
padding: 0 6px;
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
min-width: 48px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ini_input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.ini_input:focus { outline: none; }
|
||||
#search_app { position: relative; background-color: #fff; }
|
||||
#search_app .form {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
padding: 2px 12px;
|
||||
width: 192px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
background: none;
|
||||
}
|
||||
#search_app .submit {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
top: 2px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
overflow: hidden;
|
||||
text-indent: -999px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.section_label {
|
||||
float: left;
|
||||
width: 132px;
|
||||
height:516px;
|
||||
}
|
||||
.section_label li { font-size: 15px; }
|
||||
.section_label li:first-child { font-size: 21px; }
|
||||
|
||||
|
||||
.appname {
|
||||
font-size: 15px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
z-index: 3;
|
||||
}
|
||||
.w1.h1 .appname { text-align: center; }
|
||||
.w2.h2 .appname { font-size: 21px; }
|
||||
.appicon {
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
#sections .appicon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.appholder {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.holder_f .appholder {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.holder_f .appname { display: none; }
|
||||
.dtitle {
|
||||
font-size: 30px;
|
||||
line-height: 60px;
|
||||
float: left;
|
||||
margin: 0 12px 0 0;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
/*.section_slc { width: 252px; }*/
|
||||
|
||||
.admbg { background-color: #fff; }
|
||||
.admbg2 { background-color: #ddd; }
|
||||
.admtxt { color: #666; }
|
||||
.admtxt:hover { color: #666; }
|
||||
.hfn {
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
margin: 12px 12px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
.thmtxt { position: relative; }
|
||||
.tile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* panel */
|
||||
#panel_l { background-color: #f0f0f0; float: left; }
|
||||
#panel_r { margin-left: 252px; position: relative;}
|
||||
|
||||
/* simple dropdown menu */
|
||||
.sdm { position: relative; }
|
||||
.sdm_t {
|
||||
cursor: default;
|
||||
transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
}
|
||||
.sdm:hover .sdm_o { display: block; }
|
||||
.sdm_o {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.sdm_o li { border-top: solid 1px #f2f2f2; }
|
||||
.sdm_o li:first-child { border: none; }
|
||||
.sdm_o a { display: block; }
|
||||
.sdm_o .admtxt { display: block; line-height: 36px; }
|
||||
|
||||
/* simple menu */
|
||||
.s_menu { font-size: 15px; line-height: 36px; }
|
||||
.s_menu li { border-top: solid 1px #ddd; }
|
||||
.s_menu li:first-child { border: none; }
|
||||
.s_menu a { display: block; }
|
||||
|
||||
/* simple tabs */
|
||||
.s_tab { font-size: 15px; line-height: 36px; }
|
||||
.stb_h {}
|
||||
.stb_v {}
|
||||
.s_tab ul { overflow: hidden; }
|
||||
.s_tab li { float: left; }
|
||||
.s_tab a { display: block; }
|
||||
.s_tab .admbg { background-color: #f0f0f0; }
|
||||
.st_c { display: none; }
|
||||
.st_c:first-child { display: block; }
|
||||
|
||||
|
||||
/* tool bar */
|
||||
.toolbar {
|
||||
background-color: #f0f0f0;
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
.toolbar .sdm, .toolbar .fn_g { display: inline-block; }
|
||||
.toolbar .sdm_o { top: 36px; background-color: #f0f0f0; }
|
||||
.toolbar button {
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0 16px;
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: 15px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
/* Setting Page */
|
||||
.theme_list {}
|
||||
.theme_list .ssl_item, .stock_wallpaper .ssl_item {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0 0 12px 0;
|
||||
padding: 6px 0px;
|
||||
width: 132px;
|
||||
text-align: center;
|
||||
cursor: pointer
|
||||
}
|
||||
.theme_thumb, .stock_wallpaper img { border: solid 1px #fff; width: 120px; margin: 0 auto; }
|
||||
.theme_thumb img, .stock_wallpaper img { display: block; }
|
||||
.theme_name { font-size: 15px; padding: 8px 6px; display: block; }
|
||||
.theme_preview { width: 528px; height: 150px; line-height: 36px; font-size: 15px; }
|
||||
.theme_plate { overflow: hidden; }
|
||||
.theme_plate > div { float: left; margin-right: 12px; }
|
||||
.theme_plate > div:first-child { margin-right: 48px;}
|
||||
.stock_wallpaper { }
|
||||
.stock_wallpaper .ssl_item { margin-bottom: 6px; }
|
||||
.stock_wallpaper img { }
|
||||
|
||||
.s_title { font-size: 15px; line-height: 60px; text-align: left; }
|
||||
.s_subtitle {
|
||||
font-size: 13px;
|
||||
line-height: 1.5em;
|
||||
color: #ccc;
|
||||
padding: 12px 0 24px 0;
|
||||
}
|
||||
.s_action {
|
||||
padding: 24px 0;
|
||||
margin-top: 12px;
|
||||
overflow: hidden;
|
||||
border-top: solid 1px #eee;
|
||||
background-color: #fff;
|
||||
}
|
||||
.setting_btn {
|
||||
display: block;
|
||||
float: right;
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* theme color opacity */
|
||||
.op10 { opacity: 1; }
|
||||
.op09 { opacity: 0.9; }
|
||||
.op08 { opacity: 0.8; }
|
||||
.op07 { opacity: 0.7; }
|
||||
.op06 { opacity: 0.6; }
|
||||
.op05 { opacity: 0.5; }
|
||||
.op04 { opacity: 0.4; }
|
||||
.op03 { opacity: 0.3; }
|
||||
.op02 { opacity: 0.2; }
|
||||
.op01 { opacity: 0.1; }
|
||||
.op00 { opacity: 0; }
|
||||
|
||||
/* box set */
|
||||
.w1 { width: 96px; }
|
||||
.w2 { width: 228px; }
|
||||
.w4 { width: 488px; }
|
||||
.wh1 { width: 30px; }
|
||||
.wh2 { width: 36px; }
|
||||
.wh3 { width: 60px; }
|
||||
.w100 { width: 100%; }
|
||||
.pw { width: 540px; }
|
||||
|
||||
.h1 { height: 96px; }
|
||||
.h2 { height: 228px; }
|
||||
.h4 { height: 488px; }
|
||||
.hh1 { height: 30px; }
|
||||
.hh2 { height: 36px; }
|
||||
.hh3 { height: 60px; }
|
||||
.ph { height: 516px; }
|
||||
|
||||
.hp { padding-left: 12px; padding-right: 12px; }
|
||||
.vp { padding-top: 12px; padding-bottom: 12px; }
|
||||
.element {
|
||||
margin: 0 12px 12px 0;
|
||||
float: left;
|
||||
position: relative;
|
||||
/*display:inline-block;*/
|
||||
}
|
||||
.group{
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
/*max-width: 800px;*/
|
||||
/*max-height:540px;*/
|
||||
}
|
||||
.group_search{
|
||||
float: left;
|
||||
margin-right: 36px;
|
||||
|
||||
}
|
||||
.search_result{
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
max-width: 340px;
|
||||
}
|
||||
.g_sep { width: 11px; border-left: solid 1px #fff; }
|
||||
|
||||
|
||||
.clear { clear: both; }
|
||||
|
||||
/* tiny scrollbar */
|
||||
.tinycanvas { overflow: hidden; position: relative; height: 100%; }
|
||||
.tinycanvas .viewport { width: auto; height: 100%; overflow: hidden; position: relative; }
|
||||
.tinycanvas .overview { position: absolute; left: 0; top: 0; min-width: 100%; }
|
||||
.tinycanvas .scrollbar { position: absolute; z-index: 9; }
|
||||
.tinycanvas .scrollbar.sb_h { left: 0; bottom: 0; height: 6px; }
|
||||
.tinycanvas .scrollbar.sb_v { right: 0; top: 0; width: 6px; }
|
||||
.tinycanvas .track { height: 100%; width: 6px; position: relative; }
|
||||
.tinycanvas .thumb { height: 6px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
|
||||
.tinycanvas .thumb .end { overflow: hidden; height: 6px; width: 6px; }
|
||||
.tinycanvas .scrollbar.disable{ display: none; }
|
||||
|
||||
/* Orbit Notification */
|
||||
#orbitnote {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -206px;
|
||||
z-index: 99999;
|
||||
width: 400px;
|
||||
padding: 0 6px 6px 6px;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
}
|
||||
.note_holder {
|
||||
background-color: #f3f3f3;
|
||||
border: solid 1px #fff;
|
||||
border-top: none;
|
||||
overflow: hidden;
|
||||
padding: 24px 24px;
|
||||
}
|
||||
.note_type { float: left; }
|
||||
.note_type img { display: block; }
|
||||
.note_message {
|
||||
color: #333;
|
||||
margin: 10px 0 0 48px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* Orbit Dialogue */
|
||||
#orbitdiag {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
#orbitdiag .tile { background-color: #000; }
|
||||
.diag_holder { background-color: #000; }
|
||||
.diag_holder_inner {
|
||||
width: 600px;
|
||||
margin: 200px auto 0 auto;
|
||||
position: relative;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.diag_message {
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.diag_action { clear: both; text-align: right; }
|
||||
.diag_btn {
|
||||
display: inline-block;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
margin: 0 6px;
|
||||
}
|
||||
.diag_btn:hover { outline: solid 2px #fff; }
|
||||
|
||||
/* tinygrid */
|
||||
.s_grid_con { width: 410px; }
|
||||
.s_grid_row { overflow: hidden; margin-bottom: 12px; }
|
||||
.s_grid_row .s_grid:first-child { margin-left: 0; }
|
||||
.s_grid {
|
||||
float: left;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
.s_grid_con .s_grid_1 { width: 60px; }
|
||||
.s_grid_con .s_grid_2 { width: 130px; }
|
||||
.s_grid_con .s_grid_3 { width: 200px; }
|
||||
.s_grid_con .s_grid_4 { width: 270px; }
|
||||
.s_grid_con .s_grid_5 { width: 340px; }
|
||||
.s_grid_con .s_grid_6 { width: 410px; }
|
||||
|
||||
/* simple slider */
|
||||
/*.s_slider { display: inline-block; float: none; vertical-align: middle; }
|
||||
.s_slider > .s_grid { display: inline-block; float: none; vertical-align: middle; }
|
||||
.s_slider_holder {
|
||||
position: absolute;
|
||||
}
|
||||
.s_slider_c {
|
||||
position: relative;
|
||||
height: 6px;
|
||||
background-color: #ddd;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.s_slider_c .ui-slider-handle {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 16px;
|
||||
margin: -5px 0 0 0;
|
||||
background-color: #333;
|
||||
}
|
||||
.s_slider_c .ui-slider-range {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
background-color: red;
|
||||
display: block;
|
||||
}*/
|
||||
|
||||
/* simple form */
|
||||
|
||||
.s_form { font-size: 15px; }
|
||||
.s_form li { overflow: hidden; padding: 6px; margin-bottom: 12px; position: relative; }
|
||||
.s_form .s_grid_row { padding: 3px; margin-bottom: 6px; }
|
||||
.s_form label {
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 100px;
|
||||
margin-right: 24px;
|
||||
color: #777;
|
||||
}
|
||||
.s_form input[type=text], .s_form input[type=password], .s_form textarea{
|
||||
outline: solid 3px #f6f6f6;
|
||||
border: solid 1px #eee;
|
||||
font-size: 18px;
|
||||
font-family: Arial !important;
|
||||
margin: 0;
|
||||
padding: 6px;
|
||||
transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
}
|
||||
.s_form select { font-family: Arial !important; padding: 6px; height: auto; }
|
||||
.s_form input[type=file] { margin: 0px; vertical-align: baseline; }
|
||||
.s_form input[type=text]:focus, .s_form input[type=password]:focus, .s_form textarea:focus {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
.s_form textarea { resize: none; }
|
||||
.check_box_g {
|
||||
padding: 4px 8px;
|
||||
outline: solid 1px #eee;
|
||||
}
|
||||
.check_box_g > label {
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
padding: 4px 0;
|
||||
}
|
||||
.check_box_g li {
|
||||
margin: 0 6px 6px 0;
|
||||
padding: 0;
|
||||
}
|
||||
.check_box_g li, .check_box_g li > * {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.check_box_g label {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.check_box_g li label { padding-left: 4px; font-family: Arial; }
|
||||
.s_form .input_append {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
right: 5px;
|
||||
top: 4px;
|
||||
display: block;
|
||||
background-color: #fff;
|
||||
}
|
||||
.s_form.s_grid_con { width: 416px; }
|
||||
.s_form .s_grid_row { width: 410px; }
|
||||
.s_form .s_grid_row .s_grid:first-child { margin-left: 0; }
|
||||
.s_form input[type=text].s_grid, .s_form input[type=passowrd].s_grid, .s_form textarea.s_grid, .s_form label.s_grid { float: none; display: inline-block; margin-left: 10px; }
|
||||
.s_form input[type=text].s_grid_1, .s_form input[type=passowrd].s_grid_1, .s_form textarea.s_grid_1 { width: 46px; }
|
||||
.s_form input[type=text].s_grid_2, .s_form input[type=passowrd].s_grid_2, .s_form textarea.s_grid_2 { width: 116px; }
|
||||
.s_form input[type=text].s_grid_3, .s_form input[type=passowrd].s_grid_3, .s_form textarea.s_grid_3 { width: 186px; }
|
||||
.s_form input[type=text].s_grid_4, .s_form input[type=passowrd].s_grid_4, .s_form textarea.s_grid_4 { width: 256px; }
|
||||
.s_form input[type=text].s_grid_5, .s_form input[type=passowrd].s_grid_5, .s_form textarea.s_grid_5 { width: 326px; }
|
||||
.s_form input[type=text].s_grid_6, .s_form input[type=passowrd].s_grid_6, .s_form textarea.s_grid_6 { width: 396px; }
|
||||
.s_form select.s_grid_1 { width: 60px; }
|
||||
.s_form select.s_grid_2 { width: 130px; }
|
||||
.s_form select.s_grid_3 { width: 200px; }
|
||||
.s_form select.s_grid_4 { width: 270px; }
|
||||
.s_form select.s_grid_5 { width: 340px; }
|
||||
.s_form select.s_grid_6 { width: 410px; }
|
||||
|
||||
|
||||
|
||||
#group_wrapper {}
|
||||
.grp { height:528px; }
|
||||
.g_col {
|
||||
height: 516px;
|
||||
float: left;
|
||||
}
|
||||
.g_col_w1 { width: 132px; }
|
||||
.g_col_w2 { width: 264px; }
|
||||
.ui-sortable-placeholder { background-color: rgba(0,0,0,0.2); visibility: visible !important; }
|
||||
|
||||
/* list item */
|
||||
.list_t_item { padding: 2px; overflow: hidden; }
|
||||
.list_t_title {
|
||||
font-size: 15px;
|
||||
font-family: Arial;
|
||||
margin-bottom: 10px;
|
||||
color: #333;
|
||||
}
|
||||
.list_t_des { font-size: 13px; color: #999; font-family: Arial; margin-bottom: 10px; }
|
||||
|
||||
/* Connection Page */
|
||||
#connection_setting { height: 492px; }
|
||||
#connection_setting .s_form {
|
||||
float: left;
|
||||
margin: 0 12px 0 0;
|
||||
padding-left: 24px;
|
||||
height: 100%;
|
||||
border-left: solid 1px #ddd;
|
||||
}
|
||||
#connection_setting .s_form:first-child { padding-left: 0; border: none; }
|
||||
#connection_setting .s_form label { line-height: 30px; }
|
||||
#connection_setting .s_form .c_icon, #connection_setting .s_form .c_name {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#connection_setting .s_form .c_name { padding: 0 12px; font-size: 18px; }
|
||||
#connection_setting .s_form input[type=text], #connection_setting .s_form input[type=password] { width: 202px; }
|
||||
#connection_setting .setting_btn { margin-left: 12px; }
|
||||
#connection_setting .setting_btn.disable { background-color: #ddd; cursor: default; }
|
||||
#connection_setting .c_status {
|
||||
float: right;
|
||||
padding: 6px;
|
||||
font-size: 9px;
|
||||
background-color: #eee;
|
||||
color: #ccc;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
-webkit-text-size-adjust: none;
|
||||
transition: background-color 0.5s ease;
|
||||
-moz-transition: background-color 0.5s ease;
|
||||
-webkit-transition: background-color 0.5s ease;
|
||||
}
|
||||
#connection_setting .c_status_on { background-color: #51A351; color: #fff; }
|
||||
#connection_setting .c_info {
|
||||
font-size: 18px;
|
||||
font-family: Arial;
|
||||
padding: 7px 6px;
|
||||
background-color: #fcfcfc;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* Journal Papers */
|
||||
#paper_list, #paper_add { height: 456px; }
|
||||
#paper_list .g_col {
|
||||
width: 410px;
|
||||
height: 456px;
|
||||
margin-left: 12px;
|
||||
padding-left: 12px;
|
||||
border-left: solid 1px #eee;
|
||||
}
|
||||
#paper_list .g_col:first-child { margin-left: 0; padding-left: 10px; border: none; }
|
||||
#paper_list .list_t .list_t_item { padding-left: 30px; height: 86px; }
|
||||
#paper_list .list_item_action {
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
margin-left: -30px;
|
||||
}
|
||||
.list_item_action a {
|
||||
display: block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
margin: 1px 1px 6px 1px;
|
||||
}
|
||||
.list_item_action .icon-ok { visibility: hidden; }
|
||||
.list_item_action .item_check_status { outline: solid 1px #999; }
|
||||
.list_item_action .icon-star-empty { color: #999; font-size: 20px; }
|
||||
.list_item_action .icon-star { color: #faa732; font-size: 20px; }
|
||||
.item_check_status:hover .icon-ok, .item_check_status.checked .icon-ok { visibility: visible; }
|
||||
|
||||
/* Journal Paper Add */
|
||||
#paper_add .s_grid_con {
|
||||
float: left;
|
||||
height: 456px;
|
||||
margin-left: 12px;
|
||||
padding-left: 12px;
|
||||
border-left: solid 1px #eee;
|
||||
}
|
||||
#paper_add .s_grid_con:first-child { margin-left: 0; padding-left: 0; border: none; }
|
||||
#paper_add .f_w { width: 336px; }
|
||||
#paper_add label { margin-right: 0; }
|
||||
|
||||
/* App */
|
||||
.app_frame {
|
||||
margin: 48px 96px 48px 158px;
|
||||
min-width: 800px;
|
||||
min-height: 588px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
.app_frame .app_holder {
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
.app_frame #header .icon-remove {
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
/*Tooltip popup */
|
||||
.desktop_toolpopup{
|
||||
position: absolute;
|
||||
z-index:10px;
|
||||
display: none;
|
||||
border-width:3px;
|
||||
border-radius:5px;
|
||||
border-color:black;
|
||||
font-size:15px;
|
||||
padding: 10px;
|
||||
cursor: default;
|
||||
background-color:#ccc;
|
||||
}
|
||||
.desktop_toolpopup span{
|
||||
margin:3px 0 3px 0;
|
||||
}
|
||||
.desktop_toolpopup h3{
|
||||
text-align: center;
|
||||
font-weight:bolder;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
.desktop_toolpopup h2{
|
||||
font-weight:bolder;
|
||||
margin-top:3px;
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
@media only screen and (min-width: 1240px){
|
||||
|
||||
#panel_r.pw { width: 800px; }
|
||||
|
||||
}
|
||||
@media only screen and (min-width: 1900px){
|
||||
|
||||
#panel_r.pw { width: 1400px; }
|
||||
|
||||
}
|
||||
Executable
+239
@@ -0,0 +1,239 @@
|
||||
/* Font Awesome
|
||||
the iconic font designed for use with Twitter Bootstrap
|
||||
-------------------------------------------------------
|
||||
The full suite of pictographic icons, examples, and documentation
|
||||
can be found at: http://fortawesome.github.com/Font-Awesome/
|
||||
|
||||
License
|
||||
-------------------------------------------------------
|
||||
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
|
||||
http://creativecommons.org/licenses/by/3.0/ A mention of
|
||||
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
|
||||
source code is considered acceptable attribution (most common on the web).
|
||||
If human readable source code is not available to the end user, a mention in
|
||||
an 'About' or 'Credits' screen is considered acceptable (most common in desktop
|
||||
or mobile software).
|
||||
|
||||
Contact
|
||||
-------------------------------------------------------
|
||||
Email: dave@davegandy.com
|
||||
Twitter: http://twitter.com/fortaweso_me
|
||||
Work: http://lemonwi.se co-founder
|
||||
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url(<%= asset_path "desktop/fontawesome-webfont.eot"%>);
|
||||
src: url(<%= asset_path "desktop/fontawesome-webfont.eot?#iefix"%>) format('embedded-opentype'), url(<%= asset_path "desktop/fontawesome-webfont.woff" %>) format('woff'), url(<%= asset_path "desktop/fontawesome-webfont.ttf"%>) format('truetype'), url(<%= asset_path "desktop/fontawesome-webfont.svgz#FontAwesomeRegular"%>) format('svg'), url(<%= asset_path "desktop/fontawesome-webfont.svg#FontAwesomeRegular"%>) format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* sprites.less reset */
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: inherit;
|
||||
vertical-align: baseline;
|
||||
background-image: none;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
}
|
||||
li[class^="icon-"], li[class*=" icon-"] {
|
||||
display: block;
|
||||
}
|
||||
/* Font Awesome styles
|
||||
------------------------------------------------------- */
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
a [class^="icon-"], a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
vertical-align: top;
|
||||
font-size: 1.3333333333333333em;
|
||||
}
|
||||
.btn [class^="icon-"], .btn [class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
line-height: .9em;
|
||||
}
|
||||
li [class^="icon-"], li [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
|
||||
/* 1.5 increased font size for icon-large * 1.25 width */
|
||||
width: 1.875em;
|
||||
}
|
||||
li[class^="icon-"], li[class*=" icon-"] {
|
||||
margin-left: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
li[class^="icon-"]:before, li[class*=" icon-"]:before {
|
||||
text-indent: -2em;
|
||||
text-align: center;
|
||||
}
|
||||
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
|
||||
text-indent: -1.3333333333333333em;
|
||||
}
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
.icon-glass:before { content: "\f000"; }
|
||||
.icon-music:before { content: "\f001"; }
|
||||
.icon-search:before { content: "\f002"; }
|
||||
.icon-envelope:before { content: "\f003"; }
|
||||
.icon-heart:before { content: "\f004"; }
|
||||
.icon-star:before { content: "\f005"; }
|
||||
.icon-star-empty:before { content: "\f006"; }
|
||||
.icon-user:before { content: "\f007"; }
|
||||
.icon-film:before { content: "\f008"; }
|
||||
.icon-th-large:before { content: "\f009"; }
|
||||
.icon-th:before { content: "\f00a"; }
|
||||
.icon-th-list:before { content: "\f00b"; }
|
||||
.icon-ok:before { content: "\f00c"; }
|
||||
.icon-remove:before { content: "\f00d"; }
|
||||
.icon-zoom-in:before { content: "\f00e"; }
|
||||
|
||||
.icon-zoom-out:before { content: "\f010"; }
|
||||
.icon-off:before { content: "\f011"; }
|
||||
.icon-signal:before { content: "\f012"; }
|
||||
.icon-cog:before { content: "\f013"; }
|
||||
.icon-trash:before { content: "\f014"; }
|
||||
.icon-home:before { content: "\f015"; }
|
||||
.icon-file:before { content: "\f016"; }
|
||||
.icon-time:before { content: "\f017"; }
|
||||
.icon-road:before { content: "\f018"; }
|
||||
.icon-download-alt:before { content: "\f019"; }
|
||||
.icon-download:before { content: "\f01a"; }
|
||||
.icon-upload:before { content: "\f01b"; }
|
||||
.icon-inbox:before { content: "\f01c"; }
|
||||
.icon-play-circle:before { content: "\f01d"; }
|
||||
.icon-repeat:before { content: "\f01e"; }
|
||||
|
||||
/* \f020 is not a valid unicode character. all shifted one down */
|
||||
.icon-refresh:before { content: "\f021"; }
|
||||
.icon-list-alt:before { content: "\f022"; }
|
||||
.icon-lock:before { content: "\f023"; }
|
||||
.icon-flag:before { content: "\f024"; }
|
||||
.icon-headphones:before { content: "\f025"; }
|
||||
.icon-volume-off:before { content: "\f026"; }
|
||||
.icon-volume-down:before { content: "\f027"; }
|
||||
.icon-volume-up:before { content: "\f028"; }
|
||||
.icon-qrcode:before { content: "\f029"; }
|
||||
.icon-barcode:before { content: "\f02a"; }
|
||||
.icon-tag:before { content: "\f02b"; }
|
||||
.icon-tags:before { content: "\f02c"; }
|
||||
.icon-book:before { content: "\f02d"; }
|
||||
.icon-bookmark:before { content: "\f02e"; }
|
||||
.icon-print:before { content: "\f02f"; }
|
||||
|
||||
.icon-camera:before { content: "\f030"; }
|
||||
.icon-font:before { content: "\f031"; }
|
||||
.icon-bold:before { content: "\f032"; }
|
||||
.icon-italic:before { content: "\f033"; }
|
||||
.icon-text-height:before { content: "\f034"; }
|
||||
.icon-text-width:before { content: "\f035"; }
|
||||
.icon-align-left:before { content: "\f036"; }
|
||||
.icon-align-center:before { content: "\f037"; }
|
||||
.icon-align-right:before { content: "\f038"; }
|
||||
.icon-align-justify:before { content: "\f039"; }
|
||||
.icon-list:before { content: "\f03a"; }
|
||||
.icon-indent-left:before { content: "\f03b"; }
|
||||
.icon-indent-right:before { content: "\f03c"; }
|
||||
.icon-facetime-video:before { content: "\f03d"; }
|
||||
.icon-picture:before { content: "\f03e"; }
|
||||
|
||||
.icon-pencil:before { content: "\f040"; }
|
||||
.icon-map-marker:before { content: "\f041"; }
|
||||
.icon-adjust:before { content: "\f042"; }
|
||||
.icon-tint:before { content: "\f043"; }
|
||||
.icon-edit:before { content: "\f044"; }
|
||||
.icon-share:before { content: "\f045"; }
|
||||
.icon-check:before { content: "\f046"; }
|
||||
.icon-move:before { content: "\f047"; }
|
||||
.icon-step-backward:before { content: "\f048"; }
|
||||
.icon-fast-backward:before { content: "\f049"; }
|
||||
.icon-backward:before { content: "\f04a"; }
|
||||
.icon-play:before { content: "\f04b"; }
|
||||
.icon-pause:before { content: "\f04c"; }
|
||||
.icon-stop:before { content: "\f04d"; }
|
||||
.icon-forward:before { content: "\f04e"; }
|
||||
|
||||
.icon-fast-forward:before { content: "\f050"; }
|
||||
.icon-step-forward:before { content: "\f051"; }
|
||||
.icon-eject:before { content: "\f052"; }
|
||||
.icon-chevron-left:before { content: "\f053"; }
|
||||
.icon-chevron-right:before { content: "\f054"; }
|
||||
.icon-plus-sign:before { content: "\f055"; }
|
||||
.icon-minus-sign:before { content: "\f056"; }
|
||||
.icon-remove-sign:before { content: "\f057"; }
|
||||
.icon-ok-sign:before { content: "\f058"; }
|
||||
.icon-question-sign:before { content: "\f059"; }
|
||||
.icon-info-sign:before { content: "\f05a"; }
|
||||
.icon-screenshot:before { content: "\f05b"; }
|
||||
.icon-remove-circle:before { content: "\f05c"; }
|
||||
.icon-ok-circle:before { content: "\f05d"; }
|
||||
.icon-ban-circle:before { content: "\f05e"; }
|
||||
|
||||
.icon-arrow-left:before { content: "\f060"; }
|
||||
.icon-arrow-right:before { content: "\f061"; }
|
||||
.icon-arrow-up:before { content: "\f062"; }
|
||||
.icon-arrow-down:before { content: "\f063"; }
|
||||
.icon-share-alt:before { content: "\f064"; }
|
||||
.icon-resize-full:before { content: "\f065"; }
|
||||
.icon-resize-small:before { content: "\f066"; }
|
||||
.icon-plus:before { content: "\f067"; }
|
||||
.icon-minus:before { content: "\f068"; }
|
||||
.icon-asterisk:before { content: "\f069"; }
|
||||
.icon-exclamation-sign:before { content: "\f06a"; }
|
||||
.icon-gift:before { content: "\f06b"; }
|
||||
.icon-leaf:before { content: "\f06c"; }
|
||||
.icon-fire:before { content: "\f06d"; }
|
||||
.icon-eye-open:before { content: "\f06e"; }
|
||||
|
||||
.icon-eye-close:before { content: "\f070"; }
|
||||
.icon-warning-sign:before { content: "\f071"; }
|
||||
.icon-plane:before { content: "\f072"; }
|
||||
.icon-calendar:before { content: "\f073"; }
|
||||
.icon-random:before { content: "\f074"; }
|
||||
.icon-comment:before { content: "\f075"; }
|
||||
.icon-magnet:before { content: "\f076"; }
|
||||
.icon-chevron-up:before { content: "\f077"; }
|
||||
.icon-chevron-down:before { content: "\f078"; }
|
||||
.icon-retweet:before { content: "\f079"; }
|
||||
.icon-shopping-cart:before { content: "\f07a"; }
|
||||
.icon-folder-close:before { content: "\f07b"; }
|
||||
.icon-folder-open:before { content: "\f07c"; }
|
||||
.icon-resize-vertical:before { content: "\f07d"; }
|
||||
.icon-resize-horizontal:before { content: "\f07e"; }
|
||||
|
||||
.icon-bar-chart:before { content: "\f080"; }
|
||||
.icon-twitter-sign:before { content: "\f081"; }
|
||||
.icon-facebook-sign:before { content: "\f082"; }
|
||||
.icon-camera-retro:before { content: "\f083"; }
|
||||
.icon-key:before { content: "\f084"; }
|
||||
.icon-cogs:before { content: "\f085"; }
|
||||
.icon-comments:before { content: "\f086"; }
|
||||
.icon-thumbs-up:before { content: "\f087"; }
|
||||
.icon-thumbs-down:before { content: "\f088"; }
|
||||
.icon-star-half:before { content: "\f089"; }
|
||||
.icon-heart-empty:before { content: "\f08a"; }
|
||||
.icon-signout:before { content: "\f08b"; }
|
||||
.icon-linkedin-sign:before { content: "\f08c"; }
|
||||
.icon-pushpin:before { content: "\f08d"; }
|
||||
.icon-external-link:before { content: "\f08e"; }
|
||||
|
||||
.icon-signin:before { content: "\f090"; }
|
||||
.icon-trophy:before { content: "\f091"; }
|
||||
.icon-github-sign:before { content: "\f092"; }
|
||||
.icon-upload-alt:before { content: "\f093"; }
|
||||
.icon-lemon:before { content: "\f094"; }
|
||||
Executable
+59
@@ -0,0 +1,59 @@
|
||||
.miniColors-trigger {
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
border: solid 3px #e8e8e8;
|
||||
vertical-align: middle;
|
||||
margin: 0 6px 0 0;
|
||||
display: inline-block;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.miniColors-selector {
|
||||
position: absolute;
|
||||
width: 175px;
|
||||
height: 150px;
|
||||
background: #FFF;
|
||||
border: solid 1px #BBB;
|
||||
padding: 5px;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.miniColors-selector.black {
|
||||
background: #222;
|
||||
border-color: #222;
|
||||
}
|
||||
|
||||
.miniColors-colors {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: url(miniColors/gradient.png) center no-repeat;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.miniColors-hues {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 160px;
|
||||
width: 20px;
|
||||
height: 150px;
|
||||
background: url(miniColors/rainbow.png) center no-repeat;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.miniColors-colorPicker {
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background: url(miniColors/circle.gif) center no-repeat;
|
||||
}
|
||||
|
||||
.miniColors-huePicker {
|
||||
position: absolute;
|
||||
left: -3px;
|
||||
width: 26px;
|
||||
height: 3px;
|
||||
background: url(miniColors/line.gif) center no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
.t_scale{
|
||||
min-width:2000px;
|
||||
height:516px;
|
||||
bottom:0;
|
||||
}
|
||||
#timline_marker{
|
||||
width:100px;
|
||||
height:140px;
|
||||
opacity:0.4;
|
||||
cursor: move;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-radius:5px;
|
||||
}
|
||||
.t_scale{
|
||||
border-style:solid;
|
||||
border-width:2px;
|
||||
border-radius:5px;
|
||||
}
|
||||
#t_container{
|
||||
height:366px;
|
||||
}
|
||||
.scale_region{
|
||||
height:516px;
|
||||
border-style:solid;
|
||||
border-width:0 2px 0 2px;
|
||||
float: left;
|
||||
margin-right:1px;
|
||||
font-size:20px;
|
||||
padding:5px;
|
||||
}
|
||||
.scale_region span{
|
||||
display: block;
|
||||
}
|
||||
.month{
|
||||
|
||||
}
|
||||
.year{
|
||||
background-color: #c0bebe;
|
||||
width:30px;
|
||||
}
|
||||
.bubble{
|
||||
cursor: pointer;
|
||||
width:300px;
|
||||
height:30px;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
float: left;
|
||||
border-radius:5px;
|
||||
margin-top: 10px;
|
||||
margin-bottom:10px;
|
||||
font-size:15px;
|
||||
padding:5px;
|
||||
text-align:justify;
|
||||
display: none;
|
||||
}
|
||||
.month_heading{
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.bubble_list ul{
|
||||
width:350px;
|
||||
float:left;
|
||||
}
|
||||
.bubble_list ul li span.date{
|
||||
font-weight:bolder;
|
||||
float:right;
|
||||
}
|
||||
@@ -1,5 +1,6 @@
|
||||
/*style*/
|
||||
|
||||
@import url(http://fonts.googleapis.com/css?family=Cuprum);
|
||||
@font-face{
|
||||
font-family: 'WebSymbolsRegular';
|
||||
src: url(<%= asset_path 'websymbols-regular-webfont.eot' %>);
|
||||
|
||||
Reference in new issue
Block a user