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

update todo list on welcome page + new menu layout (first try)

Browse Source
This commit is contained in:
Franzz
2014-09-13 20:35:09 +02:00
parent dd9547a54f
commit f896275001
5 changed files with 131 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
style/screen.css
View File

@@ -1,10 +1,11 @@
/* Colors */
/*
SAP blue : #04357B
SAP New blue : #0C8BCE
SAP orange : #EFAB00
SAP bright blue : #D9E5F2
SAP Blue: #04357B
SAP New blue: #0C8BCE
SAP Orange: #EFAB00
SAP Bright blue: #D9E5F2
Bright blue 2: #DCF2FB
*/
/* General */
@@ -200,13 +201,6 @@ img {
font-size:13px;
}
.title {
font-weight:bold;
font-size:30px;
text-transform:uppercase;
letter-spacing:-4px;
}
.default_text {
color:#D9E5F2 !important;
}
@@ -599,23 +593,14 @@ vertical-align 0% -5% -10% -15% -20% -25% -30%
content: "\f14c";
}
.fa-c-list {
color:#04357B;
}
.fa-c-list:before {
content: "\f02d";
}
.fa-c-profile {
color:#04357B;
}
.fa-c-profile:before {
content: "\f007";
}
.fa-c-chat {
color:#04357B;
}
.fa-c-chat:before {
content: "\f086";
}
@@ -624,6 +609,22 @@ vertical-align 0% -5% -10% -15% -20% -25% -30%
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";
}
@@ -635,9 +636,6 @@ vertical-align 0% -5% -10% -15% -20% -25% -30%
content: "\f075";
}
.fa-c-options {
color:#04357B;
}
.fa-c-options:before {
content: "\f085";
}
@@ -650,16 +648,10 @@ vertical-align 0% -5% -10% -15% -20% -25% -30%
content: "\f013";
}
.fa-c-rss {
color:#04357B;
}
.fa-c-rss:before {
content: "\f09e";
}
.fa-c-logmeout {
color:#04357B;
}
.fa-c-logmeout:before, .fa-c-logout:before {
content: "\f08b";
}
@@ -1305,27 +1297,35 @@ vertical-align 0% -5% -10% -15% -20% -25% -30%
padding:10px 0;
z-index:10;
border-right:0 solid #04357B;
background: rgb(217,229,242);
background: -moz-linear-gradient(top, rgba(217,229,242,1) 0%, rgba(255,255,255,1) 25%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,229,242,1)), color-stop(25%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(217,229,242,1) 0%,rgba(255,255,255,1) 25%);
background: -o-linear-gradient(top, rgba(217,229,242,1) 0%,rgba(255,255,255,1) 25%);
background: -ms-linear-gradient(top, rgba(217,229,242,1) 0%,rgba(255,255,255,1) 25%);
background: linear-gradient(to bottom, rgba(217,229,242,1) 0%,rgba(255,255,255,1) 25%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e5f2', endColorstr='#ffffff',GradientType=0 );
}
#menu.opened {
background: -moz-linear-gradient(left, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#menu #menu_title {
position:relative;
padding:0;
margin:21px 0 0 0;
text-align:center;
margin:0;
margin-top:-4px;
padding:0;
cursor:pointer;
}
#menu #menu_title:hover p {
color:#EFAB00;
}
#menu #menu_title p {
margin:0;
padding:0;
font-size:20px;
line-height:20px;
font-weight:bold;
text-transform:uppercase;
color:#04357B;
}
#menu #menu_box {
@@ -1334,18 +1334,6 @@ vertical-align 0% -5% -10% -15% -20% -25% -30%
text-align:center;
}
#menu #menu_box a {
color:#04357B;
display:block;
width:100%;
}
#menu #menu_box h1 {
margin:-10px 0 0 -3px;
padding:0;
border-bottom:2px solid #04357B;
}
#menu #menu_box ul {
margin:0;
padding:0;
@@ -1356,18 +1344,27 @@ vertical-align 0% -5% -10% -15% -20% -25% -30%
#menu #menu_box ul li {
margin:0;
padding:5px 3px 5px 5px;
padding:5px 3px 5px 15px;
list-style:none;
cursor:pointer;
line-height:20px;
height:20px;
font-size:20px;
border-bottom:2px solid white;
text-transform:capitalize;
}
#menu #menu_box ul li:hover {
border-bottom-color:#04357B;
background-color:#EFAB00;
#menu #menu_box ul li:FIRST-CHILD {
padding-left:5px;
font-weight: bold;
}
#menu #menu_box ul li a {
color:#04357B;
display:block;
width:100%;
}
#menu #menu_box ul li:hover a {
color:#EFAB00;
}
#menu #menu_box ul li#rss_ln a {
@@ -1434,6 +1431,25 @@ vertical-align 0% -5% -10% -15% -20% -25% -30%
margin-top:0px;
}
#welcome span.milestone {
margin-left:5px;
padding:2px 5px;
font-weight:bold;
border:1px solid #04357B;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 15%, #D9E5F2 85%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#ffffff), color-stop(85%,#D9E5F2));
background: -webkit-linear-gradient(top, #ffffff 15%,#D9E5F2 85%);
background: -o-linear-gradient(top, #ffffff 15%,#D9E5F2 85%);
background: -ms-linear-gradient(top, #ffffff 15%,#D9E5F2 85%);
background: linear-gradient(to bottom, #ffffff 15%,#D9E5F2 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D9E5F2',GradientType=0 );
}
#welcome span.milestone .fa {
margin-right:5px;
}
#welcome a {
text-decoration:underline;
}