From 4f80cfa84be51cc6de8cfc610305d2b84c300699 Mon Sep 17 00:00:00 2001 From: Pedro Correia Date: Mon, 6 May 2013 16:38:14 +0100 Subject: [PATCH] Updates readme --- README.md | 4 +- css/ink.css | 1915 ++++++++++++++++----------------------------------- 2 files changed, 586 insertions(+), 1333 deletions(-) diff --git a/README.md b/README.md index 7693f067b..c82832ca1 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ Ink is an interface kit for quick development of web interfaces, simple to use and expand on. It uses a combination of HTML, CSS and JavaScript to offer modern solutions for building layouts, display common interface elements and implement interactive features that are content-centric and user friendly for both your audience and your designers & developers. -## Current Version: 0.1.0 +## Current Version: 1.1 Although most Ink components are in full working order, some still have a few bugs that are being fixed. @@ -37,4 +37,4 @@ We have two branches on our github repository: * The **master** branch contains the latest release as its HEAD and all previous releases as tags. * The **develop** branch contains our latest code that will eventually lead to a new release and tag on **master** -To get a specific release clone the repository and use, e.g. "git checkout 1.0.0". +To get a specific release clone the repository and use, e.g. "git checkout 1.1". \ No newline at end of file diff --git a/css/ink.css b/css/ink.css index 2189291ba..cdd2e4471 100644 --- a/css/ink.css +++ b/css/ink.css @@ -1,13 +1,10 @@ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ - /* ========================================================================== HTML5 display definitions ========================================================================== */ - /* * Corrects `block` display not defined in IE 8/9. */ - article, aside, details, @@ -21,94 +18,75 @@ section, summary { display: block; } - /* * Corrects `inline-block` display not defined in IE 8/9. */ - audio, canvas, video { display: inline-block; } - /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ - audio:not([controls]) { display: none; height: 0; } - /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ - [hidden] { display: none; } - /* ========================================================================== Base ========================================================================== */ - /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ - html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; /* 2 */ } - /* * Removes default margin. */ - body { margin: 0; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: none; + -ms-text-size-adjust: none; } - /* ========================================================================== Links ========================================================================== */ - /* * Addresses `outline` inconsistency between Chrome and other browsers. */ - a:focus { outline: thin dotted; } - /* * Improves readability when focused and also mouse hovered in all browsers. */ - a:active, a:hover { outline: 0; } - /* ========================================================================== Typography ========================================================================== */ - /* * Addresses headings and paragraphs browser preset margin. */ - h1, h2, h3, @@ -117,54 +95,42 @@ h5, h6 { margin: 0; } - /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ - h1 { font-size: 2em; } - /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ - abbr[title] { border-bottom: 1px dotted; } - /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ - b, strong { font-weight: bold; } - /* * Addresses styling not present in Safari 5 and Chrome. */ - dfn { font-style: italic; } - /* * Addresses styling not present in IE 8/9. */ - mark { - color: #000000; background: #ff0; + color: #000000; } - /* * Corrects font family set oddly in Safari 5 and Chrome. */ - code, kbd, pre, @@ -172,134 +138,116 @@ samp { font-family: Ubuntu_monospaced, serif; font-size: 1em; } - /* * Improves readability of pre-formatted text in all browsers. */ - pre { - word-wrap: break-word; white-space: pre; white-space: pre-wrap; + word-wrap: break-word; } - /* * Sets consistent quote types. */ - q { quotes: "\201C" "\201D" "\2018" "\2019"; } - /* * Addresses inconsistent and variable font size in all browsers. */ - small { font-size: 80%; } - /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ - sub, sup { - position: relative; font-size: 75%; line-height: 0; + position: relative; vertical-align: baseline; } - sup { top: -0.5em; } - sub { bottom: -0.25em; } - /* ========================================================================== Embedded content ========================================================================== */ - /* * Removes border when inside `a` element in IE 8/9. */ - img { border: 0; } - /* * Corrects overflow displayed oddly in IE 9. */ - svg:not(:root) { overflow: hidden; } - /* ========================================================================== Figures ========================================================================== */ - /* * Addresses margin not present in IE 8/9 and Safari 5. */ - figure { margin: 0; } - /* ========================================================================== Forms ========================================================================== */ - /* * Define consistent border, margin, and padding. */ - fieldset { - padding: 0.35em 0.625em 0.75em; - margin: 0 2px; border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } - /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ - legend { - padding: 0; border: 0; -} + /* 1 */ + + padding: 0; + /* 2 */ +} /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ - button, input, select, textarea { - margin: 0; font-family: inherit; + /* 1 */ + font-size: 100%; -} + /* 2 */ + margin: 0; + /* 3 */ + +} /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ - button, input { line-height: normal; } - /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. @@ -307,73 +255,72 @@ input { * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ - button, html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; -} + /* 2 */ + + cursor: pointer; + /* 3 */ +} /* * Re-set default cursor for disabled elements. */ - button[disabled], input[disabled] { cursor: default; } - /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ - input[type="checkbox"], input[type="radio"] { - padding: 0; box-sizing: border-box; -} + /* 1 */ + + padding: 0; + /* 2 */ +} /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ - input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -webkit-appearance: textfield; -} + /* 1 */ + + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + /* 2 */ + box-sizing: content-box; +} /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } - /* * Removes inner padding and border in Firefox 4+. */ - button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; border: 0; + padding: 0; } - /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ - textarea { overflow: auto; /* 1 */ @@ -382,50 +329,40 @@ textarea { /* 2 */ } - /* ========================================================================== Tables ========================================================================== */ - /* * Remove most spacing between table cells. */ - table { border-collapse: collapse; border-spacing: 0; } - #ink #shadows .no-box-shadow { -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } - #ink #shadows .no-text-shadow { text-shadow: none; } - #ink #text .ink-font-stack { font-family: Ubuntu, 'Helvetica Neue', Helvetica, Arial, sans-serif; } - body { background: #f7f7f7; } - .ink-container { width: 960px; padding: 0 32px; margin: 0 auto; overflow: visible; } - caption, th { text-align: left; } - .ink-row:after, .ink-clear:after, .ink-container:after, @@ -437,78 +374,64 @@ th { .ink-m100:after, .ink-s100:after, .ink-navigation:after { + content: "."; display: block; height: 0; clear: both; - content: "."; visibility: hidden; zoom: 1; } - .ink-space { margin: 32px; *overflow: hidden; *clear: both; } - .ink-vspace { margin-top: 32px; margin-bottom: 32px; *zoom: 1; } - .ink-hspace { - margin-right: 32px; margin-left: 32px; + margin-right: 32px; *zoom: 1; } - .ink-gutter { margin-left: 32px; *overflow: hidden; *zoom: 1; } - .ink-row { margin-left: -32px; *zoom: 1; } - .ink-section { - padding-bottom: 1em; margin: 1em 0; + padding-bottom: 1em; + border-bottom: 1px solid #ccc; *overflow: hidden; *clear: both; - border-bottom: 1px solid #ccc; } - .ink-section:last-child { border-bottom: none; } - .ink-clear, .ink-section { clear: both; } - .ink-clear-left { clear: left; } - .ink-clear-right { clear: right; } - .ink-float-left { float: left; } - .ink-float-right { float: right; } - /* INK: LARGE SCREENS */ - @media screen and (min-width: 961px) { html body .ink-container { width: 960px; @@ -525,8 +448,8 @@ th { margin-bottom: 32px; } html body .ink-hspace { - margin-right: 32px; margin-left: 32px; + margin-right: 32px; } html body .ink-gutter { margin-left: 32px; @@ -537,8 +460,8 @@ th { html body .ink-container .ink-l100 { width: auto; max-width: 100%; - *overflow: hidden; clear: both; + *overflow: hidden; } html body .ink-container .ink-l90 { width: 90%; @@ -594,8 +517,8 @@ th { html body .ink-container .ink-l80, html body .ink-container .ink-l90 { float: left; - *overflow: hidden; *zoom: 1; + *overflow: hidden; } html body .ink-container .ink-l100:empty, html body .ink-container .ink-l90:empty, @@ -615,21 +538,19 @@ th { } .ink-for-s, .ink-for-m { + visibility: hidden; position: absolute; top: -99999px; left: -99999px; - visibility: hidden; } .ink-for-l { + visibility: visible; position: relative; top: auto; left: auto; - visibility: visible; } } - /* INK: MEDIUM SCREENS */ - @media screen and (min-width: 651px) and (max-width: 960px) { html body .ink-container { width: auto; @@ -645,8 +566,8 @@ th { margin-bottom: 21px; } html body .ink-hspace { - margin-right: 21px; margin-left: 21px; + margin-right: 21px; } html body .ink-gutter { margin-left: 21px; @@ -739,22 +660,22 @@ th { background: none; filter: none; -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } html body #topbar .horizontal .submenu li a { - padding: 0 21px; color: #bbbbbb; background: #222222; + padding: 0 21px; } html body .submenu { - position: relative; - z-index: 1000; display: block; width: auto; + position: relative; + border-top: none; + z-index: 1000; margin: 0; background: transparent; - border-top: none; } html body .submenu li { border: none; @@ -764,26 +685,24 @@ th { } html body .ink-for-s, html body .ink-for-l { + visibility: hidden; position: absolute; top: -99999px; left: -99999px; - visibility: hidden; } html body .ink-for-m { + visibility: visible; position: relative; top: auto; left: auto; - visibility: visible; } html body .ink-docked { - right: 10px; - left: 10px; width: auto; + left: 10px; + right: 10px; } } - /* INK: SMALL SCREENS */ - @media screen and (max-width: 650px) { html .ink-container { width: auto; @@ -799,8 +718,8 @@ th { margin-bottom: 11px; } html .ink-hspace { - margin-right: 11px; margin-left: 11px; + margin-right: 11px; } html .ink-gutter { margin-left: 11px; @@ -906,22 +825,22 @@ th { background: none; filter: none; -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } html #topbar .horizontal .submenu li a { - padding: 0 21px; color: #bbbbbb; background: #222222; + padding: 0 21px; } html body .submenu { - position: relative; - z-index: 1000; display: block; width: auto; + position: relative; + border-top: none; + z-index: 1000; margin: 0; background: transparent; - border-top: none; } html .submenu li { border: none; @@ -937,672 +856,568 @@ th { } html .example_menu > li:first-child a { border-top-right-radius: 4px; + border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; - border-top-left-radius: 4px; } html .example_menu .submenu:last-child li:last-child a { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top-left-radius: 0; } html .ink-for-m, html .ink-for-l { + visibility: hidden; position: absolute; top: -99999px; left: -99999px; - visibility: hidden; } html .ink-for-s { + visibility: visible; position: relative; top: auto; left: auto; - visibility: visible; } html .ink-docked { - right: 10px; - left: 10px; width: auto; + left: 10px; + right: 10px; } } - .ink-navigation { overflow: visible; } - .ink-navigation ul { + list-style-type: none; padding: 0; margin: 0; - list-style-type: none; } - .ink-navigation ul li { - margin: 0; line-height: 1.5; + margin: 0; } - .ink-navigation ul li a { color: #555555; } - .ink-navigation ul li a:hover { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul li.active a { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul li ul.submenu { background: #ffffff; } - .ink-navigation ul li ul.submenu li a { color: #555555; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } - .ink-navigation ul li ul.submenu li a:hover { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul li ul.submenu li a:last-child a { border: none; } - .ink-navigation ul.menu { background: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(150%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); } - .ink-navigation ul.pagination li { background: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(150%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); } - .ink-navigation ul.pills li a { - color: #555555; background: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(150%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); + color: #555555; } - .ink-navigation ul.pills li a:hover { background: none; } - .ink-navigation ul.pills li.active, .ink-navigation ul.pills li:hover { background: #4d4d4d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); background: -moz-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(150%, #000000)); background: -webkit-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -o-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -ms-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: linear-gradient(to bottom, #4d4d4d 0%, #000000 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); } - .ink-navigation ul.pills li.active a, .ink-navigation ul.pills li:hover a { color: #ffffff; background: none; } - .ink-navigation ul.vertical li a { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } - .ink-navigation ul.grey li a { color: #555555; } - .ink-navigation ul.grey li a:hover { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul.grey li ul.submenu { background: #ffffff; } - .ink-navigation ul.grey li ul.submenu li a { color: #555555; } - .ink-navigation ul.grey li ul.submenu li a:last-child a { border: none; } - .ink-navigation ul.grey.menu { background: #e6e6e6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#cccccc'); background: -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(150%, #cccccc)); background: -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -o-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -ms-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: linear-gradient(to bottom, #e6e6e6 0%, #cccccc 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#cccccc'); } - .ink-navigation ul.grey.pagination li { background: #e6e6e6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#cccccc'); background: -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(150%, #cccccc)); background: -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -o-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -ms-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: linear-gradient(to bottom, #e6e6e6 0%, #cccccc 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#cccccc'); } - .ink-navigation ul.grey.pills li a:hover { background: none; } - .ink-navigation ul.grey.pills li:hover, .ink-navigation ul.grey.pills li.active { background: #8c8c8c; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#595959'); background: -moz-linear-gradient(top, #8c8c8c 0%, #595959 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c8c8c), color-stop(150%, #595959)); background: -webkit-linear-gradient(top, #8c8c8c 0%, #595959 150%); background: -o-linear-gradient(top, #8c8c8c 0%, #595959 150%); background: -ms-linear-gradient(top, #8c8c8c 0%, #595959 150%); background: linear-gradient(to bottom, #8c8c8c 0%, #595959 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#595959'); } - .ink-navigation ul.black li a { color: #ffffff; } - .ink-navigation ul.black li a:hover { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul.black li ul.submenu { background: #ffffff; } - .ink-navigation ul.black li ul.submenu li a { color: #555555; } - .ink-navigation ul.black li ul.submenu li a:hover { - color: #ffffff; background: #4d4d4d; + color: #ffffff; } - .ink-navigation ul.black li ul.submenu li:last-child a { border: none; } - .ink-navigation ul.black.menu { background: #4d4d4d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); background: -moz-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(150%, #000000)); background: -webkit-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -o-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -ms-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: linear-gradient(to bottom, #4d4d4d 0%, #000000 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); } - .ink-navigation ul.black.pagination li { background: #4d4d4d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); background: -moz-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(150%, #000000)); background: -webkit-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -o-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -ms-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: linear-gradient(to bottom, #4d4d4d 0%, #000000 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); } - .ink-navigation ul.black.pills li { background: #4d4d4d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); background: -moz-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(150%, #000000)); background: -webkit-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -o-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -ms-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: linear-gradient(to bottom, #4d4d4d 0%, #000000 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); } - .ink-navigation ul.black.pills li a { background: none; } - .ink-navigation ul.black.pills li a:hover { background: none; } - .ink-navigation ul.black.pills li:hover, .ink-navigation ul.black.pills li.active { background: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(150%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); } - .ink-navigation ul.black.pills li:hover a, .ink-navigation ul.black.pills li.active a { color: #555555; } - .ink-navigation ul.orange li a { color: #ffffff; } - .ink-navigation ul.orange li a:hover { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul.orange li ul.submenu { background: #ffffff; } - .ink-navigation ul.orange li ul.submenu li a { color: #555555; } - .ink-navigation ul.orange li ul.submenu li a:hover { - color: #ffffff; background: #da8a0b; + color: #ffffff; } - .ink-navigation ul.orange li ul.submenu li:last-child a { border: none; } - .ink-navigation ul.orange.menu { background: #f2990d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2990d', endColorstr='#c27b0a'); background: -moz-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2990d), color-stop(150%, #c27b0a)); background: -webkit-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -o-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -ms-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: linear-gradient(to bottom, #f2990d 0%, #c27b0a 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2990d', endColorstr='#c27b0a'); } - .ink-navigation ul.orange.pagination li { background: #f2990d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2990d', endColorstr='#c27b0a'); background: -moz-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2990d), color-stop(150%, #c27b0a)); background: -webkit-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -o-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -ms-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: linear-gradient(to bottom, #f2990d 0%, #c27b0a 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2990d', endColorstr='#c27b0a'); } - .ink-navigation ul.orange.pills li a { - color: #555555; background: none; + color: #555555; } - .ink-navigation ul.orange.pills li a:hover { background: none; } - .ink-navigation ul.orange.pills li:hover, .ink-navigation ul.orange.pills li.active { background: #f2990d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2990d', endColorstr='#c27b0a'); background: -moz-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2990d), color-stop(150%, #c27b0a)); background: -webkit-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -o-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -ms-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: linear-gradient(to bottom, #f2990d 0%, #c27b0a 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2990d', endColorstr='#c27b0a'); } - .ink-navigation ul.orange.pills li:hover a, .ink-navigation ul.orange.pills li.active a { color: #ffffff; } - .ink-navigation ul.blue li a { color: #ffffff; } - .ink-navigation ul.blue li a:hover { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul.blue li ul.submenu { background: #ffffff; } - .ink-navigation ul.blue li ul.submenu li a { color: #555555; } - .ink-navigation ul.blue li ul.submenu li a:hover { - color: #ffffff; background: #1879b8; + color: #ffffff; } - .ink-navigation ul.blue li ul.submenu li:last-child a { border: none; } - .ink-navigation ul.blue.menu { background: #1b88ce; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b88ce', endColorstr='#156ba1'); background: -moz-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b88ce), color-stop(150%, #156ba1)); background: -webkit-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -o-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -ms-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: linear-gradient(to bottom, #1b88ce 0%, #156ba1 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b88ce', endColorstr='#156ba1'); } - .ink-navigation ul.blue.pagination li { background: #1b88ce; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b88ce', endColorstr='#156ba1'); background: -moz-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b88ce), color-stop(150%, #156ba1)); background: -webkit-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -o-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -ms-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: linear-gradient(to bottom, #1b88ce 0%, #156ba1 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b88ce', endColorstr='#156ba1'); } - .ink-navigation ul.blue.pills li a { - color: #555555; background: none; + color: #555555; } - .ink-navigation ul.blue.pills li a:hover { background: none; } - .ink-navigation ul.blue.pills li:hover, .ink-navigation ul.blue.pills li.active { background: #1b88ce; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b88ce', endColorstr='#156ba1'); background: -moz-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b88ce), color-stop(150%, #156ba1)); background: -webkit-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -o-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -ms-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: linear-gradient(to bottom, #1b88ce 0%, #156ba1 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b88ce', endColorstr='#156ba1'); } - .ink-navigation ul.blue.pills li:hover a, .ink-navigation ul.blue.pills li.active a { color: #ffffff; } - .ink-navigation ul.green li a { color: #ffffff; } - .ink-navigation ul.green li a:hover { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul.green li ul.submenu { background: #ffffff; } - .ink-navigation ul.green li ul.submenu li a { color: #555555; } - .ink-navigation ul.green li ul.submenu li a:hover { - color: #ffffff; background: #719d18; + color: #ffffff; } - .ink-navigation ul.green li ul.submenu li:last-child a { border: none; } - .ink-navigation ul.green.menu { background: #81b31b; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81b31b', endColorstr='#618615'); background: -moz-linear-gradient(top, #81b31b 0%, #618615 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81b31b), color-stop(150%, #618615)); background: -webkit-linear-gradient(top, #81b31b 0%, #618615 150%); background: -o-linear-gradient(top, #81b31b 0%, #618615 150%); background: -ms-linear-gradient(top, #81b31b 0%, #618615 150%); background: linear-gradient(to bottom, #81b31b 0%, #618615 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81b31b', endColorstr='#618615'); } - .ink-navigation ul.green.pagination li { background: #81b31b; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81b31b', endColorstr='#618615'); background: -moz-linear-gradient(top, #81b31b 0%, #618615 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81b31b), color-stop(150%, #618615)); background: -webkit-linear-gradient(top, #81b31b 0%, #618615 150%); background: -o-linear-gradient(top, #81b31b 0%, #618615 150%); background: -ms-linear-gradient(top, #81b31b 0%, #618615 150%); background: linear-gradient(to bottom, #81b31b 0%, #618615 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81b31b', endColorstr='#618615'); } - .ink-navigation ul.green.pills li a { - color: #555555; background: none; + color: #555555; } - .ink-navigation ul.green.pills li a:hover { background: none; } - .ink-navigation ul.green.pills li:hover, .ink-navigation ul.green.pills li.active { background: #81b31b; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81b31b', endColorstr='#618615'); background: -moz-linear-gradient(top, #81b31b 0%, #618615 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81b31b), color-stop(150%, #618615)); background: -webkit-linear-gradient(top, #81b31b 0%, #618615 150%); background: -o-linear-gradient(top, #81b31b 0%, #618615 150%); background: -ms-linear-gradient(top, #81b31b 0%, #618615 150%); background: linear-gradient(to bottom, #81b31b 0%, #618615 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81b31b', endColorstr='#618615'); } - .ink-navigation ul.green.pills li:hover a, .ink-navigation ul.green.pills li.active a { color: #ffffff; } - .ink-navigation ul.red li a { color: #ffffff; } - .ink-navigation ul.red li a:hover { background: rgba(0, 0, 0, 0.25); } - .ink-navigation ul.red li ul.submenu { background: #ffffff; } - .ink-navigation ul.red li ul.submenu li a { color: #555555; } - .ink-navigation ul.red li ul.submenu li a:hover { - color: #ffffff; background: #ab0909; + color: #ffffff; } - .ink-navigation ul.red li ul.submenu li:last-child a { border: none; } - .ink-navigation ul.red.menu { background: #c30a0a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30a0a', endColorstr='#920808'); background: -moz-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c30a0a), color-stop(150%, #920808)); background: -webkit-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -o-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -ms-linear-gradient(top, #c30a0a 0%, #920808 150%); background: linear-gradient(to bottom, #c30a0a 0%, #920808 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30a0a', endColorstr='#920808'); } - .ink-navigation ul.red.pagination li { background: #c30a0a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30a0a', endColorstr='#920808'); background: -moz-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c30a0a), color-stop(150%, #920808)); background: -webkit-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -o-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -ms-linear-gradient(top, #c30a0a 0%, #920808 150%); background: linear-gradient(to bottom, #c30a0a 0%, #920808 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30a0a', endColorstr='#920808'); } - .ink-navigation ul.red.pills li a { - color: #555555; background: none; + color: #555555; } - .ink-navigation ul.red.pills li a:hover { background: none; } - .ink-navigation ul.red.pills li:hover, .ink-navigation ul.red.pills li.active { background: #c30a0a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30a0a', endColorstr='#920808'); background: -moz-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c30a0a), color-stop(150%, #920808)); background: -webkit-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -o-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -ms-linear-gradient(top, #c30a0a 0%, #920808 150%); background: linear-gradient(to bottom, #c30a0a 0%, #920808 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30a0a', endColorstr='#920808'); } - .ink-navigation ul.red.pills li:hover a, .ink-navigation ul.red.pills li.active a { color: #ffffff; } - .ink-navigation ul.rounded.menu.horizontal { border-radius: 4px; } - .ink-navigation ul.rounded.menu.horizontal li:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } - .ink-navigation ul.rounded.menu.horizontal li:first-child a { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } - .ink-navigation ul.rounded.menu.horizontal li ul.submenu { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top-left-radius: 0; } - .ink-navigation ul.rounded.menu.horizontal li ul.submenu li { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .ink-navigation ul.rounded.menu.horizontal li ul.submenu li:last-child { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top-left-radius: 0; } - .ink-navigation ul.rounded.menu.horizontal li ul.submenu li a { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .ink-navigation ul.rounded.menu.vertical { border-radius: 4px; } - .ink-navigation ul.rounded.menu.vertical li:first-child, .ink-navigation ul.rounded.menu.vertical li:first-child a { border-top-right-radius: 4px; + border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; - border-top-left-radius: 4px; } - .ink-navigation ul.rounded.menu.vertical li:last-child, .ink-navigation ul.rounded.menu.vertical li:last-child a { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top-left-radius: 0; } - .ink-navigation ul.rounded.menu.vertical li ul.submenu { border-radius: 0 4px 4px 4px; } - .ink-navigation ul.rounded.menu.vertical li ul.submenu li a { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .ink-navigation ul.rounded.menu.vertical li ul.submenu li:first-child { border-radius: 0 4px 0 0; } - .ink-navigation ul.rounded.menu.vertical li ul.submenu li:first-child a { border-radius: 0 4px 0 0; } - .ink-navigation ul.rounded.menu.vertical li ul.submenu li:last-child { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top-left-radius: 0; } - .ink-navigation ul.rounded.menu.vertical li ul.submenu li:last-child a { border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top-left-radius: 0; } - .ink-navigation ul.rounded.pagination li:first-child, .ink-navigation ul.rounded.pagination li:first-child a { border-top-right-radius: 0; @@ -1610,7 +1425,6 @@ th { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } - .ink-navigation ul.rounded.pagination li:last-child, .ink-navigation ul.rounded.pagination li:last-child a { border-top-right-radius: 8px; @@ -1618,128 +1432,108 @@ th { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .ink-navigation ul.rounded.pills li { border-radius: 8px; } - .ink-navigation ul.rounded.pills li a { border-radius: 8px; } - .ink-navigation ul.flat.menu { background: #ffffff; } - .ink-navigation ul.flat.menu.grey { background: #d9d9d9; } - .ink-navigation ul.flat.menu.black { background: #000000; } - .ink-navigation ul.flat.menu.orange { background: #f2990d; } - .ink-navigation ul.flat.menu.blue { background: #1b88ce; } - .ink-navigation ul.flat.menu.green { background: #81b31b; } - .ink-navigation ul.flat.menu.red { background: #c30a0a; } - .ink-navigation ul.flat.pagination li, .ink-navigation ul.flat.pills li { background: #ffffff; } - .ink-navigation ul.flat.pagination.grey li, .ink-navigation ul.flat.pills.grey li { background: #d9d9d9; } - .ink-navigation ul.flat.pagination.black li, .ink-navigation ul.flat.pills.black li { background: #000000; } - .ink-navigation ul.flat.pagination.orange li, .ink-navigation ul.flat.pills.orange li { background: #f2990d; } - .ink-navigation ul.flat.pagination.blue li, .ink-navigation ul.flat.pills.blue li { background: #1b88ce; } - .ink-navigation ul.flat.pagination.green li, .ink-navigation ul.flat.pills.green li { background: #81b31b; } - .ink-navigation ul.flat.pagination.red li, .ink-navigation ul.flat.pills.red li { background: #c30a0a; } - .ink-navigation ul.shadowed.menu { - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); + -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); } - .ink-navigation ul.shadowed.menu li ul.submenu { - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); + -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); } - .ink-navigation ul.shadowed.pagination li { - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); + -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); } - .ink-navigation ul.shadowed.pills li { - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); + -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); } - .ink-navigation .pills li { + overflow: hidden; display: block; float: left; margin: 0.5em 0.5em 0 0; - overflow: hidden; line-height: 2.6; } - .ink-navigation .pills li a { - padding: 1em; -webkit-transition-property: none; - -moz-transition-property: none; - -ms-transition-property: none; - -o-transition-property: none; - transition-property: none; + -moz-transition-property: none; + -o-transition-property: none; + -ms-transition-property: none; + transition-property: none; + padding: 1em; } - .ink-navigation .pills li a:hover { text-decoration: none; } - .ink-navigation .pills li.active a { cursor: default; } - .ink-navigation .breadcrumbs { + border-radius: 8px; + -webkit-box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.5); + -moz-box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.5); + box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.5); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(150%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); @@ -1747,103 +1541,84 @@ th { background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 150%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 150%); background: #ffffff; - border-radius: 8px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); - -webkit-box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.5); - -moz-box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.5); - box-shadow: 0 1px 2px 0 rgba(128, 128, 128, 0.5); } - .ink-navigation .breadcrumbs li { - display: inline; line-height: 2.5; + display: inline; } - .ink-navigation .breadcrumbs li a { display: inline; padding: 0; } - .ink-navigation .breadcrumbs li a:hover { + background: transparent; color: #007ed5; text-decoration: underline; - background: transparent; } - .ink-navigation .breadcrumbs li.active a { color: #808080; - text-decoration: none; cursor: default; + text-decoration: none; } - .ink-navigation .breadcrumbs li:first-child a { padding-left: 1.2em; } - .ink-navigation .breadcrumbs li:after { + content: '/'; display: inline; margin: 0 1em; color: #b3b3b3; - content: '/'; } - .ink-navigation .breadcrumbs li:last-child:after { - display: none; content: ''; + display: none; } - .ink-navigation ul.pagination li { float: left; } - .ink-navigation ul.pagination li a { + padding: 0.5em 1em; display: block; float: left; - padding: 0.5em 1em; - border-right: 1px rgba(0, 0, 0, 0.2) solid; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - -webkit-transition-duration: 125ms; - -moz-transition-duration: 125ms; - -ms-transition-duration: 125ms; - -o-transition-duration: 125ms; - transition-duration: 125ms; -webkit-transition-property: background-color, color; - -moz-transition-property: background-color, color; - -ms-transition-property: background-color, color; - -o-transition-property: background-color, color; - transition-property: background-color, color; + -moz-transition-property: background-color, color; + -o-transition-property: background-color, color; + -ms-transition-property: background-color, color; + transition-property: background-color, color; + -webkit-transition-duration: 125ms; + -moz-transition-duration: 125ms; + -o-transition-duration: 125ms; + -ms-transition-duration: 125ms; + transition-duration: 125ms; -webkit-transition-timing-function: ease-in-out; - -moz-transition-timing-function: ease-in-out; - -ms-transition-timing-function: ease-in-out; - -o-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -ms-transition-delay: 0; + transition-delay: 0; + border-right: 1px rgba(0, 0, 0, 0.2) solid; } - .ink-navigation ul.pagination li:first-child a { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 6px; border-top-left-radius: 6px; } - .ink-navigation ul.pagination li:last-child a { border: none; } - .ink-navigation ul.pagination li.disabled a { color: rgba(0, 0, 0, 0.4); } - .ink-navigation ul.pagination li.disabled a:hover { - text-decoration: none; - cursor: default; background: none; + cursor: default; + text-decoration: none; } - @media screen and (max-width: 650px) { html body .ink-navigation .pagination li a { display: none; @@ -1853,341 +1628,281 @@ th { display: block; } } - .ink-navigation ul { display: block; } - .ink-navigation ul.menu li a { - text-decoration: none; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - -webkit-transition-duration: 100ms; - -moz-transition-duration: 100ms; - -ms-transition-duration: 100ms; - -o-transition-duration: 100ms; - transition-duration: 100ms; -webkit-transition-property: 'background'; - -moz-transition-property: 'background'; - -ms-transition-property: 'background'; - -o-transition-property: 'background'; - transition-property: 'background'; + -moz-transition-property: 'background'; + -o-transition-property: 'background'; + -ms-transition-property: 'background'; + transition-property: 'background'; + -webkit-transition-duration: 100ms; + -moz-transition-duration: 100ms; + -o-transition-duration: 100ms; + -ms-transition-duration: 100ms; + transition-duration: 100ms; -webkit-transition-timing-function: ease-in-out; - -moz-transition-timing-function: ease-in-out; - -ms-transition-timing-function: ease-in-out; - -o-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -ms-transition-delay: 0; + transition-delay: 0; + text-decoration: none; } - .ink-navigation ul.menu li:hover ul.submenu { display: block; } - .ink-navigation ul.menu li ul.submenu { + display: none; position: absolute; z-index: 10; - display: none; white-space: nowrap; } - .ink-navigation ul.menu li ul.submenu li { display: list-item; + background: inherit; width: auto; overflow: hidden; - background: inherit; } - .ink-navigation ul.menu li ul.submenu li a { display: block; float: none; width: 100%; } - .ink-navigation ul.menu:after { + content: "."; display: block; height: 0; clear: both; - content: "."; visibility: hidden; zoom: 1; } - .ink-navigation ul.menu.horizontal li { - position: relative; float: left; line-height: 2.6; + position: relative; } - .ink-navigation ul.menu.horizontal li a { float: left; padding: 0 1em; } - .ink-navigation ul.menu.horizontal li ul.submenu { top: 2.6em; } - .ink-navigation ul.menu.horizontal li ul.submenu li { - position: static; - float: none; padding: 0; line-height: 2.6; + float: none; + position: static; } - .ink-navigation ul.menu.horizontal li ul.submenu li a { - top: 2.6em; - float: none; padding: 0 1em; + float: none; + top: 2.6em; border-top-right-radius: 0; + border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .ink-navigation ul.menu.vertical li { - position: relative; line-height: 2.6; + position: relative; } - .ink-navigation ul.menu.vertical li a { - display: block; padding: 0 1em; + display: block; } - .ink-navigation ul.menu.vertical li ul.submenu { top: 0; left: 100%; } - .ink-navigation ul.menu.vertical li ul.submenu li { - position: static; - float: none; padding: 0; line-height: 2.6; + float: none; + position: static; } - .ink-navigation ul.menu.vertical li ul.submenu li a { display: block; padding: 0 1em; } - body { - font-family: Ubuntu, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #555555; + font-family: Ubuntu, 'Helvetica Neue', Helvetica, Arial, sans-serif; } - a { color: #0069d6; text-decoration: none; } - a:hover { color: #007ed5; text-decoration: underline; } - /* Headings */ - h1, h2, h3, h4, h5, h6 { - padding: .3em 0; font-weight: bold; color: #404040; + padding: .3em 0; } - h1 { font-size: 2.5em; } - h2 { font-size: 2em; } - h3 { font-size: 1.715em; } - h4 { font-size: 1.438em; } - h5 { font-size: 1.250em; } - h6 { font-size: 1em; } - h3, h4, h5, h6 { line-height: 1.3em; } - h1 small { font-size: .6em; - font-weight: 100; color: #BFBFBF; + font-weight: 100; } - small { - font-size: .6em; color: #a2a2a2; + font-size: .6em; } - /* Paragraphs */ - p { - margin: 0.5em 0; line-height: 1.5em; + margin: 0.5em 0; } - input, textarea { font-family: Ubuntu, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666; } - h1 small, h2 small, h3 small, h4 small { + color: #bbb; font-size: .6em; font-weight: 100; line-height: 1; - color: #bbb; } - address { + color: #888888; font-size: 1em; line-height: 1.4em; - color: #888888; } - address h6 { color: #555555; } - blockquote { + border-left: 4px solid #ddd; padding-left: 1em; margin: 1em 0; - font-size: 1.1em; font-weight: 200; - border-left: 4px solid #ddd; + font-size: 1.1em; } - blockquote small { font-size: .9em; } - blockquote small::before, blockquote small::after { content: ' — '; } - ul, ol, dl { padding-left: 1.4em; margin: 0; } - ul.unstyled { - padding-left: 0; list-style: none; + padding-left: 0em; } - ul.unstyled ul { - padding-left: 1.4em; list-style: disc outside; + padding-left: 1.4em; } - ol li { list-style: decimal outside; } - dl { - padding: 0; + padding: 0em; } - dl dt { - margin-top: .7em; font-weight: bold; + margin-top: .7em; } - dl dd { padding-left: 1em; margin: 0.5em 0; } - ul, ol { - padding-left: 1.4em; - margin: 0; line-height: 1.4; + margin: 0; + padding-left: 1.4em; } - ul li, ol li { margin: .5em 0; } - ul.ink-zebra li, ol.ink-zebra li { padding: 5px; border-radius: 4px; } - ul.ink-zebra li:nth-child(odd), ol.ink-zebra li:nth-child(odd) { background-color: #f9f9f9; } - ul.ink-hover li, ol.ink-hover li { padding: 5px; border-radius: 4px; } - ul.ink-hover li:hover, ol.ink-hover li:hover { background: #fefbd6; } - .note { font-size: .9em; color: #888888; } - .note strong { color: #555555; } - .label_new { background-color: #9dce62; } - .label_warning { background-color: #ff9c00; } - .label_error { background-color: #eb6363; } - .label_info { background-color: #479cd8; } - h1 .label_new, h1 .label_warning, h1 .label_error, @@ -2207,63 +1922,50 @@ h4 .label_info { font-size: 0.55em; vertical-align: top; } - hr { - margin: 1em 0; border: 0; border-top: 1px solid #ddd; + margin: 1em 0; } - .lead { font-size: 1.1em; font-weight: bold; } - .ink-label { - padding: 0.2em 0.5em; font-family: Ubuntu, 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 0.85em; - font-weight: bold; + padding: 0.2em 0.5em; text-transform: uppercase; + font-weight: bold; + font-size: 0.85em; border-radius: 2px; } - mark { padding: 3.75px 7.5px; background: #ffff80; } - .ink-caution { color: #ffffff; background-color: #cd0000; } - .ink-info { color: #ffffff; background-color: #0f8bda; } - .ink-success { - color: #ffffff; background-color: #85bd11; + color: #ffffff; } - /* defines generic classes used to set size on several elements */ - .small { font-size: 0.75em; } - .large { font-size: 1.2em; } - .extralarge { font-size: 1.45em; } - /* add .warning, .caution, .info, .success class styling to text elements */ - h1.warning, h2.warning, h3.warning, @@ -2275,11 +1977,10 @@ mark.warning, label.warning, span.warning { padding: 10px 15px; - color: #ffffff; background-color: #ff9c00; + color: #ffffff; border-radius: 4px; } - h1.warning.invert, h2.warning.invert, h3.warning.invert, @@ -2290,11 +1991,10 @@ p.warning.invert, mark.warning.invert, label.warning.invert, span.warning.invert { - padding: 0; color: #ff9c00; background-color: transparent; + padding: 0; } - h1.caution, h2.caution, h3.caution, @@ -2310,7 +2010,6 @@ span.caution { background-color: #cd0000; border-radius: 4px; } - h1.caution.invert, h2.caution.invert, h3.caution.invert, @@ -2321,11 +2020,10 @@ p.caution.invert, mark.caution.invert, label.caution.invert, span.caution.invert { - padding: 0; color: #cd0000; background-color: transparent; + padding: 0; } - h1.info, h2.info, h3.info, @@ -2341,7 +2039,6 @@ span.info { background-color: #0f8bda; border-radius: 4px; } - h1.info.invert, h2.info.invert, h3.info.invert, @@ -2352,11 +2049,10 @@ p.info.invert, mark.info.invert, label.info.invert, span.info.invert { - padding: 0; color: #0f8bda; background-color: transparent; + padding: 0; } - h1.success, h2.success, h3.success, @@ -2368,11 +2064,10 @@ mark.success, label.success, span.success { padding: 10px 15px; - color: #ffffff; background-color: #85bd11; + color: #ffffff; border-radius: 4px; } - h1.success.invert, h2.success.invert, h3.success.invert, @@ -2383,11 +2078,10 @@ p.success.invert, mark.success.invert, label.success.invert, span.success.invert { - padding: 0; color: #85bd11; background-color: transparent; + padding: 0; } - label.ink-label.warning, mark.ink-label.warning, code.ink-label.warning, @@ -2406,26 +2100,21 @@ code.ink-label.success, span.ink-label.success { padding: 3.75px 7.5px; } - .ink-docked { position: fixed !important; - z-index: 2000; opacity: 0.75; + z-index: 2000; } - .ink-docked:hover { opacity: 1; } - .ink-shade { background: rgba(0, 0, 0, 0.25); } - /** * Ink - Interface kit * Module: Alert messages and boxes */ - .ink-alert, .ink-alert-block h4 { padding: 1em; @@ -2433,490 +2122,443 @@ span.ink-label.success { font-size: .9em; color: #666; background: #fbe8bc; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe8bc', endColorstr='#f7d88c'); background: -moz-linear-gradient(top, #fbe8bc 0%, #f7d88c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbe8bc), color-stop(100%, #f7d88c)); background: -webkit-linear-gradient(top, #fbe8bc 0%, #f7d88c 100%); background: -o-linear-gradient(top, #fbe8bc 0%, #f7d88c 100%); background: -ms-linear-gradient(top, #fbe8bc 0%, #f7d88c 100%); background: linear-gradient(to bottom, #fbe8bc 0%, #f7d88c 100%); - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe8bc', endColorstr='#f7d88c'); -webkit-box-shadow: '0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; - -moz-box-shadow: '0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; - box-shadow: '0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + -moz-box-shadow: '0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + box-shadow: '0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + border-radius: 4px; } - .ink-alert-block, .ink-alert { - position: relative; margin: 1em 0 ; + position: relative; } - .ink-alert.success, .ink-alert-block.success h4 { - color: #ffffff; background: #9dce62; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce62', endColorstr='#85c13c'); background: -moz-linear-gradient(top, #9dce62 0%, #85c13c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dce62), color-stop(100%, #85c13c)); background: -webkit-linear-gradient(top, #9dce62 0%, #85c13c 100%); background: -o-linear-gradient(top, #9dce62 0%, #85c13c 100%); background: -ms-linear-gradient(top, #9dce62 0%, #85c13c 100%); background: linear-gradient(to bottom, #9dce62 0%, #85c13c 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce62', endColorstr='#85c13c'); + color: #ffffff; } - .ink-alert.error, .ink-alert-block.error h4 { - color: #ffffff; background: #eb6363; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb6363', endColorstr='#e53636'); background: -moz-linear-gradient(top, #eb6363 0%, #e53636 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb6363), color-stop(100%, #e53636)); background: -webkit-linear-gradient(top, #eb6363 0%, #e53636 100%); background: -o-linear-gradient(top, #eb6363 0%, #e53636 100%); background: -ms-linear-gradient(top, #eb6363 0%, #e53636 100%); background: linear-gradient(to bottom, #eb6363 0%, #e53636 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb6363', endColorstr='#e53636'); + color: #ffffff; } - .ink-alert.info, .ink-alert-block.info h4 { - color: #ffffff; background: #5ca7dc; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ca7dc', endColorstr='#2983c3'); background: -moz-linear-gradient(top, #5ca7dc 0%, #2983c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ca7dc), color-stop(100%, #2983c3)); background: -webkit-linear-gradient(top, #5ca7dc 0%, #2983c3 100%); background: -o-linear-gradient(top, #5ca7dc 0%, #2983c3 100%); background: -ms-linear-gradient(top, #5ca7dc 0%, #2983c3 100%); background: linear-gradient(to bottom, #5ca7dc 0%, #2983c3 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ca7dc', endColorstr='#2983c3'); + color: #ffffff; } - .ink-alert p, .ink-alert-block p { margin: 0 20px 0 0; } - .ink-alert .ink-close, .ink-alert-block .ink-close { position: absolute; - padding: 5px; + color: #000000; font-family: Arial, sans-serif; - font-size: 1.8em; font-weight: bold; line-height: 0.56em; - color: #000000; - text-shadow: 0px 1px 0px #ffffff; - background: none; + font-size: 1.8em; + padding: 5px; border: none; - opacity: 0.2; + background: none; + text-shadow: 0px 1px 0px #ffffff; + filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; - filter: alpha(opacity=20); + opacity: 0.2; } - .ink-alert .ink-close { top: .6em; *top: .4em; right: .4em; } - .ink-alert-block .ink-close { top: .5em; *top: .2em; right: .4em; } - .ink-alert-block h4 { - margin: 0; font-size: 1em; + margin: 0; border-bottom: 1px solid #f6d074; - border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; - -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; + border-radius: 4px 4px 0 0; } - .ink-alert-block { - font-size: .9em; background: #fefbf3; border-bottom: 1px solid #dddddd; + font-size: .9em; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } - .ink-alert-block p, l .ink-alert-block ul, .ink-alert-block ol { padding: 1em; } - .ink-alert-block ul { list-style: inside ; } - .ink-alert-block.success h4 { border-bottom: 1px solid #85c13c; } - .ink-alert-block.error h4 { border-bottom: 1px solid #e53636; } - .ink-alert-block.info h4 { border-bottom: 1px solid #2983c3; } - .ink-button { - display: inline-block; - float: none; - padding: 0.45em 0.8em; - margin: 5px; - font-size: 0.938em; + -webkit-appearance: menuitem; font-weight: bold; + font-size: 0.938em; line-height: 1.3em; - color: #333333; + padding: 0.45em 0.8em; + float: none; + border: 1px solid #ccc; + cursor: pointer; + margin: 5px; text-decoration: none; + display: inline-block; + border-radius: 4px; + color: #333333; + border-color: #c8c8c8; + border-bottom-color: #aeaeae; text-shadow: 0 0.09em 0.03em #ffffff; - cursor: pointer; background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#c8c8c8'); background: -moz-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #c8c8c8)); background: -webkit-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background: -o-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #c8c8c8 100%); background: linear-gradient(to bottom, #eeeeee 0%, #c8c8c8 100%); - border: 1px solid #ccc; - border-color: #c8c8c8; - border-bottom-color: #aeaeae; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#c8c8c8'); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - -webkit-appearance: menuitem; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; } - .ink-button:hover { - color: #333333; - text-decoration: none; background: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cacaca'); background: -moz-linear-gradient(top, #ffffff 0%, #cacaca 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cacaca)); background: -webkit-linear-gradient(top, #ffffff 0%, #cacaca 100%); background: -o-linear-gradient(top, #ffffff 0%, #cacaca 100%); background: -ms-linear-gradient(top, #ffffff 0%, #cacaca 100%); background: linear-gradient(to bottom, #ffffff 0%, #cacaca 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cacaca'); - -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; + -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + color: #333333; + text-decoration: none; } - .ink-button:active { background: #dcdcdc; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff'); background: -moz-linear-gradient(top, #dcdcdc 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdcdc), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #dcdcdc 0%, #ffffff 100%); background: -o-linear-gradient(top, #dcdcdc 0%, #ffffff 100%); background: -ms-linear-gradient(top, #dcdcdc 0%, #ffffff 100%); background: linear-gradient(to bottom, #dcdcdc 0%, #ffffff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff'); -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; } - .ink-button[disabled], .ink-button .ink-disabled { background: #eeeeee; - border: none; box-shadow: none; + border: none; } - .ink-button[disabled]:hover, .ink-button .ink-disabled:hover { - cursor: not-allowed; background: #eeeeee; + cursor: not-allowed; } - .ink-button.warning { color: #ffffff; + border-color: #b36d00; + border-bottom-color: #804e00; text-shadow: 0 -0.09em 0.03em #804e00; background: #ff9c00; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c00', endColorstr='#b36d00'); background: -moz-linear-gradient(top, #ff9c00 0%, #b36d00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9c00), color-stop(100%, #b36d00)); background: -webkit-linear-gradient(top, #ff9c00 0%, #b36d00 100%); background: -o-linear-gradient(top, #ff9c00 0%, #b36d00 100%); background: -ms-linear-gradient(top, #ff9c00 0%, #b36d00 100%); background: linear-gradient(to bottom, #ff9c00 0%, #b36d00 100%); - border-color: #b36d00; - border-bottom-color: #804e00; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c00', endColorstr='#b36d00'); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; } - .ink-button.warning:hover { - color: #ffffff; - text-decoration: none; background: #ffaa24; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaa24', endColorstr='#b87000'); background: -moz-linear-gradient(top, #ffaa24 0%, #b87000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffaa24), color-stop(100%, #b87000)); background: -webkit-linear-gradient(top, #ffaa24 0%, #b87000 100%); background: -o-linear-gradient(top, #ffaa24 0%, #b87000 100%); background: -ms-linear-gradient(top, #ffaa24 0%, #b87000 100%); background: linear-gradient(to bottom, #ffaa24 0%, #b87000 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaa24', endColorstr='#b87000'); - -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; + -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + color: #ffffff; + text-decoration: none; } - .ink-button.warning:active { background: #db8600; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8600', endColorstr='#ffaa24'); background: -moz-linear-gradient(top, #db8600 0%, #ffaa24 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db8600), color-stop(100%, #ffaa24)); background: -webkit-linear-gradient(top, #db8600 0%, #ffaa24 100%); background: -o-linear-gradient(top, #db8600 0%, #ffaa24 100%); background: -ms-linear-gradient(top, #db8600 0%, #ffaa24 100%); background: linear-gradient(to bottom, #db8600 0%, #ffaa24 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8600', endColorstr='#ffaa24'); -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; } - .ink-button.warning[disabled], .ink-button.warning .ink-disabled { background: #dfc69f; - border: none; box-shadow: none; + border: none; } - .ink-button.warning[disabled]:hover, .ink-button.warning .ink-disabled:hover { - cursor: not-allowed; background: #dfc69f; + cursor: not-allowed; } - .ink-button.caution { color: #ffffff; + border-color: #810000; + border-bottom-color: #4e0000; text-shadow: 0 -0.09em 0.03em #4e0000; background: #cd0000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd0000', endColorstr='#810000'); background: -moz-linear-gradient(top, #cd0000 0%, #810000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd0000), color-stop(100%, #810000)); background: -webkit-linear-gradient(top, #cd0000 0%, #810000 100%); background: -o-linear-gradient(top, #cd0000 0%, #810000 100%); background: -ms-linear-gradient(top, #cd0000 0%, #810000 100%); background: linear-gradient(to bottom, #cd0000 0%, #810000 100%); - border-color: #810000; - border-bottom-color: #4e0000; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd0000', endColorstr='#810000'); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; } - .ink-button.caution:hover { - color: #ffffff; - text-decoration: none; background: #f10000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f10000', endColorstr='#860000'); background: -moz-linear-gradient(top, #f10000 0%, #860000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f10000), color-stop(100%, #860000)); background: -webkit-linear-gradient(top, #f10000 0%, #860000 100%); background: -o-linear-gradient(top, #f10000 0%, #860000 100%); background: -ms-linear-gradient(top, #f10000 0%, #860000 100%); background: linear-gradient(to bottom, #f10000 0%, #860000 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f10000', endColorstr='#860000'); - -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; -} - + -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + color: #ffffff; + text-decoration: none; +} .ink-button.caution:active { background: #a90000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90000', endColorstr='#f10000'); background: -moz-linear-gradient(top, #a90000 0%, #f10000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90000), color-stop(100%, #f10000)); background: -webkit-linear-gradient(top, #a90000 0%, #f10000 100%); background: -o-linear-gradient(top, #a90000 0%, #f10000 100%); background: -ms-linear-gradient(top, #a90000 0%, #f10000 100%); background: linear-gradient(to bottom, #a90000 0%, #f10000 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90000', endColorstr='#f10000'); -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; } - .ink-button.caution[disabled], .ink-button.caution .ink-disabled { background: #d37a7a; - border: none; box-shadow: none; + border: none; } - .ink-button.caution[disabled]:hover, .ink-button.caution .ink-disabled:hover { - cursor: not-allowed; background: #d37a7a; + cursor: not-allowed; } - .ink-button.success { color: #ffffff; + border-color: #54770b; + border-bottom-color: #334806; text-shadow: 0 -0.09em 0.03em #334806; background: #85bd11; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85bd11', endColorstr='#54770b'); background: -moz-linear-gradient(top, #85bd11 0%, #54770b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85bd11), color-stop(100%, #54770b)); background: -webkit-linear-gradient(top, #85bd11 0%, #54770b 100%); background: -o-linear-gradient(top, #85bd11 0%, #54770b 100%); background: -ms-linear-gradient(top, #85bd11 0%, #54770b 100%); background: linear-gradient(to bottom, #85bd11 0%, #54770b 100%); - border-color: #54770b; - border-bottom-color: #334806; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85bd11', endColorstr='#54770b'); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; } - .ink-button.success:hover { - color: #ffffff; - text-decoration: none; background: #9cde14; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cde14', endColorstr='#577b0b'); background: -moz-linear-gradient(top, #9cde14 0%, #577b0b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9cde14), color-stop(100%, #577b0b)); background: -webkit-linear-gradient(top, #9cde14 0%, #577b0b 100%); background: -o-linear-gradient(top, #9cde14 0%, #577b0b 100%); background: -ms-linear-gradient(top, #9cde14 0%, #577b0b 100%); background: linear-gradient(to bottom, #9cde14 0%, #577b0b 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cde14', endColorstr='#577b0b'); - -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; + -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + color: #ffffff; + text-decoration: none; } - .ink-button.success:active { background: #6e9c0e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e9c0e', endColorstr='#9cde14'); background: -moz-linear-gradient(top, #6e9c0e 0%, #9cde14 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e9c0e), color-stop(100%, #9cde14)); background: -webkit-linear-gradient(top, #6e9c0e 0%, #9cde14 100%); background: -o-linear-gradient(top, #6e9c0e 0%, #9cde14 100%); background: -ms-linear-gradient(top, #6e9c0e 0%, #9cde14 100%); background: linear-gradient(to bottom, #6e9c0e 0%, #9cde14 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e9c0e', endColorstr='#9cde14'); -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; } - .ink-button.success[disabled], .ink-button.success .ink-disabled { background: #b1c489; - border: none; box-shadow: none; + border: none; } - .ink-button.success[disabled]:hover, .ink-button.success .ink-disabled:hover { - cursor: not-allowed; background: #b1c489; + cursor: not-allowed; } - .ink-button.info { color: #ffffff; + border-color: #0a5d92; + border-bottom-color: #073f63; text-shadow: 0 -0.09em 0.03em #073f63; background: #0f8bda; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f8bda', endColorstr='#0a5d92'); background: -moz-linear-gradient(top, #0f8bda 0%, #0a5d92 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f8bda), color-stop(100%, #0a5d92)); background: -webkit-linear-gradient(top, #0f8bda 0%, #0a5d92 100%); background: -o-linear-gradient(top, #0f8bda 0%, #0a5d92 100%); background: -ms-linear-gradient(top, #0f8bda 0%, #0a5d92 100%); background: linear-gradient(to bottom, #0f8bda 0%, #0a5d92 100%); - border-color: #0a5d92; - border-bottom-color: #073f63; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f8bda', endColorstr='#0a5d92'); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; } - .ink-button.info:hover { - color: #ffffff; - text-decoration: none; background: #1d9eef; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9eef', endColorstr='#0a6097'); background: -moz-linear-gradient(top, #1d9eef 0%, #0a6097 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d9eef), color-stop(100%, #0a6097)); background: -webkit-linear-gradient(top, #1d9eef 0%, #0a6097 100%); background: -o-linear-gradient(top, #1d9eef 0%, #0a6097 100%); background: -ms-linear-gradient(top, #1d9eef 0%, #0a6097 100%); background: linear-gradient(to bottom, #1d9eef 0%, #0a6097 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9eef', endColorstr='#0a6097'); - -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; - box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 .5em rgba(255, 255, 255, 0.5)'; + -webkit-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + -moz-box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + box-shadow: '0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0em .5em rgba(255, 255, 255, 0.5)'; + color: #ffffff; + text-decoration: none; } - .ink-button.info:active { background: #0d76b9; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d76b9', endColorstr='#1d9eef'); background: -moz-linear-gradient(top, #0d76b9 0%, #1d9eef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d76b9), color-stop(100%, #1d9eef)); background: -webkit-linear-gradient(top, #0d76b9 0%, #1d9eef 100%); background: -o-linear-gradient(top, #0d76b9 0%, #1d9eef 100%); background: -ms-linear-gradient(top, #0d76b9 0%, #1d9eef 100%); background: linear-gradient(to bottom, #0d76b9 0%, #1d9eef 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d76b9', endColorstr='#1d9eef'); -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; - box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; + box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) inset; } - .ink-button.info[disabled], .ink-button.info .ink-disabled { background: #98bad0; - border: none; box-shadow: none; + border: none; } - .ink-button.info[disabled]:hover, .ink-button.info .ink-disabled:hover { - cursor: not-allowed; background: #98bad0; + cursor: not-allowed; } - @font-face { font-family: 'FontAwesome'; - font-style: normal; - font-weight: normal; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); + font-weight: normal; + font-style: normal; } - /* Font Awesome styles ------------------------------------------------------- */ - [class^="icon-"]:before, [class*=" icon-"]:before { - display: inline-block; font-family: FontAwesome; - font-style: normal; font-weight: normal; + font-style: normal; + display: inline-block; text-decoration: inherit; } - a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } - /* makes the font 33% larger relative to the icon container */ - .icon-large:before { - font-size: 1.3333333333333333em; vertical-align: middle; + font-size: 1.3333333333333333em; } - .btn [class^="icon-"], .nav-tabs [class^="icon-"], .btn [class*=" icon-"], @@ -2925,900 +2567,680 @@ a [class*=" icon-"] { line-height: .9em; } - li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } - li .icon-large:before, li .icon-large:before { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } - ul.icons { + list-style-type: none; margin-left: 2em; text-indent: -0.8em; - list-style-type: none; } - ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .8em; } - ul.icons li .icon-large:before, ul.icons li .icon-large:before { /* 1.5 increased font size for icon-large * 1.25 width */ vertical-align: initial; } - /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ - .icon-glass:before { content: "\f000"; } - .icon-music:before { content: "\f001"; } - .icon-search:before { content: "\f002"; } - .icon-envelope:before { content: "\f003"; } - .icon-heart:before { content: "\f004"; } - .icon-star:before { content: "\f005"; } - .icon-star-empty:before { content: "\f006"; } - .icon-user:before { content: "\f007"; } - .icon-film:before { content: "\f008"; } - .icon-th-large:before { content: "\f009"; } - .icon-th:before { content: "\f00a"; } - .icon-th-list:before { content: "\f00b"; } - .icon-ok:before { content: "\f00c"; } - .icon-remove:before { content: "\f00d"; } - .icon-zoom-in:before { content: "\f00e"; } - .icon-zoom-out:before { content: "\f010"; } - .icon-off:before { content: "\f011"; } - .icon-signal:before { content: "\f012"; } - .icon-cog:before { content: "\f013"; } - .icon-trash:before { content: "\f014"; } - .icon-home:before { content: "\f015"; } - .icon-file:before { content: "\f016"; } - .icon-time:before { content: "\f017"; } - .icon-road:before { content: "\f018"; } - .icon-download-alt:before { content: "\f019"; } - .icon-download:before { content: "\f01a"; } - .icon-upload:before { content: "\f01b"; } - .icon-inbox:before { content: "\f01c"; } - .icon-play-circle:before { content: "\f01d"; } - .icon-repeat:before { content: "\f01e"; } - /* \f020 doesn't work in Safari. all shifted one down */ - .icon-refresh:before { content: "\f021"; } - .icon-list-alt:before { content: "\f022"; } - .icon-lock:before { content: "\f023"; } - .icon-flag:before { content: "\f024"; } - .icon-headphones:before { content: "\f025"; } - .icon-volume-off:before { content: "\f026"; } - .icon-volume-down:before { content: "\f027"; } - .icon-volume-up:before { content: "\f028"; } - .icon-qrcode:before { content: "\f029"; } - .icon-barcode:before { content: "\f02a"; } - .icon-tag:before { content: "\f02b"; } - .icon-tags:before { content: "\f02c"; } - .icon-book:before { content: "\f02d"; } - .icon-bookmark:before { content: "\f02e"; } - .icon-print:before { content: "\f02f"; } - .icon-camera:before { content: "\f030"; } - .icon-font:before { content: "\f031"; } - .icon-bold:before { content: "\f032"; } - .icon-italic:before { content: "\f033"; } - .icon-text-height:before { content: "\f034"; } - .icon-text-width:before { content: "\f035"; } - .icon-align-left:before { content: "\f036"; } - .icon-align-center:before { content: "\f037"; } - .icon-align-right:before { content: "\f038"; } - .icon-align-justify:before { content: "\f039"; } - .icon-list:before { content: "\f03a"; } - .icon-indent-left:before { content: "\f03b"; } - .icon-indent-right:before { content: "\f03c"; } - .icon-facetime-video:before { content: "\f03d"; } - .icon-picture:before { content: "\f03e"; } - .icon-pencil:before { content: "\f040"; } - .icon-map-marker:before { content: "\f041"; } - .icon-adjust:before { content: "\f042"; } - .icon-tint:before { content: "\f043"; } - .icon-edit:before { content: "\f044"; } - .icon-share:before { content: "\f045"; } - .icon-check:before { content: "\f046"; } - .icon-move:before { content: "\f047"; } - .icon-step-backward:before { content: "\f048"; } - .icon-fast-backward:before { content: "\f049"; } - .icon-backward:before { content: "\f04a"; } - .icon-play:before { content: "\f04b"; } - .icon-pause:before { content: "\f04c"; } - .icon-stop:before { content: "\f04d"; } - .icon-forward:before { content: "\f04e"; } - .icon-fast-forward:before { content: "\f050"; } - .icon-step-forward:before { content: "\f051"; } - .icon-eject:before { content: "\f052"; } - .icon-chevron-left:before { content: "\f053"; } - .icon-chevron-right:before { content: "\f054"; } - .icon-plus-sign:before { content: "\f055"; } - .icon-minus-sign:before { content: "\f056"; } - .icon-remove-sign:before { content: "\f057"; } - .icon-ok-sign:before { content: "\f058"; } - .icon-question-sign:before { content: "\f059"; } - .icon-info-sign:before { content: "\f05a"; } - .icon-screenshot:before { content: "\f05b"; } - .icon-remove-circle:before { content: "\f05c"; } - .icon-ok-circle:before { content: "\f05d"; } - .icon-ban-circle:before { content: "\f05e"; } - .icon-arrow-left:before { content: "\f060"; } - .icon-arrow-right:before { content: "\f061"; } - .icon-arrow-up:before { content: "\f062"; } - .icon-arrow-down:before { content: "\f063"; } - .icon-share-alt:before { content: "\f064"; } - .icon-resize-full:before { content: "\f065"; } - .icon-resize-small:before { content: "\f066"; } - .icon-plus:before { content: "\f067"; } - .icon-minus:before { content: "\f068"; } - .icon-asterisk:before { content: "\f069"; } - .icon-exclamation-sign:before { content: "\f06a"; } - .icon-gift:before { content: "\f06b"; } - .icon-leaf:before { content: "\f06c"; } - .icon-fire:before { content: "\f06d"; } - .icon-eye-open:before { content: "\f06e"; } - .icon-eye-close:before { content: "\f070"; } - .icon-warning-sign:before { content: "\f071"; } - .icon-plane:before { content: "\f072"; } - .icon-calendar:before { content: "\f073"; } - .icon-random:before { content: "\f074"; } - .icon-comment:before { content: "\f075"; } - .icon-magnet:before { content: "\f076"; } - .icon-chevron-up:before { content: "\f077"; } - .icon-chevron-down:before { content: "\f078"; } - .icon-retweet:before { content: "\f079"; } - .icon-shopping-cart:before { content: "\f07a"; } - .icon-folder-close:before { content: "\f07b"; } - .icon-folder-open:before { content: "\f07c"; } - .icon-resize-vertical:before { content: "\f07d"; } - .icon-resize-horizontal:before { content: "\f07e"; } - .icon-bar-chart:before { content: "\f080"; } - .icon-twitter-sign:before { content: "\f081"; } - .icon-facebook-sign:before { content: "\f082"; } - .icon-camera-retro:before { content: "\f083"; } - .icon-key:before { content: "\f084"; } - .icon-cogs:before { content: "\f085"; } - .icon-comments:before { content: "\f086"; } - .icon-thumbs-up:before { content: "\f087"; } - .icon-thumbs-down:before { content: "\f088"; } - .icon-star-half:before { content: "\f089"; } - .icon-heart-empty:before { content: "\f08a"; } - .icon-signout:before { content: "\f08b"; } - .icon-linkedin-sign:before { content: "\f08c"; } - .icon-pushpin:before { content: "\f08d"; } - .icon-external-link:before { content: "\f08e"; } - .icon-signin:before { content: "\f090"; } - .icon-trophy:before { content: "\f091"; } - .icon-github-sign:before { content: "\f092"; } - .icon-upload-alt:before { content: "\f093"; } - .icon-lemon:before { content: "\f094"; } - .icon-phone:before { content: "\f095"; } - .icon-check-empty:before { content: "\f096"; } - .icon-bookmark-empty:before { content: "\f097"; } - .icon-phone-sign:before { content: "\f098"; } - .icon-twitter:before { content: "\f099"; } - .icon-facebook:before { content: "\f09a"; } - .icon-github:before { content: "\f09b"; } - .icon-unlock:before { content: "\f09c"; } - .icon-credit-card:before { content: "\f09d"; } - .icon-rss:before { content: "\f09e"; } - .icon-hdd:before { content: "\f0a0"; } - .icon-bullhorn:before { content: "\f0a1"; } - .icon-bell:before { content: "\f0a2"; } - .icon-certificate:before { content: "\f0a3"; } - .icon-hand-right:before { content: "\f0a4"; } - .icon-hand-left:before { content: "\f0a5"; } - .icon-hand-up:before { content: "\f0a6"; } - .icon-hand-down:before { content: "\f0a7"; } - .icon-circle-arrow-left:before { content: "\f0a8"; } - .icon-circle-arrow-right:before { content: "\f0a9"; } - .icon-circle-arrow-up:before { content: "\f0aa"; } - .icon-circle-arrow-down:before { content: "\f0ab"; } - .icon-globe:before { content: "\f0ac"; } - .icon-wrench:before { content: "\f0ad"; } - .icon-tasks:before { content: "\f0ae"; } - .icon-filter:before { content: "\f0b0"; } - .icon-briefcase:before { content: "\f0b1"; } - .icon-fullscreen:before { content: "\f0b2"; } - .icon-group:before { content: "\f0c0"; } - .icon-link:before { content: "\f0c1"; } - .icon-cloud:before { content: "\f0c2"; } - .icon-beaker:before { content: "\f0c3"; } - .icon-cut:before { content: "\f0c4"; } - .icon-copy:before { content: "\f0c5"; } - .icon-paper-clip:before { content: "\f0c6"; } - .icon-save:before { content: "\f0c7"; } - .icon-sign-blank:before { content: "\f0c8"; } - .icon-reorder:before { content: "\f0c9"; } - .icon-list-ul:before { content: "\f0ca"; } - .icon-list-ol:before { content: "\f0cb"; } - .icon-strikethrough:before { content: "\f0cc"; } - .icon-underline:before { content: "\f0cd"; } - .icon-table:before { content: "\f0ce"; } - .icon-magic:before { content: "\f0d0"; } - .icon-truck:before { content: "\f0d1"; } - .icon-pinterest:before { content: "\f0d2"; } - .icon-pinterest-sign:before { content: "\f0d3"; } - .icon-google-plus-sign:before { content: "\f0d4"; } - .icon-google-plus:before { content: "\f0d5"; } - .icon-money:before { content: "\f0d6"; } - .icon-caret-down:before { content: "\f0d7"; } - .icon-caret-up:before { content: "\f0d8"; } - .icon-caret-left:before { content: "\f0d9"; } - .icon-caret-right:before { content: "\f0da"; } - .icon-columns:before { content: "\f0db"; } - .icon-sort:before { content: "\f0dc"; } - .icon-sort-down:before { content: "\f0dd"; } - .icon-sort-up:before { content: "\f0de"; } - .icon-envelope-alt:before { content: "\f0e0"; } - .icon-linkedin:before { content: "\f0e1"; } - .icon-undo:before { content: "\f0e2"; } - .icon-legal:before { content: "\f0e3"; } - .icon-dashboard:before { content: "\f0e4"; } - .icon-comment-alt:before { content: "\f0e5"; } - .icon-comments-alt:before { content: "\f0e6"; } - .icon-bolt:before { content: "\f0e7"; } - .icon-sitemap:before { content: "\f0e8"; } - .icon-umbrella:before { content: "\f0e9"; } - .icon-paste:before { content: "\f0ea"; } - .icon-user-md:before { content: "\f200"; } - form.ink-form fieldset { - padding: 0; - margin-bottom: 1.5em; border: none; + margin-bottom: 1.5em; + padding: 0; } - form.ink-form fieldset legend { - display: block; - width: 100%; - margin: 1em 0; font-size: 1.438em; font-weight: 700; + margin: 1em 0; text-shadow: 0 1px 0 white; + display: block; + width: 100%; border-bottom: 1px solid #ddd; } - form.ink-form input[type="color"], form.ink-form input[type="date"], form.ink-form input[type="datetime"], @@ -3835,43 +3257,39 @@ form.ink-form input[type="search"], form.ink-form input[type="password"], form.ink-form textarea, form.ink-form select { + border-radius: 4px; padding: 6px; - font-size: 14px; - background: #ffffff; border: 1px solid #c4c4c4; - border-radius: 4px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; resize: none; + font-size: 14px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + background: #ffffff; } - form.ink-form .control { - padding: 0.2em; - overflow: hidden; clear: both; line-height: 2.5; + padding: 0.2em; + overflow: hidden; } - form.ink-form .control.required label:after { - display: inline-block; - width: 1.25em; - margin-left: 0.1em; - font-family: FontAwesome; + content: "\f069"; + color: #cd0000; font-size: 0.8em; - font-weight: 500; line-height: 1; - color: #cd0000; + margin-left: 0.1em; + font-weight: 500; + font-family: FontAwesome; + display: inline-block; + width: 1.25em; text-align: center; - content: "\f069"; } - form.ink-form .control.inline label { float: left; text-align: right; } - form.ink-form .control.inline input[type="color"], form.ink-form .control.inline input[type="date"], form.ink-form .control.inline input[type="datetime"], @@ -3888,12 +3306,10 @@ form.ink-form .control.inline input[type="search"], form.ink-form .control.inline input[type="password"] { float: left; } - form.ink-form .control.block label { width: 100%; text-align: left; } - form.ink-form .control.block input[type="color"], form.ink-form .control.block input[type="date"], form.ink-form .control.block input[type="datetime"], @@ -3909,195 +3325,163 @@ form.ink-form .control.block input[type="text"], form.ink-form .control.block input[type="reset"] { width: 100%; } - form.ink-form .control.required label:after { - display: inline-block; - width: 1.25em; - margin-left: 0.1em; - font-family: FontAwesome; + content: "\f069"; + color: #cd0000; font-size: 0.8em; - font-weight: 500; line-height: 1; - color: #cd0000; + margin-left: 0.1em; + font-weight: 500; + font-family: FontAwesome; + display: inline-block; + width: 1.25em; text-align: center; - content: "\f069"; } - form.ink-form .control.validation.error input, form.ink-form .control.validation.error textarea, form.ink-form .control.validation.error select { - border-color: fadeIn(rgba(200, 10, 16, 0.5), 30%); outline: none; + border-color: fadeIn(rgba(200, 10, 16, 0.5), 30%); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); - -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); } - form.ink-form .control.validation.error p.tip { color: rgba(151, 8, 12, 0.5); } - form.ink-form .control.validation.warning input, form.ink-form .control.validation.warning textarea, form.ink-form .control.validation.warning select { - border-color: fadeIn(rgba(255, 156, 0, 0.6), 30%); outline: none; + border-color: fadeIn(rgba(255, 156, 0, 0.6), 30%); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); - -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); } - form.ink-form .control.validation.warning p.tip { color: rgba(204, 125, 0, 0.6); } - form.ink-form .control-group.validation.error input, form.ink-form .control-group.validation.error textarea, form.ink-form .control-group.validation.error select { - border-color: fadeIn(rgba(200, 10, 16, 0.5), 30%); outline: none; + border-color: fadeIn(rgba(200, 10, 16, 0.5), 30%); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); - -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(200, 10, 16, 0.5); } - form.ink-form .control-group.validation.error + p.tip { color: rgba(151, 8, 12, 0.5); } - form.ink-form .control-group.validation.warning input, form.ink-form .control-group.validation.warning textarea, form.ink-form .control-group.validation.warning select { - border-color: fadeIn(rgba(255, 156, 0, 0.6), 30%); outline: none; + border-color: fadeIn(rgba(255, 156, 0, 0.6), 30%); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); - -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 156, 0, 0.6); } - form.ink-form .control-group.validation.warning + p.tip { color: rgba(204, 125, 0, 0.6); } - form.ink-form .control-group.required p.label { color: #555555; } - form.ink-form .control-group.required p.label:after { - display: inline-block; - width: 1.25em; - margin-left: 0.1em; - font-family: FontAwesome; + content: "\f069"; + color: #cd0000; font-size: 0.8em; - font-weight: 500; line-height: 1; - color: #cd0000; + margin-left: 0.1em; + font-weight: 500; + font-family: FontAwesome; + display: inline-block; + width: 1.25em; text-align: center; - content: "\f069"; } - form.ink-form .control p.tip, form.ink-form .control-group p.tip { - position: relative; margin: 0; - margin-left: 0.1em; - font-size: 1em; line-height: 2.2; + font-size: 1em; color: #aeaeae; + position: relative; + margin-left: 0.1em; } - form.ink-form.inline p.tip.space.shorter { margin-left: 17% ; } - form.ink-form.inline p.tip.space.short { margin-left: 22% ; } - form.ink-form.inline p.tip.space.medium { margin-left: 27% ; } - form.ink-form.inline p.tip.space.wide { margin-left: 32% ; } - form.ink-form.inline p.tip.space.wider { margin-left: 37% ; } - form.ink-form label.shorter { width: 15% ; } - form.ink-form label.short { width: 20% ; } - form.ink-form label.medium { width: 25% ; } - form.ink-form label.wide { width: 30% ; } - form.ink-form label.wider { width: 35% ; } - form.ink-form input.shorter, form.ink-form select.shorter, form.ink-form textarea.shorter { width: 20% ; } - form.ink-form input.short, form.ink-form select.short, form.ink-form textarea.short { width: 40% ; } - form.ink-form input.medium, form.ink-form select.medium, form.ink-form textarea.medium { width: 60% ; } - form.ink-form input.wide, form.ink-form select.wide, form.ink-form textarea.wide { width: 78% ; } - form.ink-form input.wider, form.ink-form select.wider, form.ink-form textarea.wider { width: 90% ; } - form.ink-form .control { margin-bottom: 0.5em; } - form.ink-form ul.control-group { + list-style-type: none; padding: 0; margin: 0; - list-style-type: none; } - form.ink-form ul.control-group li { display: block; - margin: 0; overflow: hidden; line-height: 1.5; + margin: 0; } - form.ink-form ul.control-group li label, form.ink-form ul.control-group li input { line-height: inherit; } - form.ink-form.inline label { display: block; float: left; @@ -4106,54 +3490,44 @@ form.ink-form.inline label { text-align: right; vertical-align: top; } - form.ink-form.inline textarea { min-height: 5em; } - form.ink-form.inline input[type="checkbox"], form.ink-form.inline input[type="radio"] { - float: left; - margin-top: 0.35em; line-height: inherit; + margin-top: 0.35em; + float: left; } - form.ink-form.inline input[type="checkbox"] + label, form.ink-form.inline input[type="radio"] + label { - width: auto; - min-width: auto; + line-height: inherit; margin: 0 1.55em 0 0.55em; margin-top: 0; - line-height: inherit; + width: auto; + min-width: auto; } - form.ink-form.inline .ink-mini-input { width: 5em; margin-right: .6em; } - form.ink-form.inline.control { line-height: inherit; } - form.ink-form.block .control { display: block; margin-bottom: 0; line-height: 2; } - form.ink-form.block .control.inline label { float: left; } - form.ink-form.block .control.inline input { float: left; } - form.ink-form.block label { margin: 0.5em 0 0 0.2em; } - form.ink-form.block input[type="color"], form.ink-form.block input[type="date"], form.ink-form.block input[type="datetime"], @@ -4172,604 +3546,505 @@ form.ink-form.block input[type=reset], form.ink-form.block select { width: 100%; } - form.ink-form.block textarea { - max-width: 100%; min-width: 100%; + max-width: 100%; min-height: 5em; } - form.ink-form.block input[type="checkbox"], form.ink-form.block input[type="radio"] { - float: left; + line-height: 2; margin-top: 0.55em; + float: left; clear: left; - line-height: 2; } - form.ink-form.block input[type="checkbox"] + label, form.ink-form.block input[type="radio"] + label { float: left; - margin-top: -0.3em; - margin-left: 0.55em; line-height: 2.5; + margin-left: 0.55em; + margin-top: -0.3em; } - form.ink-form.block .ink-mini-input { width: 5em; margin-right: 0.6em; } - table.ink-table { width: 100%; - background: none; border-collapse: collapse; border-spacing: 0; + background: none; } - table.ink-table thead tr th { padding: 5px 10px; + border-bottom: #cccccc 1px solid; + background: none; font-weight: 700; line-height: 2; - background: none; - border-bottom: #cccccc 1px solid; } - table.ink-table tbody tr td { padding: 5px 10px; - line-height: 2; - background: none; border-bottom: #cccccc 1px solid; + background: none; + line-height: 2; } - table.ink-table tfoot tr td { padding: 5px 10px; - line-height: 2; - background: none; border-bottom: #cccccc 1px solid; + background: none; + line-height: 2; } - table.ink-table.ink-zebra tbody tr:nth-child(odd) { background-color: #efefef; } - table.ink-table.ink-hover tbody tr:hover { - cursor: pointer; background: #fefbd6; + cursor: pointer; } - table.ink-table.ink-bordered { - border: #cccccc 1px solid; border-collapse: separate; + border: #cccccc 1px solid; border-radius: 5px; } - table.ink-table.ink-bordered thead tr th { border-left: #cccccc 1px solid; } - table.ink-table.ink-bordered thead tr th:first-child { border-left: none; } - table.ink-table.ink-bordered tfoot tr:last-child td { border-bottom: none; } - table.ink-table.ink-bordered tfoot tr td { border-left: #cccccc 1px solid; } - table.ink-table.ink-bordered tfoot tr td:first-child { border-left: none; } - table.ink-table.ink-bordered tbody tr td { border-left: #cccccc 1px solid; } - table.ink-table.ink-bordered tbody tr td:first-child { border-left: none; } - /* Geral */ - .ink-gallery { - position: relative; - width: 100%; max-width: 600px; + width: 100%; + position: relative; } - .ink-gallery .thumbs { overflow: hidden; } - .ink-gallery .thumbs > ul { - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - -webkit-transition-duration: 250ms; - -moz-transition-duration: 250ms; - -ms-transition-duration: 250ms; - -o-transition-duration: 250ms; - transition-duration: 250ms; -webkit-transition-property: "margin-left"; - -moz-transition-property: "margin-left"; - -ms-transition-property: "margin-left"; - -o-transition-property: "margin-left"; - transition-property: "margin-left"; + -moz-transition-property: "margin-left"; + -o-transition-property: "margin-left"; + -ms-transition-property: "margin-left"; + transition-property: "margin-left"; + -webkit-transition-duration: 250ms; + -moz-transition-duration: 250ms; + -o-transition-duration: 250ms; + -ms-transition-duration: 250ms; + transition-duration: 250ms; -webkit-transition-timing-function: ease-in-out; - -moz-transition-timing-function: ease-in-out; - -ms-transition-timing-function: ease-in-out; - -o-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -ms-transition-delay: 0; + transition-delay: 0; } - .ink-gallery .pagination { + width: 100%; + text-align: center; position: absolute; bottom: 0; z-index: 10; - width: 100%; - text-align: center; } - .ink-gallery .pagination a { - display: inline-block; - width: 16px; height: 16px; + width: 16px; + border-radius: 8px; margin: 10px 3px; + display: inline-block; vertical-align: middle; background: rgba(255, 255, 255, 0.4); - border-radius: 8px; } - .ink-gallery .pagination a:hover, .ink-gallery .pagination a.active { background: rgba(255, 255, 255, 0.9); } - .ink-gallery .slider { width: 100%; height: 100%; overflow: hidden; } - .ink-gallery .slider li { display: inline-block; } - .ink-gallery .slider > ul { - font-size: 0; white-space: nowrap; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - -webkit-transition-duration: 250ms; - -moz-transition-duration: 250ms; - -ms-transition-duration: 250ms; - -o-transition-duration: 250ms; - transition-duration: 250ms; + font-size: 0; -webkit-transition-property: "margin-left"; - -moz-transition-property: "margin-left"; - -ms-transition-property: "margin-left"; - -o-transition-property: "margin-left"; - transition-property: "margin-left"; + -moz-transition-property: "margin-left"; + -o-transition-property: "margin-left"; + -ms-transition-property: "margin-left"; + transition-property: "margin-left"; + -webkit-transition-duration: 250ms; + -moz-transition-duration: 250ms; + -o-transition-duration: 250ms; + -ms-transition-duration: 250ms; + transition-duration: 250ms; -webkit-transition-timing-function: ease-in-out; - -moz-transition-timing-function: ease-in-out; - -ms-transition-timing-function: ease-in-out; - -o-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -ms-transition-delay: 0; + transition-delay: 0; } - /* Typography */ - .ink-gallery .article_text.example1 { + background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; right: 0; bottom: 0; left: 66%; padding: 1em; - background: rgba(0, 0, 0, 0.6); } - .ink-gallery .article_text.example2 { + background: rgba(0, 0, 0, 0.6); position: absolute; + left: 0; right: 0; bottom: 0; - left: 0; padding: 0.5em; - background: rgba(0, 0, 0, 0.6); } - .ink-gallery .article_text h1 { + color: #ffffff; margin-bottom: 0.5em; - font-size: 2em; font-weight: normal; - color: #ffffff; + font-size: 2em; } - .ink-gallery .article_text p { - margin: 0; + color: #ffffff; font-size: 0.875em; line-height: 1.5em; - color: #ffffff; + margin: 0; } - /* Gallery - Thumbs bottom */ - .ink-gallery .stage { - position: relative; height: 400px; + position: relative; } - .ink-gallery nav li { margin: 0; } - .ink-gallery nav a.next, .ink-gallery nav a.previous { - position: absolute; - z-index: 9; display: block; - width: 50%; height: 100%; + width: 50%; + position: absolute; + z-index: 9; } - .ink-gallery nav a.next { right: 0; } - .ink-gallery nav a.previous { left: 0; } - .ink-gallery nav a.next:after, .ink-gallery nav a.previous:after { + content: ""; position: absolute; top: 46%; border-top: 32px solid rgba(255, 255, 255, 0); border-bottom: 32px solid rgba(255, 255, 255, 0); - content: ""; } - .ink-gallery nav a.next:after { right: -14px; border-left: 24px solid rgba(0, 0, 0, 0.6); } - .ink-gallery nav a.previous:after { left: -14px; border-right: 24px solid rgba(0, 0, 0, 0.6); } - .ink-gallery .thumbs { position: relative; } - .ink-gallery .thumbs ul { - overflow: hidden; white-space: nowrap; + overflow: hidden; } - .ink-gallery .thumbs li { - display: inline-block; width: 96px; + display: inline-block; margin: 10px 0 10px 10px; + vertical-align: top; font-size: 0.75em; line-height: 1.5em; - vertical-align: top; } - .ink-gallery .thumbs li:first-child { margin-left: 0; } - .ink-gallery .thumbs li a { display: block; - color: #0069d6; text-decoration: none; + color: #0069d6; } - .ink-gallery .thumbs li a:hover { text-decoration: underline; } - .ink-gallery .thumbs li span { - display: block; white-space: pre-wrap; + display: block; } - .ink-gallery .thumbs .pagination { position: relative; background: rgba(0, 0, 0, 0.2); } - .ink-gallery .thumbs .pagination a { - width: 12px; height: 12px; - margin: 10px 3px; + width: 12px; border-radius: 6px; + margin: 10px 3px; } - .ink-gallery .thumbs a.next, .ink-gallery .thumbs a.previous { - position: relative; - width: 0; + content: ""; height: 0; + width: 0; + position: relative; background: transparent; + border-radius: 0; border-top: 12px solid rgba(255, 255, 255, 0); border-bottom: 12px solid rgba(255, 255, 255, 0); - border-radius: 0; - content: ""; } - .ink-gallery .thumbs a.next { margin-left: 6px; border-left: 10px solid rgba(255, 255, 255, 0.4); } - .ink-gallery .thumbs a.previous { margin-right: 6px; border-right: 10px solid rgba(255, 255, 255, 0.4); } - .ink-gallery .thumbs a.next:hover { border-left: 10px solid rgba(255, 255, 255, 0.9); } - .ink-gallery .thumbs a.previous:hover { border-right: 10px solid rgba(255, 255, 255, 0.9); } - /* Gallery - Thumbs right */ - .ink-gallery.rightNav .stage { - float: left; width: 400px; + float: left; } - .ink-gallery.rightNav .thumbs { height: 400px; overflow: hidden; } - .ink-gallery.rightNav .thumbs img { float: left; margin-right: 10px; } - .ink-gallery.rightNav .thumbs li { - display: block; width: 290px; margin: 0 0 10px 10px; - overflow: hidden; clear: both; + display: block; + overflow: hidden; } - /* Modal box */ - .ink-modal { - position: relative; - z-index: 9999; - width: 600px; height: 400px; + width: 600px; background: #ffffff; - box-shadow: 0 0px 20px rgba(0, 0, 0, 0.4); + z-index: 9999; + position: relative; + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); } - .ink-modal a.ink-close { + height: 26px; + width: 28px; + border-radius: 14px; position: absolute; top: -10px; right: -10px; - z-index: 1; - width: 28px; - height: 26px; + background: rgba(0, 0, 0, 0.7); padding-top: 2px; + text-decoration: none; + text-align: center; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; color: #ffffff; - text-align: center; - text-decoration: none; - background: rgba(0, 0, 0, 0.7); - border-radius: 14px; + z-index: 1; } - /* Tabs */ - /* Sortable list */ - .ink-sortable-list li { margin: 0; + border-bottom: 1px solid #CCC; line-height: 40px; cursor: move; - border-bottom: 1px solid #CCC; } - .ink-sortable-list li:first-child { border-top: 1px solid #CCC; } - .ink-sortable-list li:hover { background: rgba(204, 204, 204, 0.2); } - .ink-sortable-list li.drag { - -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3); + box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3); } - .ink-sortable-list .ink-label { margin: 0 .8em; } - /* Tree view */ - ul.ink-tree-view, ul.ink-tree-view ul { list-style-type: none; } - .ink-tree-view button { - margin-left: -1.4em; - background: none; border: none; + background: none; + margin-left: -1.4em; } - /* Date picker */ - .sapo_component_datepicker { - position: absolute; - z-index: 1; - display: none; + border-radius: 4px; + text-align: center; padding: 5px; font-size: 13px; - text-align: center; + -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); background: #ffffff; - border-radius: 4px; - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); + position: absolute; + display: none; + z-index: 1; } - .sapo_component_datepicker a { text-decoration: none; } - .sapo_component_datepicker li { list-style: none inside; } - .sapo_cal_top_options { padding: 5px; font-size: .813em; cursor: pointer; } - .sapo_cal_top_options .clean { float: left; } - .sapo_cal_top_options .ink-close { float: right; } - .sapo_cal_top { line-height: 2em; background: #f2f2f2; border-radius: 4px; } - .sapo_cal_top div { float: left; } - .sapo_cal_top .sapo_cal_prev, .sapo_cal_top .sapo_cal_next { width: 10%; } - .sapo_cal_top .sapo_cal_month_desc { width: 80%; } - .sapo_cal_month, .sapo_cal_year_selector, .sapo_cal_month_selector { - padding-left: 0; margin-top: .5em; + padding-left: 0; } - .sapo_cal_month ul, .sapo_cal_year_selector ul, .sapo_cal_month_selector ul { - padding-left: 0; clear: both; + padding-left: 0; } - .sapo_cal_month li, .sapo_cal_year_selector ul li, .sapo_cal_month_selector ul li { - float: left; width: 2.4em; + float: left; + text-align: center; padding: 0; margin: 0; - text-align: center; } - .sapo_cal_year_selector ul li { width: 4em; } - .sapo_cal_month_selector ul li { width: 3.4em; } - .sapo_cal_month li a, .sapo_cal_year_selector li a, .sapo_cal_month_selector li a { - display: block; - margin: 0; + margin: 0px; line-height: 2em; vertical-align: middle; + display: block; border-radius: 4px; } - .sapo_cal_month .sapo_cal_header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: .5em; margin-bottom: .5em; color: #aaa; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); } - .sapo_cal_month li a:hover, .sapo_cal_year_selector li a:hover, .sapo_cal_month_selector li a:hover { background: #e6e6e6; } - .sapo_cal_month li a, .sapo_cal_year_selector li a, .sapo_cal_month_selector li a { color: #444444; } - .sapo_cal_top:after, .sapo_cal_middle:after, .sapo_cal_top_options:after, .sapo_component_datepicker:after, .sapo_cal_month .sapo_cal_header:after, .sapo_cal_month .sapo_cal_middle ul:after { + content: "."; display: block; height: 0; clear: both; - content: "."; visibility: hidden; zoom: 1; } - .sapo_cal_month li a.sapo_cal_on, .sapo_cal_month li a.sapo_cal_on:hover, .sapo_cal_year_selector li a.sapo_cal_on, .sapo_cal_year_selector li a.sapo_cal_on:hover, .sapo_cal_month_selector li a.sapo_cal_on, .sapo_cal_month_selector li a.sapo_cal_on:hover { - color: #ffffff; background: #0069d6; + color: #ffffff; } - .sapo_cal_year_selector, .sapo_cal_month_selector { display: none; } - /* Progess bars */ - .ink-progress-bar { height: 26px; margin-bottom: 20px; @@ -4777,227 +4052,205 @@ ul.ink-tree-view ul { background: #f7f7f7; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } - .ink-progress-bar .bar { float: left; width: 0; height: 100%; - font-size: 12px; line-height: 26px; + font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - -webkit-transition-duration: 0.6s; - -moz-transition-duration: 0.6s; - -ms-transition-duration: 0.6s; - -o-transition-duration: 0.6s; - transition-duration: 0.6s; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; -webkit-transition-property: "width"; - -moz-transition-property: "width"; - -ms-transition-property: "width"; - -o-transition-property: "width"; - transition-property: "width"; + -moz-transition-property: "width"; + -o-transition-property: "width"; + -ms-transition-property: "width"; + transition-property: "width"; + -webkit-transition-duration: 0.6s; + -moz-transition-duration: 0.6s; + -o-transition-duration: 0.6s; + -ms-transition-duration: 0.6s; + transition-duration: 0.6s; -webkit-transition-timing-function: "ease"; - -moz-transition-timing-function: "ease"; - -ms-transition-timing-function: "ease"; - -o-transition-timing-function: "ease"; - transition-timing-function: "ease"; + -moz-transition-timing-function: "ease"; + -o-transition-timing-function: "ease"; + -ms-transition-timing-function: "ease"; + transition-timing-function: "ease"; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -ms-transition-delay: 0; + transition-delay: 0; } - .ink-progress-bar .bar.grey { - color: #000000; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); background: #e6e6e6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#cccccc'); background: -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(150%, #cccccc)); background: -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -o-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: -ms-linear-gradient(top, #e6e6e6 0%, #cccccc 150%); background: linear-gradient(to bottom, #e6e6e6 0%, #cccccc 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#cccccc'); + color: #000000; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } - .ink-progress-bar .bar.green { background: #81b31b; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81b31b', endColorstr='#618615'); background: -moz-linear-gradient(top, #81b31b 0%, #618615 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81b31b), color-stop(150%, #618615)); background: -webkit-linear-gradient(top, #81b31b 0%, #618615 150%); background: -o-linear-gradient(top, #81b31b 0%, #618615 150%); background: -ms-linear-gradient(top, #81b31b 0%, #618615 150%); background: linear-gradient(to bottom, #81b31b 0%, #618615 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81b31b', endColorstr='#618615'); } - .ink-progress-bar .bar.blue { background: #1b88ce; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b88ce', endColorstr='#156ba1'); background: -moz-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b88ce), color-stop(150%, #156ba1)); background: -webkit-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -o-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: -ms-linear-gradient(top, #1b88ce 0%, #156ba1 150%); background: linear-gradient(to bottom, #1b88ce 0%, #156ba1 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b88ce', endColorstr='#156ba1'); } - .ink-progress-bar .bar.red { background: #c30a0a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30a0a', endColorstr='#920808'); background: -moz-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c30a0a), color-stop(150%, #920808)); background: -webkit-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -o-linear-gradient(top, #c30a0a 0%, #920808 150%); background: -ms-linear-gradient(top, #c30a0a 0%, #920808 150%); background: linear-gradient(to bottom, #c30a0a 0%, #920808 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30a0a', endColorstr='#920808'); } - .ink-progress-bar .bar.orange { background: #f2990d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2990d', endColorstr='#c27b0a'); background: -moz-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2990d), color-stop(150%, #c27b0a)); background: -webkit-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -o-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: -ms-linear-gradient(top, #f2990d 0%, #c27b0a 150%); background: linear-gradient(to bottom, #f2990d 0%, #c27b0a 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2990d', endColorstr='#c27b0a'); } - .ink-progress-bar .bar.black { background: #4d4d4d; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); background: -moz-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(150%, #000000)); background: -webkit-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -o-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: -ms-linear-gradient(top, #4d4d4d 0%, #000000 150%); background: linear-gradient(to bottom, #4d4d4d 0%, #000000 150%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000'); } - @font-face { font-family: 'Ubuntu'; - font-style: normal; - font-weight: 700; src: url('../font/ubuntu-b-webfont.eot'); src: url('../font/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-b-webfont.woff') format('woff'), url('../font/ubuntu-b-webfont.ttf') format('truetype'), url('../font/ubuntu-b-webfont.svg#ubuntubold') format('svg'); + font-weight: 700; + font-style: normal; } - @font-face { font-family: 'Ubuntu'; - font-style: italic; - font-weight: 700; src: url('../font/ubuntu-bi-webfont.eot'); src: url('../font/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-bi-webfont.woff') format('woff'), url('../font/ubuntu-bi-webfont.ttf') format('truetype'), url('../font/ubuntu-bi-webfont.svg#ubuntubold_italic') format('svg'); + font-weight: 700; + font-style: italic; } - @font-face { font-family: 'Ubuntu'; - font-style: normal; - font-weight: normal; src: url('../font/ubuntu-r-webfont.eot'); src: url('../font/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-r-webfont.woff') format('woff'), url('../font/ubuntu-r-webfont.ttf') format('truetype'), url('../font/ubuntu-r-webfont.svg#ubunturegular') format('svg'); + font-weight: normal; + font-style: normal; } - @font-face { font-family: 'Ubuntu'; - font-style: italic; - font-weight: normal; src: url('../font/ubuntu-ri-webfont.eot'); src: url('../font/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-ri-webfont.woff') format('woff'), url('../font/ubuntu-ri-webfont.ttf') format('truetype'), url('../font/ubuntu-ri-webfont.svg#ubuntuitalic') format('svg'); + font-weight: normal; + font-style: italic; } - @font-face { font-family: 'Ubuntu_condensed'; - font-style: normal; - font-weight: normal; src: url('../font/ubuntu-c-webfont.eot'); src: url('../font/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-c-webfont.woff') format('woff'), url('../font/ubuntu-c-webfont.ttf') format('truetype'), url('../font/ubuntu-c-webfont.svg#ubuntu_condensedregular') format('svg'); + font-weight: normal; + font-style: normal; } - @font-face { font-family: 'Ubuntu_light'; - font-style: normal; - font-weight: normal; src: url('../font/ubuntu-l-webfont.eot'); src: url('../font/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-l-webfont.woff') format('woff'), url('../font/ubuntu-l-webfont.ttf') format('truetype'), url('../font/ubuntu-l-webfont.svg#ubuntu_lightregular') format('svg'); + font-weight: normal; + font-style: normal; } - @font-face { font-family: 'Ubuntu_light'; - font-style: italic; - font-weight: normal; src: url('../font/ubuntu-li-webfont.eot'); src: url('../font/ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-li-webfont.woff') format('woff'), url('../font/ubuntu-li-webfont.ttf') format('truetype'), url('../font/ubuntu-li-webfont.svg#ubuntu_lightitalic') format('svg'); + font-weight: normal; + font-style: italic; } - @font-face { font-family: 'Ubuntu_light'; - font-style: normal; - font-weight: 700; src: url('../font/ubuntu-m-webfont.eot'); src: url('../font/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-m-webfont.woff') format('woff'), url('../font/ubuntu-m-webfont.ttf') format('truetype'), url('../font/ubuntu-m-webfont.svg#ubuntu_lightbold') format('svg'); + font-weight: 700; + font-style: normal; } - @font-face { font-family: 'Ubuntu_light'; - font-style: italic; - font-weight: 700; src: url('../font/ubuntu-mi-webfont.eot'); src: url('../font/ubuntu-mi-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-mi-webfont.woff') format('woff'), url('../font/ubuntu-mi-webfont.ttf') format('truetype'), url('../font/ubuntu-mi-webfont.svg#ubuntu_lightbold_italic') format('svg'); + font-weight: 700; + font-style: italic; } - @font-face { font-family: 'Ubuntu_monospaced'; - font-style: normal; - font-weight: 700; src: url('../font/ubuntumono-b-webfont.eot'); src: url('../font/ubuntumono-b-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntumono-b-webfont.woff') format('woff'), url('../font/ubuntumono-b-webfont.ttf') format('truetype'), url('../font/ubuntumono-b-webfont.svg#ubuntu_monobold') format('svg'); + font-weight: 700; + font-style: normal; } - @font-face { font-family: 'Ubuntu_monospaced'; - font-style: italic; - font-weight: 700; src: url('../font/ubuntumono-bi-webfont.eot'); src: url('../font/ubuntumono-bi-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntumono-bi-webfont.woff') format('woff'), url('../font/ubuntumono-bi-webfont.ttf') format('truetype'), url('../font/ubuntumono-bi-webfont.svg#ubuntu_monobold_italic') format('svg'); + font-weight: 700; + font-style: italic; } - @font-face { font-family: 'Ubuntu_monospaced'; - font-style: normal; - font-weight: normal; src: url('../font/ubuntumono-r-webfont.eot'); src: url('../font/ubuntumono-r-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntumono-r-webfont.woff') format('woff'), url('../font/ubuntumono-r-webfont.ttf') format('truetype'), url('../font/ubuntumono-r-webfont.svg#ubuntu_monoregular') format('svg'); + font-weight: normal; + font-style: normal; } - @font-face { font-family: 'Ubuntu_monospaced'; - font-style: italic; - font-weight: normal; src: url('../font/ubuntumono-ri-webfont.eot'); src: url('../font/ubuntumono-ri-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntumono-ri-webfont.woff') format('woff'), url('../font/ubuntumono-ri-webfont.ttf') format('truetype'), url('../font/ubuntumono-ri-webfont.svg#ubuntu_monoitalic') format('svg'); + font-weight: normal; + font-style: italic; } - footer { min-height: 8em; - overflow: hidden; - background: #f0f0f0; border-top: 1px solid #CCC; + background: #f0f0f0; + overflow: hidden; } - footer .copyright { font-size: 0.875em; }