Customer portal : Home UI improvements, added missing iTop logo

SVN:trunk[4121]
This commit is contained in:
Guillaume Lajarige
2016-05-24 09:26:35 +00:00
parent 047fd088cc
commit 9f8ed3ada3
2 changed files with 86 additions and 18 deletions

View File

@@ -112,7 +112,11 @@ footer{
padding-left: 1em;*/
}
#sidebar .menu .nav > li > a{
padding-left: 3em;
/*padding-left: 3em;*/
padding-left: 10%;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#sidebar .menu .nav > li > a > .brick_icon{
width: 1.2em;
@@ -252,6 +256,9 @@ body{
a{
color: #D46201;
}
a:hover, a:focus{
color: #C15A02; /* TODO : Darken #D46201 */
}
.pagination{
margin: 14px 0px;
}
@@ -463,7 +470,9 @@ a{
}
.home .tile{
display: block;
margin-bottom: 8px;
padding: 0em 1em;
min-height: 4em;
background-color: #FFFFFF;
background-image: none;
@@ -472,16 +481,13 @@ a{
text-align: center;
text-decoration: none;
white-space: normal;
line-height: 4em;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.home .tile .tile_decoration{
position: absolute;
top: 3px;
left: 21px;
}
.home .tile .tile_decoration > img{
width: 45px;
max-height: 45px;
top: 0.3em;
left: 2.5em;
}
.home .tile .tile_title{
font-weight: bold;
@@ -495,42 +501,45 @@ a{
.home .tile{
display: block;
margin-bottom: 40px;
padding: 40px 40px 30px 40px;
min-height: 10em;
text-align: left;
}
.home .tile .tile_decoration{
display: block;
position: relative;
float: left;
top: initial;
left: initial;
width: 150px;
text-align: center;
}
.home .tile .tile_decoration > img{
width: 55px;
max-height: 55px;
margin: 0px 40px 5px 0px;
}
.home .tile .tile_body{
text-align: left
display: block;
text-align: left;
line-height: 1.5em;
}
.home .tile .tile_title{
margin-bottom: 1em;
font-size: 1.0em;
}
.home .tile .tile_description{
display: block;
margin-top: 15px;
text-align: justify;
}
}
@media (min-width: 992px) {
.home .tile{
min-height: 15em;
padding-right: 50px;
padding: 40px 50px 30px 50px;
}
.home .tile .tile_decoration > span.icon{
font-size: 5em;
font-size: 6em;
}
.home .tile .tile_title{
font-size: 1.4em;
font-size: 1.5em;
}
.home .tile .tile_description{
font-size: 1.2em;
}
}

View File

@@ -0,0 +1,59 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="198.43px" height="85.04px" viewBox="0 0 198.43 85.04" xml:space="preserve">
<g id="Layer_2" display="none">
<rect x="-1.658" y="-6.145" display="inline" width="207.663" height="99.234"/>
</g>
<g id="Layer_1">
<g>
<rect x="6" y="13.088" fill="#E87C1E" width="63" height="63"/>
<g>
<path fill="#FFFFFF" d="M79.051,33.36h10.297v30.5H79.051V33.36z"/>
</g>
<g>
<path fill="#FFFFFF" d="M113.873,27.93V63.86h-10.656l0.071-35.931h-8.497v-9.433h27.65v9.433H113.873z"/>
<path fill="#FFFFFF" d="M120.209,46.219c0-8.353,4.896-18.722,15.841-18.722c10.945,0,15.841,10.369,15.841,18.722
S146.995,64.94,136.05,64.94C125.105,64.94,120.209,54.571,120.209,46.219z M130.649,46.219c0,6.265,2.017,10.081,5.4,10.081
s5.401-3.889,5.401-10.081c0-6.265-2.018-10.009-5.401-10.009S130.649,39.954,130.649,46.219z"/>
<path fill="#FFFFFF" d="M168.089,62.42v14.042h-10.513V28.577h10.513l-0.071,2.593c0,0,3.6-3.673,7.488-3.673
c9.36,0,13.465,10.009,13.465,17.498c0,8.064-2.52,19.945-14.977,19.945C170.609,64.94,168.089,62.42,168.089,62.42z
M168.089,39.09v7.705c0,4.032,0.433,9.721,5.616,9.721c4.753,0,4.609-7.849,4.609-10.945c0-3.168-0.072-9.433-4.609-9.433
C170.754,36.138,169.674,37.722,168.089,39.09z"/>
</g>
<path fill="#E87C1E" d="M79,18.61h10.297v9.262H79V18.61z"/>
<g>
<g>
<rect x="33.496" y="61.822" transform="matrix(0.7071 0.7071 -0.7071 0.7071 57.2161 -7.1075)" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" width="7.383" height="7.381"/>
<line fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" x1="37.188" y1="28.905" x2="37.188" y2="60.994"/>
<rect x="33.497" y="19.954" transform="matrix(0.7073 0.7069 -0.7069 0.7073 27.6001 -19.3671)" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" width="7.381" height="7.383"/>
</g>
<g>
<rect x="54.429" y="40.889" transform="matrix(0.7072 -0.707 0.707 0.7072 -14.501 54.1405)" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" width="7.382" height="7.38"/>
<line fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" x1="21.514" y1="44.579" x2="53.604" y2="44.579"/>
<rect x="12.564" y="40.889" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -26.7615 24.5502)" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" width="7.38" height="7.38"/>
</g>
<g>
<rect x="48.297" y="55.69" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" width="7.382" height="7.381"/>
<line fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" x1="26.104" y1="33.496" x2="48.795" y2="56.187"/>
<rect x="18.694" y="26.086" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" width="7.382" height="7.383"/>
</g>
<g>
<rect x="48.297" y="26.086" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" width="7.382" height="7.383"/>
<line fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" x1="26.104" y1="55.66" x2="48.793" y2="32.971"/>
<rect x="18.694" y="55.69" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.8998" width="7.382" height="7.381"/>
</g>
<g>
<path fill="#FFFFFF" stroke="#E77C24" stroke-width="1.8998" d="M46.094,37.725l0.012,13.496c0,2.094-3.992,3.792-8.918,3.792
c-4.928,0-8.921-1.698-8.921-3.792l0.019-13.478L46.094,37.725z"/>
<ellipse fill="#FFFFFF" stroke="#E77C24" stroke-width="1.8998" cx="37.186" cy="37.389" rx="8.919" ry="3.794"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB