This commit is contained in:
2014-12-13 03:18:04 +01:00
parent ae20f82a43
commit 0e4b1a3e6d
24 changed files with 499 additions and 497 deletions

View File

@@ -1,8 +1,35 @@
/* Fonts */
@font-face {
font-family: 'Databap';
font-style: normal;
font-weight: 400;
src: local('Databap'), url(style/databap_normal_normal.woff) format('woff');
}
@font-face {
font-family: 'Databap';
font-style: normal;
font-weight: 700;
src: local('Databap Bold'), local('Databap-Bold'), url(style/databap_normal_bold.woff) format('woff');
}
@font-face {
font-family: 'Databap';
font-style: italic;
font-weight: 400;
src: local('Databap Italic'), local('Databap-Italic'), url(style/databap_italic_normal.woff) format('woff');
}
@font-face {
font-family: 'Databap';
font-style: italic;
font-weight: 700;
src: local('Databap Bold Italic'), local('Databap-BoldItalic'), url(style/databap_italic_bold.woff) format('woff');
}
/* Standard Tags */
body, html {
background:$col_none;
font-family:Verdana, Arial;
font-family: 'Databap', sans-serif;
color:$col_main_1;
background:$col_main_1;
padding:0;
@@ -24,13 +51,12 @@ table td {
}
input, textarea, select {
font-family:Verdana, Arial;
font-size:12px;
background:none;
font-family: 'Databap', sans-serif;
font-size:$size_big;
background:$col_none;
border:none;
}
input[type=text], input[type=password] {
border:2px solid $col_main_1;
padding:5px;
width:200px;
}
@@ -41,8 +67,6 @@ input[type=button]:hover, input[type=submit]:hover, input[type=password]:hover,
input[disabled="disabled"], textarea[disabled="disabled"], input:disabled, textarea:disabled {
background-color:$col_main_2;
border-color:$col_main_2;
border:2px solid $col_main_1;
}
input[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, input:disabled:hover, textarea:disabled:hover {
@@ -57,9 +81,17 @@ input[type=button], .clickable {
cursor:pointer;
}
iframe {
width:100%;
height:100%;
margin: 0;
overflow: hidden;
background:$col_main_3;
border:none;
}
select {
background:$col_none;
border:2px solid $col_main_1;
padding:5px;
color:$col_main_1;
margin:0;
@@ -103,6 +135,13 @@ img {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$fromColor', endColorstr='$ToColor',GradientType=1 );
}
@mixin round($TopLeft, $TopRight, $BottomLeft, $BottomLeft) {
-moz-border-radius:$TopLeft $TopRight $BottomLeft $BottomLeft;
-webkit-border-radius:$TopLeft $TopRight $BottomLeft $BottomLeft;
-khtml-border-radius:$TopLeft $TopRight $BottomLeft $BottomLeft;
border-radius:$TopLeft $TopRight $BottomLeft $BottomLeft;
}
/* Classes */
.round_top {
@@ -185,21 +224,21 @@ img {
.error, .error a {
color:$col_error;
border-color:$col_error;
font-size:14px;
font-size:$size_vbig;
font-weight:bold;
}
.warning, .warning a {
color:$col_warning;
border-color:$col_warning;
font-size:13px;
font-size:$size_vbig;
font-style:italic;
}
.success, .success a {
color:$col_success;
border-color:$col_success;
font-size:13px;
font-size:$size_vbig;
}
.default_text {
@@ -209,10 +248,9 @@ img {
a.button {
padding:7px;
margin-right:5px;
background:$col_main_2;
font-size:12px;
background:$col_main_3;
font-size:$size_big;
cursor:pointer;
border:1px solid $col_main_1;
/*position:relative;*/
display:inline-block;
}
@@ -300,19 +338,18 @@ a[href^="table"].internal_link span.item {
.author_box {
padding:5px 10px;
border:1px solid $col_main_1;
color:$col_main_1;
font-style:italic;
font-size:12px;
font-size:$size_big;
}
.author_box:nth-child(odd) {
background:$col_main_3;
background:$col_none;
}
.author_box:nth-child(even) {
background:$col_main_2;
background:$col_main_4;
}
.author_box:hover {
border-color:$col_hover_1;
.author_box:hover a {
color:$col_hover_1;
}
.author_box a {
@@ -329,7 +366,7 @@ a[href^="table"].internal_link span.item {
.author_box span.description {
font-weight:bold;
font-style:normal;
font-size:13px;
font-size:$size_vbig;
}
.author_box span.rank {
@@ -340,9 +377,6 @@ a[href^="table"].internal_link span.item {
.standalone .author_box {
margin-top:10px;
}
.standalone .author_box:hover {
color:$col_hover_1;
}
.hide, .mobile {
display:none;
@@ -354,18 +388,17 @@ a[href^="table"].internal_link span.item {
margin-top:5px;
margin-bottom:5px;
padding:10px;
background:$col_main_2;
background:$col_main_3;
color:$col_main_1;
border: 2px solid $col_main_1;
}
.step_box:nth-child(even) {
background:$col_main_3;
background:$col_main_4;
}
.step_box input, .step_box textarea, .step_box select, .step_box .read.textarea, .step_box .read.input {
margin-top:10px;
background:$col_none;
font-size:14px;
font-size:$size_vbig;
border-width:1px;
}
.step_box input:disabled, .step_box textarea:disabled, .step_box select:disabled, .step_box input:hover:disabled, .step_box textarea:hover:disabled, .step_box select:hover:disabled {
@@ -378,7 +411,6 @@ a[href^="table"].internal_link span.item {
height:200px;
padding:5px;
background:$col_none;
border:1px solid $col_main_1;
}
.step_box .read.textarea, .step_box .read.input {
border-color:$col_main_2;
@@ -388,7 +420,7 @@ a[href^="table"].internal_link span.item {
background-color:$col_main_3;
}
.step_box:nth-child(even) .read.textarea {
background-color:$col_main_2;
background-color:$col_main_4;
}
.step_box .read.input {
background-color:$col_main_2;
@@ -462,7 +494,6 @@ a[href^="table"].internal_link span.item {
height:100%;
height:210px;
z-index:2;
border:1px solid $col_main_1;
background:$col_none;
text-align:center;
}
@@ -498,7 +529,7 @@ a[href^="table"].internal_link span.item {
}
.uploader_item_size, .uploader_item_cancel {
font-size:12px;
font-size:$size_big;
font-weight: normal;
}
@@ -515,7 +546,7 @@ a.uploader_item_cancel {
.uploader_box .image_action {
font-size:12px;
font-size:$size_big;
}
.uploader_box .image_action input {

View File

@@ -4,8 +4,9 @@
/* Main colors */
$col_main_1: #04357B;
$col_main_2: #D9E5F2;
$col_main_3: #DCF2FB;
$col_main_2: /*#D9E5F2;*/#88B2F0;
$col_main_3: /*#DCF2FB;*/#D9E5F2;
$col_main_4:#f2f5f9;
/* Flashy hover colors */
$col_hover_1: #EFAB00;
@@ -13,10 +14,22 @@ $col_hover_2: #F2E1B5;
/* Traffic light colors */
$col_success: green;
$col_success_2:#B2D6B2;
$col_warning: orange;
$col_error: red;
$col_error_2:#F6D3D3;
/* Technical colors */
$col_none: #FFFFFF;
$col_black: #000000;
$col_main_4: #0C8BCE;
/* Font size */
$size_small:9px;
$size_medium:10px;
$size_big:11px;
$size_vbig:13px;
$size_vvbig:15px;
$size_subtitle:16px;
$size_title:20px;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -5,8 +5,7 @@
@import 'fa-custom';
@import 'common';
/* Fix librairies location */
/* FIXME */
/* FIXME librairies location */
@font-face {
font-family: 'FontAwesome';
src: url('fontawesome-webfont.eot?v=4.2.0');
@@ -14,6 +13,30 @@
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Databap';
font-style: normal;
font-weight: 400;
src: local('Databap'), url(databap_normal_normal.woff) format('woff');
}
@font-face {
font-family: 'Databap';
font-style: normal;
font-weight: 700;
src: local('Databap Bold'), local('Databap-Bold'), url(databap_normal_bold.woff) format('woff');
}
@font-face {
font-family: 'Databap';
font-style: italic;
font-weight: 400;
src: local('Databap Italic'), local('Databap-Italic'), url(databap_italic_normal.woff) format('woff');
}
@font-face {
font-family: 'Databap';
font-style: italic;
font-weight: 700;
src: local('Databap Bold Italic'), local('Databap-BoldItalic'), url(databap_italic_bold.woff) format('woff');
}
/* Logon */