introducing scss (v1)
This commit is contained in:
@@ -18,7 +18,7 @@ class Databap extends PhpObject
|
||||
const DATE_TIME_SQL_FORMAT = 'Y-m-d H:i:s';
|
||||
const DATE_SQL_FORMAT = 'Y-m-d';
|
||||
const HISTORY_LENGTH = 10;
|
||||
const STYLE_PATH = 'style/screen.css';
|
||||
const STYLE_PATH = 'style/databap.css';
|
||||
public static $UPLOAD_IMG_EXTS = array('jpg', 'jpeg', 'gif', 'png');
|
||||
public static $UPLOAD_DOC_EXTS = array('jpg', 'jpeg', 'gif', 'png', 'doc', 'ppt', 'pdf', 'xls', 'docx', 'pptx', 'xlsx');
|
||||
const ID_SEPARATOR = '_';
|
||||
@@ -1212,12 +1212,17 @@ class Databap extends PhpObject
|
||||
return $bJson?$this->jsonExport($asUserInfo):$asUserInfo;
|
||||
}
|
||||
|
||||
public function getUserClearance()
|
||||
private function getUserClearance()
|
||||
{
|
||||
$asUserInfo = $this->getUserInfo($this->getUserId());
|
||||
return $asUserInfo['clearance'];
|
||||
}
|
||||
|
||||
public function checkUserClearance($iClearance)
|
||||
{
|
||||
return ($this->getUserClearance() >= $iClearance);
|
||||
}
|
||||
|
||||
public function getOptions()
|
||||
{
|
||||
$sOptValueIdCol = MySqlManager::getId(self::OPTVAL_TABLE);
|
||||
@@ -1770,7 +1775,7 @@ class Databap extends PhpObject
|
||||
$sMessage = $this->getJsonMessage($this->get9gagPost(trim(mb_substr($sMessage, 6))));
|
||||
$sType = self::MESSAGE_9GAG;
|
||||
}
|
||||
elseif(mb_substr($sMessage, 0, 7) == '/reboot' && $this->getUserClearance()==self::CLEARANCE_ADMIN)
|
||||
elseif(mb_substr($sMessage, 0, 7) == '/reboot' && $this->checkUserClearance(self::CLEARANCE_ADMIN))
|
||||
{
|
||||
$sMessage = 'L\'administrateur a demandé un reboot. Votre page va se rafraichir automatiquement dans '.self::REBOOT_DELAY.' secondes.';
|
||||
$sType = self::MESSAGE_REBOOT;
|
||||
|
||||
@@ -181,7 +181,7 @@ if($bUserOk && $sAction!=Databap::EXT_ACCESS)
|
||||
break;
|
||||
default:
|
||||
//Admin actions
|
||||
if($oDatabap->getUserClearance()==Databap::CLEARANCE_ADMIN)
|
||||
if($oDatabap->checkUserClearance(Databap::CLEARANCE_ADMIN))
|
||||
{
|
||||
switch($sAction)
|
||||
{
|
||||
@@ -225,7 +225,7 @@ elseif($bUserOk && $sAction==Databap::EXT_ACCESS)
|
||||
break;
|
||||
default:
|
||||
//Restricted actions
|
||||
if($oDatabap->getUserClearance()==Databap::CLEARANCE_ADMIN)
|
||||
if($oDatabap->checkUserClearance(Databap::CLEARANCE_ADMIN))
|
||||
{
|
||||
switch($sPage)
|
||||
{
|
||||
|
||||
@@ -7,7 +7,6 @@
|
||||
<meta name="keywords" content="ABAP, SAP, BW, BI" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="shortcut icon" href="images/favicon_gc3.ico" />
|
||||
<link href="style/fa.css?v[#]version[#]" rel="stylesheet" type="text/css" />
|
||||
<link href="index.php?a=css&v=[#]version[#]" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="jquery/jquery.min.js?v[#]version[#]"></script>
|
||||
<script type="text/javascript" src="jquery/jquery.mods.js?v[#]version[#]"></script>
|
||||
|
||||
@@ -7,8 +7,7 @@
|
||||
<meta name="keywords" content="ABAP, SAP, BW, BI" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="shortcut icon" href="images/favicon_gc3.ico" />
|
||||
<link href="style/screen.css?v[#]version[#]" rel="stylesheet" type="text/css" />
|
||||
<link href="style/fa.css?v[#]version[#]" rel="stylesheet" type="text/css" />
|
||||
<link href="style/logon.css?v[#]version[#]" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="jquery/jquery.min.js?v[#]version[#]"></script>
|
||||
<script type="text/javascript" src="jquery/common.js?v[#]version[#]"></script>
|
||||
<title>Databap • Logon</title>
|
||||
|
||||
533
style/_common.scss
Normal file
533
style/_common.scss
Normal file
@@ -0,0 +1,533 @@
|
||||
/* Standard Tags */
|
||||
|
||||
body, html {
|
||||
background:white;
|
||||
font-family:Verdana, Arial;
|
||||
color:$col_blue;
|
||||
background:$col_blue;
|
||||
padding:0;
|
||||
margin:0;
|
||||
min-width:1024px;
|
||||
}
|
||||
|
||||
table {
|
||||
border:none;
|
||||
background:none;
|
||||
text-align:center;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border-spacing:0;
|
||||
}
|
||||
|
||||
table td {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
input, textarea, select {
|
||||
font-family:Verdana, Arial;
|
||||
font-size:12px;
|
||||
background:none;
|
||||
border:none;
|
||||
}
|
||||
input[type=text], input[type=password] {
|
||||
border:2px solid $col_blue;
|
||||
padding:5px;
|
||||
width:200px;
|
||||
}
|
||||
|
||||
input[type=button]:hover, input[type=submit]:hover, input[type=password]:hover, input[type=text]:hover, input[type=text]:focus {
|
||||
background-color:$col_orange;
|
||||
}
|
||||
|
||||
input[disabled="disabled"], textarea[disabled="disabled"], input:disabled, textarea:disabled {
|
||||
background-color:$col_bright_blue;
|
||||
border-color:$col_bright_blue;
|
||||
border:2px solid $col_blue;
|
||||
}
|
||||
|
||||
input[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, input:disabled:hover, textarea:disabled:hover {
|
||||
background-color:$col_bright_blue;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {
|
||||
border: none;
|
||||
}
|
||||
|
||||
input[type=button], .clickable {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
background:white;
|
||||
border:2px solid $col_blue;
|
||||
padding:5px;
|
||||
color:$col_blue;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
min-height:30px;
|
||||
}
|
||||
|
||||
input, select, textarea, h1, h2, h3, h4, p, a {
|
||||
color:$col_blue;
|
||||
}
|
||||
|
||||
p {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:active, a:focus, input:active, input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
img {
|
||||
border:none;
|
||||
}
|
||||
|
||||
/* Functions */
|
||||
|
||||
@mixin gradient-diag($fromColor, $ToColor, $fromPos, $ToPos) {
|
||||
background: $fromColor;
|
||||
background: -moz-linear-gradient(45deg, $fromColor $fromPos, $ToColor $ToPos);
|
||||
background: -webkit-gradient(linear, left bottom, right top, color-stop($fromPos,$fromColor), color-stop($ToPos,$ToColor));
|
||||
background: -webkit-linear-gradient(45deg, $fromColor $fromPos,$ToColor $ToPos);
|
||||
background: -o-linear-gradient(45deg, $fromColor $fromPos,$ToColor $ToPos);
|
||||
background: -ms-linear-gradient(45deg, $fromColor $fromPos,$ToColor $ToPos);
|
||||
background: linear-gradient(45deg, $fromColor $fromPos,$ToColor $ToPos);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$fromColor', endColorstr='$ToColor',GradientType=1 );
|
||||
}
|
||||
|
||||
/* Classes */
|
||||
|
||||
.round_top {
|
||||
-moz-border-radius:10px 10px 0 0;
|
||||
-webkit-border-radius:10px 10px 0 0;
|
||||
-khtml-border-radius:10px 10px 0 0;
|
||||
border-radius:10px 10px 0 0;
|
||||
}
|
||||
.round_bottom {
|
||||
-moz-border-radius:0 0 10px 10px;
|
||||
-webkit-border-radius:0 0 10px 10px;
|
||||
-khtml-border-radius:0 0 10px 10px;
|
||||
border-radius:0 0 10px 10px;
|
||||
}
|
||||
.round_right {
|
||||
-moz-border-radius:0 10px 10px 0;
|
||||
-webkit-border-radius:0 10px 10px 0;
|
||||
-khtml-border-radius:0 10px 10px 0;
|
||||
border-radius:0 10px 10px 0;
|
||||
}
|
||||
.round_left {
|
||||
-moz-border-radius:10px 0 0 10px;
|
||||
-webkit-border-radius:10px 0 0 10px;
|
||||
-khtml-border-radius:10px 0 0 10px;
|
||||
border-radius:10px 0 0 10px;
|
||||
}
|
||||
.round_bottom_left {
|
||||
-moz-border-radius:0 0 0 10px;
|
||||
-webkit-border-radius:0 0 0 10px;
|
||||
-khtml-border-radius:0 0 0 10px;
|
||||
border-radius:0 0 0 10px;
|
||||
}
|
||||
.round {
|
||||
-moz-border-radius:10px;
|
||||
-webkit-border-radius:10px;
|
||||
-khtml-border-radius:10px;
|
||||
border-radius:10px;
|
||||
}
|
||||
.tiny_round {
|
||||
-moz-border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
-khtml-border-radius:5px;
|
||||
border-radius:5px;
|
||||
}
|
||||
.tiny_top_right {
|
||||
-moz-border-radius:5px 0 5px 5px;
|
||||
-webkit-border-radius:5px 0 5px 5px;
|
||||
-khtml-border-radius:5px 0 5px 5px;
|
||||
border-radius:5px 0 5px 5px;
|
||||
}
|
||||
|
||||
.inc_border {
|
||||
box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
-webkit-box-sizing:border-box;
|
||||
}
|
||||
|
||||
.loading {
|
||||
font-size:20px;
|
||||
margin:5px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.error, .warning, .success {
|
||||
margin:10px 0;
|
||||
border-width:1px;
|
||||
border-style:solid;
|
||||
padding:3px;
|
||||
-moz-border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
-khtml-border-radius:5px;
|
||||
border-radius:5px;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
.error a, .warning a, .success a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.error, .error a {
|
||||
color:red;
|
||||
border-color:red;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.warning, .warning a {
|
||||
color:orange;
|
||||
border-color:orange;
|
||||
font-size:13px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
.success, .success a {
|
||||
color:green;
|
||||
border-color:green;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
.default_text {
|
||||
color:$col_bright_blue !important;
|
||||
}
|
||||
|
||||
a.button {
|
||||
padding:7px;
|
||||
margin-right:5px;
|
||||
background:$col_bright_blue;
|
||||
font-size:12px;
|
||||
cursor:pointer;
|
||||
border:1px solid $col_blue;
|
||||
/*position:relative;*/
|
||||
display:inline-block;
|
||||
}
|
||||
a.button:hover {
|
||||
background-color:$col_orange;
|
||||
}
|
||||
a.button:active {
|
||||
background-color:$col_blue;
|
||||
color:white;
|
||||
}
|
||||
|
||||
a.button .fa {
|
||||
@extend .fa-60;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
a.button.strong .value {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
a.button.inverse {
|
||||
background-color:$col_blue;
|
||||
color:$col_bright_blue;
|
||||
}
|
||||
|
||||
a.button.inverse:hover {
|
||||
background-color:$col_orange;
|
||||
color:$col_blue;
|
||||
}
|
||||
|
||||
a.button.heavy {
|
||||
border-width:2px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.addr {
|
||||
cursor:text;
|
||||
}
|
||||
|
||||
.addr:hover {
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
.maximized {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.righty {
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.glue-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.lefty {
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.side_margins {
|
||||
margin:0 12px 10px;
|
||||
}
|
||||
|
||||
a.internal_link {
|
||||
text-decoration:underline;
|
||||
font-style:normal;
|
||||
background:$col_bright_blue;
|
||||
padding:1px 8px 1px 5px;
|
||||
margin:0;
|
||||
}
|
||||
a.internal_link:visited, a.external_link:visited {
|
||||
color:grey;
|
||||
}
|
||||
a.internal_link span.type {
|
||||
text-transform:capitalize;
|
||||
}
|
||||
a[href^="table"].internal_link span.item {
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
.author_box {
|
||||
padding:5px 10px;
|
||||
border:1px solid $col_blue;
|
||||
color:$col_blue;
|
||||
font-style:italic;
|
||||
font-size:12px;
|
||||
}
|
||||
.author_box:nth-child(odd) {
|
||||
background:$col_brighter_blue;
|
||||
}
|
||||
.author_box:nth-child(even) {
|
||||
background:$col_bright_blue;
|
||||
}
|
||||
.author_box:hover {
|
||||
border-color:$col_orange;
|
||||
}
|
||||
|
||||
.author_box a {
|
||||
background:none;
|
||||
padding:0;
|
||||
display:block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.author_box i.fa-30 {
|
||||
vertical-align: -5%;
|
||||
}
|
||||
|
||||
.author_box span.description {
|
||||
font-weight:bold;
|
||||
font-style:normal;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
.author_box span.rank {
|
||||
font-weight: bold;
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
.standalone .author_box {
|
||||
margin-top:10px;
|
||||
}
|
||||
.standalone .author_box:hover {
|
||||
color:$col_orange;
|
||||
}
|
||||
|
||||
.hide, .mobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* Step Box */
|
||||
|
||||
.step_box {
|
||||
margin-top:5px;
|
||||
margin-bottom:5px;
|
||||
padding:10px;
|
||||
background:$col_bright_blue;
|
||||
color:$col_blue;
|
||||
border: 2px solid $col_blue;
|
||||
}
|
||||
.step_box:nth-child(even) {
|
||||
background:$col_brighter_blue;
|
||||
}
|
||||
|
||||
.step_box input, .step_box textarea, .step_box select, .step_box .read.textarea, .step_box .read.input {
|
||||
margin-top:10px;
|
||||
background:white;
|
||||
font-size:14px;
|
||||
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 {
|
||||
background-color:white;
|
||||
}
|
||||
.step_box input[type=text], .step_box textarea, .step_box .read.textarea, .step_box .read.input {
|
||||
width:100%;
|
||||
}
|
||||
.step_box textarea, .step_box .read.textarea {
|
||||
height:200px;
|
||||
padding:5px;
|
||||
background:white;
|
||||
border:1px solid $col_blue;
|
||||
}
|
||||
.step_box .read.textarea, .step_box .read.input {
|
||||
border-color:$col_bright_blue;
|
||||
font-weight:bold;
|
||||
}
|
||||
.step_box .read.textarea {
|
||||
background-color:$col_brighter_blue;
|
||||
}
|
||||
.step_box:nth-child(even) .read.textarea {
|
||||
background-color:$col_bright_blue;
|
||||
}
|
||||
.step_box .read.input {
|
||||
background-color:$col_bright_blue;
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
.step_box .step_nb_box, .step_box .step_box_title {
|
||||
border-bottom:1px solid $col_blue;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
|
||||
.scrollbar_box {
|
||||
position:relative;
|
||||
height:0px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.scrollbar_box .scrollbar_subbox {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.scrollbar {
|
||||
position:relative;
|
||||
float:right;
|
||||
width:15px;
|
||||
margin-left:5px;
|
||||
}
|
||||
|
||||
.scrollbar .thumb, .scrollbar .thumb .end {
|
||||
background-color:$col_blue;
|
||||
width:13px;
|
||||
}
|
||||
.scrollbar .track {
|
||||
background-color:$col_bright_blue;
|
||||
height:100%;
|
||||
width:13px;
|
||||
position:relative;
|
||||
padding:0;
|
||||
}
|
||||
.scrollbar .thumb {
|
||||
position:absolute;
|
||||
top:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
.scrollbar .thumb .end {
|
||||
overflow:hidden;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
.disable {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
|
||||
.uploader_box {
|
||||
position:relative;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.uploader_droparea {
|
||||
position:absolute;
|
||||
top:-10px;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
height:210px;
|
||||
z-index:2;
|
||||
border:1px solid $col_blue;
|
||||
background:white;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.uploader_droparea-active {
|
||||
background:$col_orange;
|
||||
}
|
||||
.uploader_droparea span {
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
width:100%;
|
||||
margin-top:-8px;
|
||||
font-size:16px;
|
||||
}
|
||||
|
||||
.uploader_buffer {
|
||||
width:100%;
|
||||
height:8px;
|
||||
}
|
||||
|
||||
.uploader_list {
|
||||
/*margin:0;*/margin-top:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
.uploader_list li {
|
||||
margin:0 0 10px 10px;
|
||||
}
|
||||
|
||||
.uploader_item_file, .uploader_item_loading, .uploader_item_size, .uploader_item_cancel, .uploader_item_failed {
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
.uploader_item_size, .uploader_item_cancel {
|
||||
font-size:12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
a.uploader_item_cancel {
|
||||
text-decoration:underline;
|
||||
color:$col_blue;
|
||||
}
|
||||
|
||||
.uploader_box .image_description {
|
||||
border-width:1px;
|
||||
padding:3px 5px;
|
||||
background:white;
|
||||
}
|
||||
|
||||
.uploader_box .image_action {
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.uploader_box .image_action input {
|
||||
width:200px;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.uploader_item_failed_notice {
|
||||
display:none;
|
||||
}
|
||||
.uploader_item_failed .uploader_item_failed_notice {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.uploader_item_failed {
|
||||
color:red;
|
||||
}
|
||||
|
||||
.uploader_item_success .fa-c-delete:hover, .uploader_item_cancel .fa-c-delete:hover {
|
||||
color:$col_orange;
|
||||
}
|
||||
305
style/_fa-custom.scss
Normal file
305
style/_fa-custom.scss
Normal file
@@ -0,0 +1,305 @@
|
||||
/* Font Awesome */
|
||||
|
||||
.fa-inline {
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
/*
|
||||
size +0% +10% +20% +30% +40% +50% +60%
|
||||
font-size 1em 1.111em 1.222em 1.333em 1.444em 1.555em 1.666em
|
||||
line-height 1em 0.917em 0.833em 0.750em 0.666em 0.583em 0.500em
|
||||
vertical-align 0% -5% -10% -15% -20% -25% -30%
|
||||
*/
|
||||
|
||||
.fa-10 {
|
||||
font-size: 1.1111111111111111em;
|
||||
line-height: 0.9166666666666666em;
|
||||
vertical-align: -5%;
|
||||
}
|
||||
.fa-20 {
|
||||
font-size: 1.2222222222222222em;
|
||||
line-height: 0.8333333333333333em;
|
||||
vertical-align: -10%;
|
||||
}
|
||||
.fa-30 {
|
||||
font-size: 1.3333333333333333em;
|
||||
line-height: 0.75em;
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.fa-40 {
|
||||
font-size: 1.4444444444444444em;
|
||||
line-height: 0.6666666666666666em;
|
||||
vertical-align: -20%;
|
||||
}
|
||||
.fa-60 {
|
||||
font-size: 1.6666666666666666em;
|
||||
line-height: 0.5em;
|
||||
vertical-align: -30%;
|
||||
}
|
||||
|
||||
.fa-c-c:before, .fa-c-code:before {
|
||||
content: "\f121";
|
||||
}
|
||||
|
||||
.fa-c-procedure:before, .fa-c-proc:before, .fa-c-p:before {
|
||||
content: "\f0cb";
|
||||
}
|
||||
|
||||
.fa-c-table:before, .fa-c-t:before {
|
||||
content: "\f0ce";
|
||||
}
|
||||
|
||||
.fa-c-documentation:before, .fa-c-doc:before, .fa-c-d:before {
|
||||
content: "\f15b";
|
||||
}
|
||||
|
||||
.fa-c-article:before, .fa-c-art:before, .fa-c-a:before {
|
||||
content: "\f14c";
|
||||
}
|
||||
|
||||
.fa-c-note:before {
|
||||
content: "\f0fa";
|
||||
}
|
||||
|
||||
.fa-c-list:before {
|
||||
content: "\f02d";
|
||||
}
|
||||
|
||||
.fa-c-profile:before {
|
||||
content: "\f007";
|
||||
}
|
||||
|
||||
.fa-c-chat:before {
|
||||
content: "\f086";
|
||||
}
|
||||
|
||||
.fa-c-news:before {
|
||||
content: "\f0e7";
|
||||
}
|
||||
|
||||
.fa-c-version:before {
|
||||
content: "\f005";
|
||||
}
|
||||
|
||||
.fa-c-details:before {
|
||||
content: "\f112";
|
||||
}
|
||||
|
||||
.fa-c-date:before {
|
||||
content: "\f073";
|
||||
}
|
||||
|
||||
.fa-c-git:before {
|
||||
content: "\f1d3";
|
||||
}
|
||||
|
||||
.fa-c-afk:before {
|
||||
content: "\f017";
|
||||
}
|
||||
|
||||
.fa-c-comment {
|
||||
color:$col_blue;
|
||||
}
|
||||
.fa-c-comment:before {
|
||||
content: "\f075";
|
||||
}
|
||||
|
||||
.fa-c-options:before {
|
||||
content: "\f085";
|
||||
}
|
||||
|
||||
.fa-c-param:before {
|
||||
content: "\f1de";
|
||||
}
|
||||
|
||||
.fa-c-wip:before {
|
||||
content: "\f013";
|
||||
}
|
||||
|
||||
.fa-c-rss:before {
|
||||
content: "\f09e";
|
||||
}
|
||||
|
||||
.fa-c-logmeout:before, .fa-c-logout:before {
|
||||
content: "\f08b";
|
||||
}
|
||||
|
||||
.fa-c-fold {
|
||||
color:$col_blue;
|
||||
}
|
||||
.fa-c-fold:before {
|
||||
content: "\f191";
|
||||
}
|
||||
|
||||
.fa-c-success:before, .fa-c-ok:before, .available .fa:before {
|
||||
content: "\f00c";
|
||||
}
|
||||
|
||||
.fa-c-warning {
|
||||
color:$col_orange;
|
||||
}
|
||||
.fa-c-warning:before {
|
||||
content: "\f071";
|
||||
}
|
||||
|
||||
.fa-c-error {
|
||||
color:red;
|
||||
}
|
||||
.fa-c-error:before {
|
||||
content: "\f071";
|
||||
}
|
||||
|
||||
.fa-c-ko {
|
||||
color:red;
|
||||
}
|
||||
.fa-c-ko:before, .unavailable .fa:before {
|
||||
content: "\f00d";
|
||||
}
|
||||
|
||||
.fa-c-search:before {
|
||||
content: "\f002";
|
||||
}
|
||||
|
||||
.fa-c-welcome:before {
|
||||
content: /*"\f087"*/"\f015";
|
||||
}
|
||||
|
||||
.fa-c-loading:before {
|
||||
content: "\f110";
|
||||
}
|
||||
|
||||
.fa-c-edit:before {
|
||||
content: "\f040";
|
||||
}
|
||||
|
||||
.fa-c-save:before {
|
||||
content: "\f0c7";
|
||||
}
|
||||
|
||||
.fa-c-raw:before {
|
||||
content: "\f15c";
|
||||
}
|
||||
|
||||
.fa-c-print:before {
|
||||
content: "\f02f";
|
||||
}
|
||||
|
||||
.fa-c-share:before {
|
||||
content: "\f0ac";
|
||||
}
|
||||
|
||||
.fa-c-refresh:before, .fa-c-switch:before {
|
||||
content: "\f021";
|
||||
}
|
||||
|
||||
.fa-c-plus:before, .fa-c-add:before {
|
||||
content: "\f055";
|
||||
}
|
||||
|
||||
.fa-c-minus:before, .fa-c-delete:before {
|
||||
content: "\f056";
|
||||
}
|
||||
|
||||
.fa-c-up:before {
|
||||
content: "\f01b";
|
||||
}
|
||||
|
||||
.fa-c-down:before {
|
||||
content: "\f01a";
|
||||
}
|
||||
|
||||
.fa-c-next:before {
|
||||
content: "\f054";
|
||||
}
|
||||
|
||||
.fa-c-prev:before {
|
||||
content: "\f053";
|
||||
}
|
||||
|
||||
.fa-c-close:before {
|
||||
content: "\f05c";
|
||||
}
|
||||
|
||||
.fa-c-desc:before {
|
||||
content: "\f05a";
|
||||
}
|
||||
|
||||
.fa-c-company:before {
|
||||
content: "\f0f7";
|
||||
}
|
||||
|
||||
.fa-c-name:before {
|
||||
content: "\f02b";
|
||||
}
|
||||
|
||||
.fa-c-assignment:before {
|
||||
content: "\f0b1";
|
||||
}
|
||||
|
||||
.fa-c-lock:before {
|
||||
content: "\f023"/*"\f084"*/;
|
||||
}
|
||||
|
||||
.fa-c-search:before {
|
||||
content: "\f002";
|
||||
}
|
||||
|
||||
.fa-c-mail:before {
|
||||
content: "\f0e0";
|
||||
}
|
||||
|
||||
.fa-c-upcoming:before {
|
||||
content:"\f135";
|
||||
}
|
||||
|
||||
.fa-c-changelog:before {
|
||||
content:"\f0d0";
|
||||
}
|
||||
|
||||
.fa-c-checked:before {
|
||||
content:"\f046";
|
||||
}
|
||||
|
||||
.fa-c-unchecked:before {
|
||||
content:"\f096";
|
||||
}
|
||||
|
||||
.fa-c-kpi:before {
|
||||
content:"\f0e4";
|
||||
}
|
||||
|
||||
.fa-c-file-xls, .fa-c-file-xlsx {
|
||||
color:#247648;
|
||||
}
|
||||
.fa-c-file-xls:before, .fa-c-file-xlsx:before {
|
||||
content: "\f1c3";
|
||||
}
|
||||
|
||||
.fa-c-file-doc, .fa-c-file-docx {
|
||||
color:#2B5796;
|
||||
}
|
||||
.fa-c-file-doc:before, .fa-c-file-docx:before {
|
||||
content: "\f1c2";
|
||||
}
|
||||
|
||||
.fa-c-file-ppt, .fa-c-file-pptx {
|
||||
color:#D04423;
|
||||
}
|
||||
.fa-c-file-ppt:before, .fa-c-file-pptx:before {
|
||||
content: "\f1c4";
|
||||
}
|
||||
|
||||
.fa-c-file-pdf {
|
||||
color:#D20F0B;
|
||||
}
|
||||
.fa-c-file-pdf:before {
|
||||
content: "\f1c1";
|
||||
}
|
||||
|
||||
.fa-c-file-zip:before {
|
||||
content: "\f1c6";
|
||||
}
|
||||
|
||||
.fa-c-file-png:before, .fa-c-file-gif:before, .fa-c-file-jpg:before, .fa-c-file-jpeg:before {
|
||||
content: "\f1c5";
|
||||
}
|
||||
@@ -1,13 +1,13 @@
|
||||
/*!
|
||||
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||
*/
|
||||
/* FONT PATH
|
||||
* -------------------------- */
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('fontawesome-webfont.eot?v=4.1.0');
|
||||
src: url('fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.1.0') format('woff'), url('fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
|
||||
src: url('style/fontawesome-webfont.eot?v=4.2.0');
|
||||
src: url('style/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('style/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('style/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('style/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,5 +1,3 @@
|
||||
/* Lightbox */
|
||||
|
||||
.lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -38,7 +36,7 @@
|
||||
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
background-color: #04357B;
|
||||
background-color: $col_blue;
|
||||
*zoom: 1;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
@@ -76,7 +74,7 @@
|
||||
height: 32px;
|
||||
margin: 0 auto;
|
||||
font-size:32px;
|
||||
color:#D9E5F2;
|
||||
color:$col_bright_blue;
|
||||
}
|
||||
|
||||
.lb-nav {
|
||||
@@ -146,16 +144,16 @@
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
color:#04357B;
|
||||
color:$col_blue;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.lb-prev .fa {
|
||||
text-shadow: -1px 2px 1px #D9E5F2;
|
||||
text-shadow: -1px 2px 1px $col_bright_blue;
|
||||
}
|
||||
|
||||
.lb-next .fa {
|
||||
text-shadow: 1px 1px 1px #D9E5F2;
|
||||
text-shadow: 1px 1px 1px $col_bright_blue;
|
||||
}
|
||||
|
||||
.lb-dataContainer {
|
||||
@@ -179,7 +177,7 @@
|
||||
|
||||
.lb-data {
|
||||
padding: 0 4px;
|
||||
color:#04357B;
|
||||
color:$col_blue;
|
||||
}
|
||||
|
||||
.lb-data .lb-details {
|
||||
@@ -200,7 +198,7 @@
|
||||
clear: left;
|
||||
padding-bottom: 1em;
|
||||
font-size: 12px;
|
||||
color:#04357B;
|
||||
color:$col_blue;
|
||||
}
|
||||
|
||||
.lb-data .lb-close {
|
||||
@@ -209,7 +207,7 @@
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
font-size:30px;
|
||||
color:#04357B;
|
||||
color:$col_blue;
|
||||
text-align: right;
|
||||
outline: none;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||
109
style/_mobile.scss
Normal file
109
style/_mobile.scss
Normal file
@@ -0,0 +1,109 @@
|
||||
@media only screen and (max-device-width: 480px) {
|
||||
|
||||
/* General - Standard Tags - index */
|
||||
|
||||
body, html {
|
||||
min-width:300px;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display:inherit;
|
||||
}
|
||||
|
||||
#container {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#header table .cell.righty, #footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#header table .cell.lefty {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.logo {
|
||||
top:5px;
|
||||
left:50%;
|
||||
margin-left:-110px;
|
||||
}
|
||||
|
||||
#menu {
|
||||
-moz-border-radius:0 10px 10px 0;
|
||||
-webkit-border-radius:0 10px 10px 0;
|
||||
-khtml-border-radius:0 10px 10px 0;
|
||||
border-radius:0 10px 10px 0;
|
||||
}
|
||||
|
||||
#main_container {
|
||||
-moz-border-radius:10px 0 0 10px;
|
||||
-webkit-border-radius:10px 0 0 10px;
|
||||
-khtml-border-radius:10px 0 0 10px;
|
||||
border-radius:10px 0 0 10px;
|
||||
}
|
||||
|
||||
/* Logon */
|
||||
|
||||
#logon .logo {
|
||||
position:static;
|
||||
}
|
||||
|
||||
#logon .container {
|
||||
left:0;
|
||||
margin-left:0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
#logon .logon_msg, #logon .box {
|
||||
margin:10px;
|
||||
}
|
||||
#logon .box {
|
||||
background:white;
|
||||
overflow:auto;
|
||||
}
|
||||
#logon .box .key {
|
||||
display:none;
|
||||
}
|
||||
#logon .box table {
|
||||
margin:0;
|
||||
display:block;
|
||||
}
|
||||
#logon .box table td {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
#logon .box .validate {
|
||||
text-align:right;
|
||||
}
|
||||
#logon .box .feedback {
|
||||
float:left;
|
||||
}
|
||||
#logon .box input {
|
||||
float:right;
|
||||
width:90%;
|
||||
}
|
||||
#logon .box input[type=button] {
|
||||
padding:1px 10px;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu #menu_box ul li#close_menu_ln {
|
||||
border-top:2px solid $col_blue;
|
||||
}
|
||||
|
||||
/* Chat */
|
||||
|
||||
#chat #chat_chan, #chat #sidebar {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#chat #chat_room {
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
#chat #chat_room #chat_container #chat_messages_box {
|
||||
background-image: url('images/sap_gold_200.jpg');
|
||||
}
|
||||
}
|
||||
8
style/_variables.scss
Normal file
8
style/_variables.scss
Normal file
@@ -0,0 +1,8 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
$col_blue: #04357B;
|
||||
$col_bright_blue: #D9E5F2;
|
||||
$col_brighter_blue: #DCF2FB;
|
||||
$col_new_blue: #0C8BCE;
|
||||
$col_orange: #EFAB00;
|
||||
$col_bright_orange: #F2E1B5;
|
||||
2714
style/databap.css
Normal file
2714
style/databap.css
Normal file
File diff suppressed because it is too large
Load Diff
7
style/databap.css.map
Normal file
7
style/databap.css.map
Normal file
File diff suppressed because one or more lines are too long
1341
style/databap.scss
Normal file
1341
style/databap.scss
Normal file
File diff suppressed because it is too large
Load Diff
1190
style/logon.css
Normal file
1190
style/logon.css
Normal file
File diff suppressed because it is too large
Load Diff
7
style/logon.css.map
Normal file
7
style/logon.css.map
Normal file
File diff suppressed because one or more lines are too long
143
style/logon.scss
Normal file
143
style/logon.scss
Normal file
@@ -0,0 +1,143 @@
|
||||
/* Librairies */
|
||||
|
||||
@import 'variables';
|
||||
@import 'fa';
|
||||
@import 'fa-custom';
|
||||
@import 'common';
|
||||
|
||||
/* Fix librairies location */
|
||||
/* FIXME */
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('fontawesome-webfont.eot?v=4.2.0');
|
||||
src: url('fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Logon */
|
||||
|
||||
#container {
|
||||
background:$col_blue;
|
||||
padding:10px 10px 1px;
|
||||
}
|
||||
|
||||
#logon {
|
||||
.logo {
|
||||
width:auto;
|
||||
height:auto;
|
||||
text-transform:uppercase;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
padding:10px 10px 10px 35px;
|
||||
margin:0;
|
||||
border-bottom:3px solid white;
|
||||
font-weight:bold;
|
||||
color:white;
|
||||
font-size:35px;
|
||||
line-height:35px;
|
||||
text-decoration: none;
|
||||
background:url(../images/logo_25.png) 10px 50% no-repeat;
|
||||
}
|
||||
|
||||
.container {
|
||||
position:fixed;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin-left:-230px; /* -(68+10*2+160+200+5*2+1*2)/2 */
|
||||
margin-top:-64px; /* -(10*2+20*4+20*2+20+2*2+1*2)/2 */
|
||||
}
|
||||
.box {
|
||||
background:white;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
|
||||
.key {
|
||||
position:absolute;
|
||||
height:100%;
|
||||
width:68px;
|
||||
background:$col_bright_blue;
|
||||
|
||||
.fa {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
text-align:center;
|
||||
color:$col_blue;
|
||||
line-height:50px;
|
||||
font-size:50px;
|
||||
width:50px;
|
||||
margin-left:-25px;
|
||||
margin-top:-25px;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
margin-left:68px;
|
||||
padding:10px;
|
||||
|
||||
td {
|
||||
padding:0;
|
||||
text-align:left;
|
||||
font-size:18px;
|
||||
color:$col_blue;
|
||||
}
|
||||
|
||||
td.desc {
|
||||
width:160px;
|
||||
line-height:20px;
|
||||
padding:10px 0;
|
||||
}
|
||||
|
||||
td.validate {
|
||||
text-align:right;
|
||||
}
|
||||
}
|
||||
.feedback {
|
||||
float:left;
|
||||
font-size:14px;
|
||||
margin-top:5px;
|
||||
font-style:italic;
|
||||
color:red;
|
||||
}
|
||||
input {
|
||||
border:1px solid $col_blue;
|
||||
color:$col_blue;
|
||||
font-size:18px;
|
||||
line-height:20px;
|
||||
padding:2px 5px;
|
||||
width:200px;
|
||||
}
|
||||
a.button {
|
||||
margin-right:0;
|
||||
}
|
||||
a.button .fa {
|
||||
margin:1px;
|
||||
}
|
||||
}
|
||||
#footer {
|
||||
position:fixed;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.logon_msg {
|
||||
margin-top:10px;
|
||||
padding:5px;
|
||||
color:white;
|
||||
text-align:center;
|
||||
font-size: 0.75em;
|
||||
border:1px solid white;
|
||||
|
||||
span {
|
||||
display:block;
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
span.msg_title {
|
||||
margin-top:0;
|
||||
text-decoration:underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
2640
style/screen.css
2640
style/screen.css
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user