franzz/databap
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v1.1

Browse Source
This commit is contained in:
Franzz
2014-12-13 03:18:04 +01:00
parent ae20f82a43
commit 0e4b1a3e6d
24 changed files with 499 additions and 497 deletions
Download Patch File Download Diff File Expand all files Collapse all files

341
style/databap.scss
View File

@@ -10,7 +10,7 @@
#container {
background:$col_main_1;
padding:10px 10px 1px;
padding:10px 10px 1px 1px;
}
/* Header */
@@ -49,7 +49,6 @@
#search_btn_submit {
background:$col_main_2;
border-left:2px solid $col_main_1;
height:20px;
padding-top:5px;
}
@@ -62,28 +61,26 @@
/* Main */
#main_container {
background:$col_none;
margin-left:30px;
background:$col_main_2;
margin-left:35px;
position:relative;
overflow:hidden;
border:10px solid $col_none;
border:10px solid $col_main_2;
}
#page_title {
margin-bottom:10px;
#page_title .side_margins {
margin:0 0 10px 0;
}
#page_title h1 {
margin:0 -12px 12px;
padding:12px 10px;
padding:2px 0; /*To fit the icon in*/
margin:0;
width:100%;
border:2px solid $col_main_1;
font-family:Arial;
font-family: 'Databap', sans-serif;
font-size:32px;
line-height:32px;
font-style:italic;
font-weight:600;
@include gradient-diag($col_main_2, $col_none, 25%, 75%);
font-weight:bold;
}
#page_title h1 #title_feedback {
@@ -109,111 +106,90 @@
#menu {
position:absolute;
width:20px;
width:auto;
padding:10px 0;
z-index:10;
border-right:0 solid $col_main_1;
#menu_title {
position:relative;
padding:0;
margin:21px 0 0 0;
text-align:center;
cursor:pointer;
font-size:20px;
line-height:20px;
font-weight:bold;
}
background: $col_main_2;
background: -moz-linear-gradient(top, $col_main_2 0%, $col_none 25%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$col_main_2), color-stop(25%,$col_none));
background: -webkit-linear-gradient(top, $col_main_2 0%,$col_none 25%);
background: -o-linear-gradient(top, $col_main_2 0%,$col_none 25%);
background: -ms-linear-gradient(top, $col_main_2 0%,$col_none 25%);
background: linear-gradient(to bottom, $col_main_2 0%,$col_none 25%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$col_main_2', endColorstr='$col_none',GradientType=0 );
}
#menu.opened {
background: $col_none;
background: -moz-linear-gradient(left, $col_none 75%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(75%,$col_none), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, $col_none 75%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, $col_none 75%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, $col_none 75%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, $col_none 75%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$col_none', endColorstr='#00ffffff',GradientType=1 );
}
#menu #menu_title {
position:relative;
padding:0;
margin:21px 0 0 0;
text-align:center;
cursor:pointer;
font-size:20px;
line-height:20px;
font-weight:bold;
}
#menu #menu_box {
display:none;
color:$col_main_1;
text-align:center;
}
#menu #menu_box ul {
margin:0;
padding:0;
text-align:left;
font-size: 20px;
list-style:none;
}
#menu #menu_box ul li {
margin:0;
padding:5px 3px 5px 15px;
list-style:none;
cursor:pointer;
line-height:20px;
height:20px;
font-size:20px;
text-transform:capitalize;
}
#menu #menu_box ul li:FIRST-CHILD {
padding-left:5px;
font-weight: bold;
}
#menu #menu_box ul li a {
color:$col_main_1;
display:block;
width:100%;
}
#menu #menu_box ul li:hover a {
color:$col_hover_1;
}
#menu #menu_box ul li#rss_ln a {
color:$col_main_1;
}
#menu #menu_box ul li#quick_code_access_ln input {
border:2px solid $col_main_1;
width:60px;
padding:0 5px;
font-size:16px;
color:$col_main_1;
}
#menu #menu_box ul li .fa {
margin-right:5px;
}
#menu .useless_button {
width:0;
height:0;
position:absolute;
bottom:5px;
left:5px;
border:5px solid $col_main_1;
#menu_box ul {
margin:0;
padding:0;
text-align:left;
font-size: 20px;
list-style:none;
}
#menu_box ul li {
padding:10px 10px 10px 0;
margin:0;
list-style:none;
cursor:pointer;
line-height:20px;
height:20px;
font-size:20px;
text-transform:capitalize;
}
#menu_box ul li:FIRST-CHILD {
padding-top:0;
}
#menu_box ul li:FIRST-CHILD a {
padding-top:8px;
}
#menu_box ul li a {
padding:10px 0 10px 0;
color:$col_main_2;
display:inline-block;
width:100%;
}
#menu_box ul li:hover a {
color:$col_hover_1;
}
#menu_box a.active {
background:#88B2F0;
color:$col_hover_1;
padding-right: 10px;
@include round(10px, 10px, 10px, 10px);
}
#menu_box ul li a span {
display: none;
}
#menu_box a.active span {
display:inline-block;
text-transform:capitalize;
background:#04357B;
}
#menu_box ul li a.active .fa {
margin-right:10px;
}
#menu_box ul li#rss_ln a {
color:$col_main_1;
}
}
/* Welcome */
#welcome #welcome_container {
border:2px solid $col_main_1;
background:$col_main_2;
background:$col_main_3;
padding:10px;
}
@@ -230,13 +206,13 @@
}
#welcome #welcome_container ul li {
font-size:13px;
font-size:$size_vbig;
margin-top:10px;
font-weight: bold;
}
#welcome #welcome_container ul li ul {
font-size:12px;
font-size:$size_big;
margin-top:2px;
}
@@ -285,7 +261,7 @@
/* Add Code */
#add_code_container, #add_code_container input {
font-size:14px;
font-size:$size_vbig;
}
#add_code_container table {
@@ -308,12 +284,11 @@
margin:0 -10px;
padding:10px 6px 10px 10px;
width:100%;
border:2px solid $col_main_1;
min-height:100px;
height:300px;
font-family:courier;
font-family:Courier New, Courier;
color:$col_black;
font-size:14px;
font-size:$size_vbig;
}
#add_code_container .loggued {
@@ -321,7 +296,6 @@
}
#add_code_container input[type=text] {
border:2px solid $col_main_1;
width:400px;
padding:5px;
color:$col_main_1;
@@ -342,15 +316,13 @@
#link_result, #available_phrase {
display:none;
border:2px solid;
margin-left:15px;
padding:5px;
font-size:14px;
font-size:$size_vbig;
}
#link_result {
color:$col_main_1;
border-color:$col_main_1;
}
#available_phrase {
@@ -359,11 +331,11 @@
#available_phrase.available {
color:$col_success;
border-color:$col_success;
background:$col_success_2;
}
#available_phrase.unavailable {
color:$col_error;
border-color:$col_error;
background:$col_error_2;
}
/* read code */
@@ -380,7 +352,6 @@
#code_container .code_reader {
margin:10px 0 0 0;
border:2px solid $col_main_1;
padding:0;
background:#b5b5c6;
background:$col_main_1;
@@ -431,7 +402,7 @@
border-left:1px dotted #398c8c;
background:$col_none;
font-family:Courier New, Courier;
font-size:12px;
font-size:$size_big;
line-height:12px;
text-indent:20px;
color:#398c8c;
@@ -447,7 +418,7 @@
}
#code_container .code_reader ol li:hover, #code_container .code_reader ol li.code_hover {
background-color:$col_main_2;
background-color:$col_main_3;
}
#code_container .code_reader .core {color:#0000ff; text-transform:uppercase;}
@@ -483,7 +454,7 @@
color:$col_black;
}
#code_container .code_reader ol li span.code, ol li span.comment {
font-size:14px;
font-size:$size_vbig;
margin-left:15px;
}
#code_container .code_reader ol li span.comment span, #code_container .code_reader ol li span.code span.comment {
@@ -568,7 +539,7 @@
#search .summary {
margin: 10px 0 0px 5px;
font-size:14px;
font-size:$size_vbig;
font-style: italic;
}
@@ -597,7 +568,6 @@
width:96px;
height:96px;
background:url("images/avatar_96.png") 0 0 no-repeat;
border:2px solid $col_main_1;
float:left;
}
@@ -612,8 +582,7 @@
margin-left:110px; /* 96 (picture) + 10 (margin) + 4 (borders) */
padding:10px 16px;
height:76px; /* 96 (picture height) - 20 (padding) */
border:2px solid $col_main_1;
background:$col_main_2;
background:$col_main_3;
}
#profile .user .fa {
@@ -640,18 +609,17 @@
#profile #history_subbox {
margin-top:10px;
border:2px solid $col_main_1;
}
#profile #user_history p.history_line {
padding:5px 10px;
font-size:14px;
font-size:$size_vbig;
}
#profile #user_history p.history_line:nth-child(odd) {
background:$col_main_2;
background:$col_none;
}
#profile #user_history p.history_line:nth-child(even) {
background:$col_none;
background:$col_main_4;
}
#profile #user_history p.history_line:FIRST-CHILD {
-moz-border-radius-topleft: 10px;
@@ -692,9 +660,9 @@
#chat #chat_room {
margin-right:175px; /* 165px + 10px (margin-left) */
border:2px solid $col_main_1;
background:$col_none;
height:100%;
padding:5px;
}
.g_white_transparent {
@@ -727,7 +695,7 @@
#chat #chat_room #chat_container {
clear:both;
margin:5px 5px 0;
padding-bottom:5px;
}
#chat #chat_room #chat_container #chat_messages_box {
position:relative;
@@ -762,7 +730,7 @@
/*background-color:white;*/
}
#chat_messages p.A, #chat_messages p.PA, #chat_messages p.E, #chat_messages p.PE, #chat_messages p.N {
background-color:$col_main_2;
background-color:$col_main_3;
font-style:italic;
}
#chat_messages p.C {
@@ -772,11 +740,11 @@
}
#chat_messages p span.time {
color:$col_hover_1;
font-size:10px;
font-size:$size_small;
font-style:normal;
}
#chat_messages p a.user, #chat_messages p span.console {
font-size:12px;
font-size:$size_medium;
font-weight:bold;
color:$col_main_1;
}
@@ -788,7 +756,7 @@
}
#chat_messages p span.text {
margin-left:5px;
font-size:13px;
font-size:$size_big;
}
#chat_messages p span.action {
font-style:italic;
@@ -819,10 +787,10 @@
#chat_messages .help p {
padding:0 5px;
color:#666666;
font-size:10px;
font-size:$size_medium;
}
#chat_messages .help p.title {
font-size:14px;
font-size:$size_big;
padding:3px 5px;
border-bottom:1px dashed #666666;
letter-spacing:0;
@@ -832,7 +800,7 @@
}
#chat_messages .help p.subtitle {
margin-top:5px;
font-size:12px;
font-size:$size_medium;
}
#chat_messages .help p.item {
margin-top:1px;
@@ -847,24 +815,24 @@
}
#chat #chat_input {
margin:5px;
padding:0 5px;
background:$col_main_1;
background:$col_main_3;
color:#94BDF9;
overflow: hidden;
}
#chat #chat_input .fa {
color:$col_main_2;
margin-right:2px;
color:$col_main_1;
margin-right:3px;
margin-left:3px;
}
#chat #chat_input input#message {
color:$col_none;
background:$col_main_3;
margin:0;
padding:7px 0;
border:none;
min-width:200px;
font-size:13px;
line-height:13px;
font-size:$size_vbig;
}
#chat #chat_input input#message:hover, #chat #chat_input input#message:focus {
@@ -883,25 +851,26 @@
#chat #sidebar .sidebar_box {
position:relative;
border:2px solid $col_main_1;
font-weight:bold;
padding:0;
margin-bottom:10px;
overflow: hidden;
}
#chat #sidebar .sidebar_box_title {
background-color:$col_main_2;
background-color:$col_main_3;
text-align:center;
font-size:$size_subtitle;
}
#chat #sidebar .sidebar_box_content {
border-top:2px solid $col_main_1;
font-size:12px;
background:$col_none;
font-size:$size_medium;
font-weight:normal;
}
#chat #sidebar .help_paperclip {
background: transparent url('images/ms_paperclip_112.jpg') 50% 50% no-repeat;
background: $col_none url('images/ms_paperclip_112.jpg') 50% 50% no-repeat;
height:109px;
}
@@ -916,7 +885,7 @@
}
#chat #sidebar p.connected_user {
font-size:16px;
font-size:$size_vbig;
}
#chat #sidebar a.connected_user_logo img {
vertical-align:middle;
@@ -944,22 +913,20 @@
}
#chat #chat_chan {
margin-bottom: -2px;
}
#chat #chat_chan .tab_bar {
font-weight:bold;
text-align:right;
margin:0 184px 0 0; /* 165px + the round corner */
margin:0 0 0 5px; /* 165px + the round corner */
}
#chat #chat_chan .tab_bar span.chan {
display: inline-block;
background-color:$col_main_2;
background-color:$col_main_3;
padding:2px 8px;
border:2px solid $col_main_1;
margin-left:5px;
color:$col_main_1;
font-size:$size_vvbig;
}
#chat #chat_chan .tab_bar span#join_chan {
@@ -995,9 +962,12 @@
color:$col_hover_1;
}
#chat #chat_chan .tab_bar span#join_chan .hash {
margin-left:5px;
}
#chat #chat_chan .tab_bar span#join_chan input, #chat #chat_chan .tab_bar span#join_chan input:hover {
border:none;
font-size:14px;
font-size:$size_vvbig;
padding:0;
margin:0;
width:70px;
@@ -1022,10 +992,10 @@
padding:6px 5px;
}
#chat #news .new:nth-child(even) {
background:$col_main_3;
background:$col_none;
}
#chat #news .new:nth-child(odd) {
background:$col_main_2;
background:$col_main_4;
}
#chat #news .new:last-child {
-moz-border-radius:0 0 10px 10px;
@@ -1044,8 +1014,7 @@
/* Options */
#options .options_box {
background:$col_main_2;
border:2px solid $col_main_1;
background:$col_main_3;
width:490px;
float:left;
margin:0 10px 10px 0;
@@ -1068,10 +1037,10 @@
}
#options .options_box input[type=text], #options .options_box input[type=password], #options .options_box select {
font-size:14px;
font-size:$size_big;
background:$col_none;
border-width:1px;
font-size:14px;
font-size:$size_vbig;
padding:5px;
float:right;
}
@@ -1082,7 +1051,6 @@
}
#options .options_box select {
border:1px solid $col_main_1;
color:$col_main_1;
}
@@ -1103,19 +1071,23 @@
background-color:$col_hover_1
}
#procedure #procedure_steps .step_box:LAST-CHILD {
margin-bottom:0;
}
#titles_read p.read_title {
border-bottom:1px solid $col_main_1;
font-weight:bold;
}
#titles_read p.read_details {
font-size:12px;
font-size:$size_big;
font-style:italic;
margin:3px 0 15px 0;
}
#titles_read p.read_description {
font-size:14px;
font-size:$size_vbig;
}
#titles_read p.read_description .fa {
@@ -1158,6 +1130,10 @@
background:$col_none;
}
#procedure #procedure_title {
margin-top:0;
}
#procedure #bottom_menu {
margin:10px 0 0 0;
}
@@ -1189,7 +1165,7 @@
}
#procedure .thumbnail_desc {
font-size:12px;
font-size:$size_big;
}
/* Procedure - Uploader */
@@ -1199,7 +1175,7 @@
}
#procedure .uploader_box .error {
font-size:12px;
font-size:$size_big;
margin:10px 0;
}
@@ -1214,6 +1190,10 @@
margin-bottom:10px;
}
#doc .step_box:nth-child(odd) {
background:$col_main_4;
}
#doc #attach_file {
margin-top:10px;
}
@@ -1309,7 +1289,7 @@
#footer p, #footer a {
color:$col_none;
margin:0;
font-size:9px;
font-size:$size_small;
}
#footer a {
@@ -1320,8 +1300,9 @@
#logout p {
font-size:18px;
color:$col_main_1;
background-color:$col_main_3;
margin-top:25px;
padding:5px;
}
/* Note */
@@ -1330,14 +1311,6 @@
height:100%;
}
#note_frame {
width:calc(100% - 4px);
height:calc(100% - 4px);
border: 2px solid $col_main_1;
margin: 0;
overflow: hidden;
}
#note_form {
margin-bottom: 10px;
}