// Small changes with layout an css

This commit is contained in:
Kevin Granger
2013-06-17 18:49:45 +02:00
parent 6648fd3e97
commit 993690801e
21 changed files with 4139 additions and 794 deletions
@@ -1739,35 +1739,36 @@ table th[class*="span"],
background-color: #c4e3f3; }
/*
* Font Awesome 3.1.0
* Font Awesome 3.2.1
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
* ------------------------------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation can be
* found at http://fontawesome.io. Stay up to date on Twitter at
* http://twitter.com/fontawesome.
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* ------------------------------------------------------------------------------
* - The Font Awesome font is licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* - Font Awesome documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
* Contact
* -------------------------------------------------------
*
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
* Twitter: http://twitter.com/byscuits
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../font/fontawesome-webfont.eot?v=3.1.0");
src: url("../font/fontawesome-webfont.eot?#iefix&v=3.1.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.1.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.1.0") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0") format("svg");
src: url("../font/fontawesome-webfont.eot?v=3.2.1");
src: url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
font-weight: normal;
font-style: normal; }
@@ -1786,37 +1787,41 @@ table th[class*="span"],
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
cursor: default;
speak: none; }
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
vertical-align: -10%;
font-size: 4/3em; }
font-size: 1.33333em; }
/* makes sure icons active on rollover in links */
a [class^="icon-"], a [class^="icon-"]:before,
a [class*=" icon-"],
a [class*=" icon-"]:before {
a [class^="icon-"],
a [class*=" icon-"] {
display: inline; }
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
display: inline-block;
width: 18/14em;
text-align: center; }
width: 1.14286em;
text-align: right;
padding-right: 0.28571em; }
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
width: 22/14em; }
width: 1.42857em; }
ul.icons-ul {
list-style-type: none;
text-indent: -10/14em;
margin-left: 30/14em; }
ul.icons-ul > li .icon-li {
width: 10/14em;
display: inline-block;
text-align: center; }
.icons-ul {
margin-left: 2.14286em;
list-style-type: none; }
.icons-ul > li {
position: relative; }
.icons-ul .icon-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
text-align: center;
line-height: inherit; }
[class^="icon-"].hide,
[class*=" icon-"].hide {
@@ -1958,6 +1963,11 @@ ul.icons-ul {
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
margin-left: .2em; }
/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
line-height: inherit; }
/* EXTRAS
* -------------------------- */
/* Stacked and layered icon */
@@ -1980,7 +1990,7 @@ ul.icons-ul {
*line-height: 2em; }
.icon-stack .icon-stack-base {
font-size: 2em;
*line-height: 1; }
*line-height: 1em; }
/* Animated rotating icon */
.icon-spin {
@@ -1990,6 +2000,12 @@ ul.icons-ul {
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear; }
/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
display: inline-block;
text-decoration: none; }
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg); }
@@ -2064,8 +2080,12 @@ ul.icons-ul {
-o-transform: scale(1, -1);
transform: scale(1, -1); }
/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
display: inline-block; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
* readers do not read off random characters that represent icons */
.icon-glass:before {
content: "\f000"; }
@@ -2075,7 +2095,7 @@ ul.icons-ul {
.icon-search:before {
content: "\f002"; }
.icon-envelope:before {
.icon-envelope-alt:before {
content: "\f003"; }
.icon-heart:before {
@@ -2114,13 +2134,16 @@ ul.icons-ul {
.icon-zoom-out:before {
content: "\f010"; }
.icon-power-off:before,
.icon-off:before {
content: "\f011"; }
.icon-signal:before {
content: "\f012"; }
.icon-cog:before {
.icon-gear:before,
.icon-cog:before,
.icon-AdminAdmin:before {
content: "\f013"; }
.icon-trash:before {
@@ -2129,7 +2152,7 @@ ul.icons-ul {
.icon-home:before {
content: "\f015"; }
.icon-file:before {
.icon-file-alt:before {
content: "\f016"; }
.icon-time:before {
@@ -2153,11 +2176,10 @@ ul.icons-ul {
.icon-play-circle:before {
content: "\f01d"; }
.icon-repeat:before,
.icon-rotate-right:before {
.icon-rotate-right:before,
.icon-repeat:before {
content: "\f01e"; }
/* F020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
content: "\f021"; }
@@ -2191,10 +2213,10 @@ ul.icons-ul {
.icon-tag:before {
content: "\f02b"; }
.icon-tags:before {
.icon-tags:before, .icon-AdminPriceRule:before {
content: "\f02c"; }
.icon-book:before {
.icon-book:before, .icon-AdminCatalog:before {
content: "\f02d"; }
.icon-bookmark:before {
@@ -2350,8 +2372,8 @@ ul.icons-ul {
.icon-arrow-down:before {
content: "\f063"; }
.icon-share-alt:before,
.icon-mail-forward:before {
.icon-mail-forward:before,
.icon-share-alt:before {
content: "\f064"; }
.icon-resize-full:before {
@@ -2429,7 +2451,7 @@ ul.icons-ul {
.icon-resize-horizontal:before {
content: "\f07e"; }
.icon-bar-chart:before {
.icon-bar-chart:before, .icon-AdminParentStats:before {
content: "\f080"; }
.icon-twitter-sign:before {
@@ -2444,16 +2466,18 @@ ul.icons-ul {
.icon-key:before {
content: "\f084"; }
.icon-cogs:before {
.icon-gears:before,
.icon-cogs:before,
.icon-AdminTools:before {
content: "\f085"; }
.icon-comments:before {
content: "\f086"; }
.icon-thumbs-up:before {
.icon-thumbs-up-alt:before {
content: "\f087"; }
.icon-thumbs-down:before {
.icon-thumbs-down-alt:before {
content: "\f088"; }
.icon-star-half:before {
@@ -2492,6 +2516,7 @@ ul.icons-ul {
.icon-phone:before {
content: "\f095"; }
.icon-unchecked:before,
.icon-check-empty:before {
content: "\f096"; }
@@ -2513,7 +2538,7 @@ ul.icons-ul {
.icon-unlock:before {
content: "\f09c"; }
.icon-credit-card:before {
.icon-credit-card:before, .icon-AdminParentOrders:before {
content: "\f09d"; }
.icon-rss:before {
@@ -2555,10 +2580,10 @@ ul.icons-ul {
.icon-circle-arrow-down:before {
content: "\f0ab"; }
.icon-globe:before {
.icon-globe:before, .icon-AdminParentLocalization:before {
content: "\f0ac"; }
.icon-wrench:before {
.icon-wrench:before, .icon-AdminParentPreferences:before {
content: "\f0ad"; }
.icon-tasks:before {
@@ -2573,7 +2598,7 @@ ul.icons-ul {
.icon-fullscreen:before {
content: "\f0b2"; }
.icon-group:before {
.icon-group:before, .icon-AdminParentCustomer:before {
content: "\f0c0"; }
.icon-link:before {
@@ -2591,6 +2616,7 @@ ul.icons-ul {
.icon-copy:before {
content: "\f0c5"; }
.icon-paperclip:before,
.icon-paper-clip:before {
content: "\f0c6"; }
@@ -2621,7 +2647,7 @@ ul.icons-ul {
.icon-magic:before {
content: "\f0d0"; }
.icon-truck:before {
.icon-truck:before, .icon-AdminParentShipping:before {
content: "\f0d1"; }
.icon-pinterest:before {
@@ -2663,14 +2689,14 @@ ul.icons-ul {
.icon-sort-up:before {
content: "\f0de"; }
.icon-envelope-alt:before {
.icon-envelope:before {
content: "\f0e0"; }
.icon-linkedin:before {
content: "\f0e1"; }
.icon-undo:before,
.icon-rotate-left:before {
.icon-rotate-left:before,
.icon-undo:before {
content: "\f0e2"; }
.icon-legal:before {
@@ -2727,7 +2753,7 @@ ul.icons-ul {
.icon-food:before {
content: "\f0f5"; }
.icon-file-alt:before {
.icon-file-text-alt:before {
content: "\f0f6"; }
.icon-building:before {
@@ -2805,10 +2831,13 @@ ul.icons-ul {
.icon-circle:before {
content: "\f111"; }
.icon-reply:before,
.icon-mail-reply:before {
.icon-mail-reply:before,
.icon-reply:before {
content: "\f112"; }
.icon-github-alt:before {
content: "\f113"; }
.icon-folder-close-alt:before {
content: "\f114"; }
@@ -2888,7 +2917,7 @@ ul.icons-ul {
.icon-eraser:before {
content: "\f12d"; }
.icon-puzzle-piece:before {
.icon-puzzle-piece:before, .icon-AdminParentModules:before {
content: "\f12e"; }
.icon-microphone:before {
@@ -2978,6 +3007,187 @@ ul.icons-ul {
.icon-share-sign:before {
content: "\f14d"; }
.icon-compass:before {
content: "\f14e"; }
.icon-collapse:before {
content: "\f150"; }
.icon-collapse-top:before {
content: "\f151"; }
.icon-expand:before {
content: "\f152"; }
.icon-euro:before,
.icon-eur:before {
content: "\f153"; }
.icon-gbp:before {
content: "\f154"; }
.icon-dollar:before,
.icon-usd:before {
content: "\f155"; }
.icon-rupee:before,
.icon-inr:before {
content: "\f156"; }
.icon-yen:before,
.icon-jpy:before {
content: "\f157"; }
.icon-renminbi:before,
.icon-cny:before {
content: "\f158"; }
.icon-won:before,
.icon-krw:before {
content: "\f159"; }
.icon-bitcoin:before,
.icon-btc:before {
content: "\f15a"; }
.icon-file:before {
content: "\f15b"; }
.icon-file-text:before {
content: "\f15c"; }
.icon-sort-by-alphabet:before {
content: "\f15d"; }
.icon-sort-by-alphabet-alt:before {
content: "\f15e"; }
.icon-sort-by-attributes:before {
content: "\f160"; }
.icon-sort-by-attributes-alt:before {
content: "\f161"; }
.icon-sort-by-order:before {
content: "\f162"; }
.icon-sort-by-order-alt:before {
content: "\f163"; }
.icon-thumbs-up:before {
content: "\f164"; }
.icon-thumbs-down:before {
content: "\f165"; }
.icon-youtube-sign:before {
content: "\f166"; }
.icon-youtube:before {
content: "\f167"; }
.icon-xing:before {
content: "\f168"; }
.icon-xing-sign:before {
content: "\f169"; }
.icon-youtube-play:before {
content: "\f16a"; }
.icon-dropbox:before {
content: "\f16b"; }
.icon-stackexchange:before {
content: "\f16c"; }
.icon-instagram:before {
content: "\f16d"; }
.icon-flickr:before {
content: "\f16e"; }
.icon-adn:before {
content: "\f170"; }
.icon-bitbucket:before {
content: "\f171"; }
.icon-bitbucket-sign:before {
content: "\f172"; }
.icon-tumblr:before {
content: "\f173"; }
.icon-tumblr-sign:before {
content: "\f174"; }
.icon-long-arrow-down:before {
content: "\f175"; }
.icon-long-arrow-up:before {
content: "\f176"; }
.icon-long-arrow-left:before {
content: "\f177"; }
.icon-long-arrow-right:before {
content: "\f178"; }
.icon-apple:before {
content: "\f179"; }
.icon-windows:before {
content: "\f17a"; }
.icon-android:before {
content: "\f17b"; }
.icon-linux:before {
content: "\f17c"; }
.icon-dribbble:before {
content: "\f17d"; }
.icon-skype:before {
content: "\f17e"; }
.icon-foursquare:before {
content: "\f180"; }
.icon-trello:before {
content: "\f181"; }
.icon-female:before {
content: "\f182"; }
.icon-male:before {
content: "\f183"; }
.icon-gittip:before {
content: "\f184"; }
.icon-sun:before {
content: "\f185"; }
.icon-moon:before {
content: "\f186"; }
.icon-archive:before {
content: "\f187"; }
.icon-bug:before {
content: "\f188"; }
.icon-vk:before {
content: "\f189"; }
.icon-weibo:before {
content: "\f18a"; }
.icon-renren:before {
content: "\f18b"; }
.dropup,
.dropdown {
position: relative; }
@@ -5636,6 +5846,9 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {
-moz-box-sizing: border-box;
box-sizing: border-box; }
html, body {
height: 100%; }
body.fixed-top {
position: relative;
top: 42px;
@@ -5673,7 +5886,7 @@ body.fixed-top {
.page-sidebar > ul > li ul li a {
font-size: 12px;
display: block;
padding: 3px 0 3px 40px;
padding: 3px 5px 3px 20px;
border: none;
border-bottom: 1px solid #f6f6f6; }
.page-sidebar > ul li:not(.active) ul {
@@ -5694,7 +5907,10 @@ body.fixed-top {
padding-top: 20px; }
#footer {
padding: 8px 20px 5px 20px;
width: 100%;
position: fixed;
bottom: 0;
padding: 0;
font-size: 12px;
color: #999999;
background-color: #272822; }
@@ -5720,3 +5936,58 @@ body.fixed-top {
margin: 0; }
.table td.center, .table th.center {
text-align: center; }
.icon-AdminCatalog {
background-color: #7a0928;
color: white;
padding: 6px; }
.icon-AdminParentCustomer {
background-color: #c4004e;
color: white;
padding: 6px; }
.icon-AdminParentLocalization {
background-color: #1c6dee;
color: white;
padding: 6px; }
.icon-AdminParentModules {
background-color: #00c337;
color: white;
padding: 6px; }
.icon-AdminParentOrders {
background-color: #004888;
color: white;
padding: 6px; }
.icon-AdminParentPreferences {
background-color: #009a00;
color: white;
padding: 6px; }
.icon-AdminParentShipping {
background-color: #4ec3ff;
color: white;
padding: 6px; }
.icon-AdminParentStats {
background-color: #00a5a6;
color: white;
padding: 6px; }
.icon-AdminPriceRule {
background-color: #7400af;
color: white;
padding: 6px; }
.icon-AdminTools {
background-color: #af0d3a;
color: white;
padding: 6px; }
.icon-AdminAdmin {
background-color: #1c6dee;
color: white;
padding: 6px; }