Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Responsive theme

Changed theme to responsive as per changed from srsgores/devel.
  • Loading branch information...
commit b46b3803a357485b39479942399b5731b6fefe88 1 parent 98e36e5
Andreas Richter richtera authored
Showing with 13,605 additions and 5,494 deletions.
  1. +1 −1  docs/coverage.html
  2. +1 −1  lib/client/Client.js
  3. +6 −8 lib/core/Form.js
  4. +3 −0  lib/core/Menu.js
  5. +1 −1  modules/core/admin/templates/install_user.html
  6. +2 −2 modules/core/assets/templates/list.html
  7. +4 −1 modules/core/assets/templates/show.html
  8. +5 −5 test/fixtures/themes/core/mocha/templates/default.html
  9. +132 −166 themes/core/cleanslate/public/css/admin-menu.css
  10. +1,839 −267 themes/core/cleanslate/public/css/admin.css
  11. +49 −89 themes/core/cleanslate/public/css/grids.css
  12. +252 −418 themes/core/cleanslate/public/css/install.css
  13. +59 −76 themes/core/cleanslate/public/css/media-queries.css
  14. +300 −0 themes/core/cleanslate/public/css/partials/icomoon/defs.css
  15. +57 −84 themes/core/cleanslate/public/css/primary-menu.css
  16. +1,715 −241 themes/core/cleanslate/public/css/style.css
  17. +1,174 −0 themes/core/cleanslate/public/fonts/icomoon/icomoon.dev.svg
  18. BIN  themes/core/cleanslate/public/fonts/icomoon/icomoon.eot
  19. +1,174 −0 themes/core/cleanslate/public/fonts/icomoon/icomoon.svg
  20. BIN  themes/core/cleanslate/public/fonts/icomoon/icomoon.ttf
  21. BIN  themes/core/cleanslate/public/fonts/icomoon/icomoon.woff
  22. +45 −13 themes/core/cleanslate/public/js/cleanslate-core.js
  23. +0 −3,295 themes/core/cleanslate/public/js/jquery-1.7.2.min.js
  24. +3,104 −0 themes/core/cleanslate/public/js/jquery-1.8.2.min.js
  25. +324 −0 themes/core/cleanslate/public/js/lte-ie7.js
  26. +467 −0 themes/core/cleanslate/public/js/modernizr.custom.min.js
  27. +190 −0 themes/core/cleanslate/public/js/store.min.js
  28. +226 −150 themes/core/cleanslate/public/sass/admin-menu.scss
  29. +184 −191 themes/core/cleanslate/public/sass/admin.scss
  30. +6 −1 themes/core/cleanslate/public/sass/grids.scss
  31. +46 −11 themes/core/cleanslate/public/sass/media-queries.scss
  32. +1 −0  themes/core/cleanslate/public/sass/partials/icomoon/IcoMoon session.json
  33. +1,822 −0 themes/core/cleanslate/public/sass/partials/icomoon/_icomoon.scss
  34. +188 −186 themes/core/cleanslate/public/sass/primary-menu.scss
  35. +131 −213 themes/core/cleanslate/public/sass/style.scss
  36. +10 −3 themes/core/cleanslate/public/sass/variables.scss
  37. +13 −13 themes/core/cleanslate/templates/admin.html
  38. +28 −19 themes/core/cleanslate/templates/admin/body.html
  39. +7 −1 themes/core/cleanslate/templates/admin/scripts.html
  40. +25 −20 themes/core/cleanslate/templates/default.html
  41. +1 −1  themes/core/cleanslate/templates/default/adminMenu.html
  42. +0 −1  themes/core/cleanslate/templates/default/body.js
  43. +4 −3 themes/core/cleanslate/templates/default/scripts.html
  44. +1 −1  themes/core/cleanslate/templates/default/secondaryMenu.html
  45. +0 −1  themes/core/cleanslate/templates/default/secondaryMenu.js
  46. +8 −8 themes/core/cleanslate/templates/default/sidePanel.html
  47. +0 −1  themes/core/cleanslate/templates/default/sidePanel.js
  48. +0 −1  themes/core/cleanslate/templates/default/styles.js
  49. +0 −1  themes/core/cleanslate/templates/install/body.js
2  docs/coverage.html
View
@@ -32629,7 +32629,7 @@
<tr>
<td class="line">29</td>
<td class="hits"></td>
- <td class="source"> 'jquery': {key:'jquery', url:'jquery-1.7.2.min.js', weight: -100},</td>
+ <td class="source"> 'jquery': {key:'jquery', url:'jquery-1.8.2.min.js', weight: -100},</td>
</tr>
<tr>
<td class="line">30</td>
2  lib/client/Client.js
View
@@ -26,7 +26,7 @@ var Client = module.exports = function Client(options) {
// Shortcuts to core, must be included somewhere (module or theme) to be rendered
this.coreScripts = {
- 'jquery':{key:'jquery', url:'jquery-1.7.2.min.js', weight:-100},
+ 'jquery':{key:'jquery', url:'jquery-1.8.2.min.js', weight:-100},
'calipso':{key:'calipso', url:'calipso.js', weight:-50}
}
14 lib/core/Form.js
View
@@ -233,7 +233,7 @@ me.decorateField = function (field, tagHTML) {
calipso.silly('FORM: decorateField, field: ', field);
var isCheckable = !field.labelFirst && (field.type == "checkbox" || field.type == "radio");
var labelHTML = field.label ? (
- '<label' + (isCheckable ? ' class="for-checkable"' : '')
+ '<label ' + (isCheckable ? ' class="for-checkable"' : '')
+ ' for="' + field.name + (field.type == 'radio' ? f.radioCount : '')
+ '">' + t(field.label) + (isCheckable ? '' : ':') + '</label>'
) : '';
@@ -245,7 +245,7 @@ me.decorateField = function (field, tagHTML) {
return field.label && field.label.length > 0 ? (
'<div class="form-item field-type-' + field.type + '" id="' + wrapperId + '-wrapper">' +
- '<div class="form-field">' +
+ '<div class="form-field row">' +
// put checkboxes and radios ("checkables") before their labels, unless field.labelFirst is true
(isCheckable ? tagHTML + labelHTML : labelHTML + tagHTML) +
'</div>' +
@@ -791,12 +791,10 @@ me.start_form = function (form) {
'<form id="' + form.id + '" name="' + form.id + '"' + (form.cls ? ' class="' + form.cls + '"' : "") +
' method="' + form.method + '"' + ' enctype="' + (form.enctype ? form.enctype : "multipart/form-data") + '"' + ' action="' + form.action + '">' +
'<input type="hidden" value="' + form.id + '" name="form[id]"/>' +
- '<header class="form-header">' +
- '<h2>' + t(form.title) + '</h2>' +
- '</header>' +
+ '<legend>' + t(form.title) + '</legend>' +
'<div class="form-container">' +
(form.tabs ? this.formTabs(form.sections) : '') +
- '<div class="form-fields' + (form.tabs ? ' tab-container' : '') + '">'
+ '<fieldset class="form-fields' + (form.tabs ? ' tab-container' : '') + '">'
);
};
@@ -806,7 +804,7 @@ me.start_form = function (form) {
* @returns {String}
*/
me.end_form = function (form) {
- return '</div></div></form>';
+ return '</fieldset></div></form>';
};
@@ -845,7 +843,7 @@ me.render_sections = function (form, values) {
me.render_buttons = function (buttons) {
var self = this;
- var buttonsOutput = '<div class="actions">';
+ var buttonsOutput = '<div class="row actions">';
buttons.forEach(function (field) {
buttonsOutput += self.elementTypes[field.tag || field.type].render(field);
3  lib/core/Menu.js
View
@@ -254,6 +254,9 @@ CalipsoMenu.prototype.childrenEndTag = function () {
return "</ul>";
};
+CalipsoMenu.prototype.childrenIcon = function () {
+ return "<i class='icon-download' ";
+}
/**
* Locate selected paths based on current request
*/
2  modules/core/admin/templates/install_user.html
View
@@ -24,7 +24,7 @@
<article class="admin-body">
- <header><h1><%= t("Create Admin User") %></h1></header>
+ <header class="centred"><h1><%= t("Create Admin User") %></h1></header>
<p>We need to create an administrator account for your site to safely manage content. Please provide the following
information:</p>
4 modules/core/assets/templates/list.html
View
@@ -1,8 +1,8 @@
<% contents.forEach(function(item) { %>
-<div class='content-list-item content-list-item-<%- item.status %> content-type-<%- item.contentType %>'>
+<section class='content-list-item content-list-item-<%- item.status %> content-type-<%- item.contentType %>'>
<h2><a href='/<%= item.alias %>.html'><%- item.title %></a></h2>
<p><%- item.teaser %> ... <a href='/<%= item.alias %>.html'>more</a></p>
-</div>
+</section>
<% }); %>
<%- pager %>
5 modules/core/assets/templates/show.html
View
@@ -1,7 +1,10 @@
<div class='asset-item'>
<h2><a href='/<%= content.alias %>.html'><%- content.title %></a></h2>
- <p class='by'>By <a href='/user/profile/<%- content.author %>'><%- content.displayAuthor.name %></a></small>
+ <p class='by'>By
+ <a href='/user/profile/<%- content.author %>'>
+ <small><%- content.displayAuthor.name %></small>
+ </a></p>
<p class='status'><%- content.status %></p>
10 test/fixtures/themes/core/mocha/templates/default.html
View
@@ -10,22 +10,22 @@
<link rel="stylesheet" href="/css/admin-menu.css"/>
</head>
<body>
-<div id="adminMenu">
+<nav class="admin-menu row extended-height">
<%- admin %>
-</div>
+</nav>
<div id="container">
<div id="header">
<%- header %>
</div>
- <div id="adminToolbar">
+ <nav class="adminToolbar">
<%- getMenu('adminToolbar') %>
- </div>
+ </nav>
<div id="body">
<!--PAGE_BODY_START-->
<%- body %>
<!--PAGE_BODY_END-->
</div>
- <div id="sidePanel">
+ <div class="sidepanel threecol last">
<%- sidePanel %>
</div>
<div id="footer">
298 themes/core/cleanslate/public/css/admin-menu.css
View
@@ -1,215 +1,181 @@
-/* Main menu */
-/* Excellent CSS from http://www.red-team-design.com/css3-dropdown-menu */
-/* line 6, ../sass/admin-menu.scss */
-html {
- padding-top: 40px;
+.menu.admin, .menu.admin ul {
+ margin: 0;
+ padding: 0;
+ list-style: none
}
-/* line 10, ../sass/admin-menu.scss */
-#admin-menu {
+.menu.admin {
background: #16272f;
border-bottom: 1px solid #16272f;
- position: fixed;
- left: 0;
- list-style: none;
- margin: 0;
- padding: 2px 0 0 0;
- top: 0;
- width: 100%;
- z-index: 9999;
+ overflow: visible;
+ zoom: 1;
+ -webkit-border-radius: 0.3663em;
+ -moz-border-radius: 0.3663em;
+ -ms-border-radius: 0.3663em;
+ -o-border-radius: 0.3663em;
+ border-radius: 0.3663em;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f5163), color-stop(100%, #1f3540));
background: -webkit-linear-gradient(#2f5163, #1f3540);
background: -moz-linear-gradient(#2f5163, #1f3540);
background: -o-linear-gradient(#2f5163, #1f3540);
- background: -ms-linear-gradient(#2f5163, #1f3540);
- background: linear-gradient(#2f5163, #1f3540);
-}
-
-/* line 25, ../sass/admin-menu.scss */
-#admin-menu li {
- float: left;
- padding: 0;
- position: relative;
-}
-
-/* line 31, ../sass/admin-menu.scss */
-#admin-menu a {
- color: #fff;
- float: left;
- font-size: 14px;
- height: 20px;
- padding: 0 22px;
- line-height: 30px;
- height: 33px;
- text-decoration: none;
- text-shadow: 0 1px 2px #000;
-}
-
-/* line 43, ../sass/admin-menu.scss */
-#admin-menu li:hover > a {
- color: #fafafa;
-}
-
-/* line 48, ../sass/admin-menu.scss */
-* html #admin-menu li a:hover {
- color: #fafafa;
+ background: linear-gradient(#2f5163, #1f3540)
}
-/* line 52, ../sass/admin-menu.scss */
-#admin-menu li:hover > ul {
- display: block;
-}
-
-/* line 56, ../sass/admin-menu.scss */
-#admin-menu ul {
+.menu.admin ul {
list-style: none;
- margin: 0;
- padding: 0;
- margin-left: 10px;
- display: none;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 0);
+ opacity: 0;
+ visibility: hidden;
position: absolute;
- top: 30px;
- left: 0;
- z-index: 99999;
+ top: 100%;
+ margin-left: 1em;
background: #444;
+ -webkit-transition: opacity 0.5s ease-in-out;
+ -moz-transition: opacity 0.5s ease-in-out;
+ -o-transition: opacity 0.5s ease-in-out;
+ transition: opacity 0.5s ease-in-out;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #111111));
background: -webkit-linear-gradient(#444444, #111111);
background: -moz-linear-gradient(#444444, #111111);
background: -o-linear-gradient(#444444, #111111);
- background: -ms-linear-gradient(#444444, #111111);
background: linear-gradient(#444444, #111111);
- -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
- -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
- box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -ms-border-radius: 5px;
- -o-border-radius: 5px;
- border-radius: 5px;
+ -webkit-box-shadow: 0 0 0.76923em rgba(255, 255, 255, 0.5);
+ -moz-box-shadow: 0 0 0.76923em rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0.76923em rgba(255, 255, 255, 0.5);
+ -webkit-border-radius: 0.3663em;
+ -moz-border-radius: 0.3663em;
+ -ms-border-radius: 0.3663em;
+ -o-border-radius: 0.3663em;
+ border-radius: 0.3663em
}
-/* line 73, ../sass/admin-menu.scss */
-#admin-menu ul ul {
- top: 0;
- left: 140px;
+.menu.admin ul ul {
+ left: 100%;
+ top: 0
}
-/* line 78, ../sass/admin-menu.scss */
-#admin-menu ul li {
- float: none;
- margin: 0;
- padding: 0;
- display: block;
- -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
- -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
- box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
+.menu.admin ul ul li:first-child a:after {
+ left: -0.76923em;
+ top: 0.8em;
+ width: 0;
+ height: 0;
+ border-left: 0;
+ border-bottom: 0.3663em solid transparent;
+ border-top: 0.3663em solid transparent;
+ border-right: 0.45788em solid #444
+}
+
+.menu.admin ul ul li:first-child a:hover:after {
+ border-right-color: #04acec;
+ border-bottom-color: transparent
+}
+
+.menu.admin ul ul li:last-child a {
+ border-right-color: #04acec;
+ border-bottom-color: transparent
+}
+
+.menu.admin ul li {
+ -webkit-box-shadow: 0 1px 0 #111, 0 0.76923em 0 #777;
+ -moz-box-shadow: 0 1px 0 #111, 0 0.76923em 0 #777;
+ box-shadow: 0 1px 0 #111, 0 0.76923em 0 #777;
+ width: 100%
}
-/* line 86, ../sass/admin-menu.scss */
-#admin-menu ul li:last-child {
+.menu.admin ul li:last-child {
-webkit-box-shadow: none;
-moz-box-shadow: none;
- box-shadow: none;
+ box-shadow: none
}
-/* line 90, ../sass/admin-menu.scss */
-#admin-menu ul a {
- padding: 10px;
- height: 10px;
- width: 130px;
- height: auto;
- line-height: 1;
- display: block;
- white-space: nowrap;
- float: none;
- text-transform: none;
+.menu.admin ul li:hover>ul {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
+ opacity: 1;
+ visibility: visible;
+ margin: 0
}
-/* line 102, ../sass/admin-menu.scss */
-#admin-menu ul a {
- *height: 10px;
- /* IE6 & IE7 */
+.menu.admin ul li:first-child a {
+ -moz-border-radius-topleft: 0.3663em;
+ -webkit-border-top-left-radius: 0.3663em;
+ border-top-left-radius: 0.3663em;
+ -moz-border-radius-topright: 0.3663em;
+ -webkit-border-top-right-radius: 0.3663em;
+ border-top-right-radius: 0.3663em
}
-/* line 106, ../sass/admin-menu.scss */
-#admin-menu a:hover {
- background: #0186ba;
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04acec), color-stop(100%, #0186ba));
- background: -webkit-linear-gradient(#04acec, #0186ba);
- background: -moz-linear-gradient(#04acec, #0186ba);
- background: -o-linear-gradient(#04acec, #0186ba);
- background: -ms-linear-gradient(#04acec, #0186ba);
- background: linear-gradient(#04acec, #0186ba);
-}
-
-/* line 111, ../sass/admin-menu.scss */
-#admin-menu ul li:first-child > a {
- -moz-border-radius-topleft: 5px;
- -webkit-border-top-left-radius: 5px;
- -ms-border-top-left-radius: 5px;
- -o-border-top-left-radius: 5px;
- border-top-left-radius: 5px;
- -moz-border-radius-topright: 5px;
- -webkit-border-top-right-radius: 5px;
- -ms-border-top-right-radius: 5px;
- -o-border-top-right-radius: 5px;
- border-top-right-radius: 5px;
-}
-
-/* line 115, ../sass/admin-menu.scss */
-#admin-menu ul li:first-child > a:after {
+.menu.admin ul li:first-child a:hover:after {
+ border-bottom-color: #04acec
+}
+
+.menu.admin ul li:first-child a:after {
content: '';
position: absolute;
- left: 30px;
- top: -8px;
+ left: 1.3em;
+ top: -0.76923em;
width: 0;
height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-bottom: 8px solid #444;
+ border-left: 0.3663em solid transparent;
+ border-right: 0.3663em solid transparent;
+ border-bottom: 0.45788em solid #444
}
-/* line 127, ../sass/admin-menu.scss */
-#admin-menu ul ul li:first-child a:after {
- left: -8px;
- top: 12px;
- width: 0;
- height: 0;
- border-left: 0;
- border-bottom: 5px solid transparent;
- border-top: 5px solid transparent;
- border-right: 8px solid #444;
+.menu.admin ul a {
+ padding: 0.76923em;
+ line-height: 1;
+ width: 83%
}
-/* line 138, ../sass/admin-menu.scss */
-#admin-menu ul li:first-child a:hover:after {
- border-bottom-color: #04acec;
+.menu.admin li {
+ display: -moz-inline-stack;
+ display: inline-block;
+ vertical-align: middle;
+ *vertical-align: auto;
+ zoom: 1;
+ *display: inline;
+ position: relative;
+ -webkit-box-shadow: 1px 0 0 #444;
+ -moz-box-shadow: 1px 0 0 #444;
+ box-shadow: 1px 0 0 #444;
+ border-right: 1px solid #222
}
-/* line 142, ../sass/admin-menu.scss */
-#admin-menu ul ul li:first-child a:hover:after {
- border-right-color: #04acec;
- border-bottom-color: transparent;
+.menu.admin li:hover a {
+ color: #fafafa
}
-/* line 147, ../sass/admin-menu.scss */
-#admin-menu ul li:last-child > a {
- -moz-border-radius: 0 0 5px 5px;
- border-radius: 0 0 5px 5px;
+.menu.admin li:hover>ul {
+ display: block;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
+ opacity: 1;
+ visibility: visible;
+ margin: 0
}
-/* Clear floated elements */
-/* line 153, ../sass/admin-menu.scss */
-#admin-menu:after {
- visibility: hidden;
- display: block;
- font-size: 0;
- content: " ";
- clear: both;
- height: 0;
+.menu.admin a {
+ color: #fff;
+ font-size: 85%;
+ display: -moz-inline-stack;
+ display: inline-block;
+ vertical-align: middle;
+ *vertical-align: auto;
+ zoom: 1;
+ *display: inline;
+ padding: 0.76923em 1.3em;
+ text-decoration: none;
+ text-shadow: 0 1px 0.76923em #000
+}
+
+.menu.admin a:hover {
+ background: #0186ba;
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04acec), color-stop(100%, #0186ba));
+ background: -webkit-linear-gradient(#04acec, #0186ba);
+ background: -moz-linear-gradient(#04acec, #0186ba);
+ background: -o-linear-gradient(#04acec, #0186ba);
+ background: linear-gradient(#04acec, #0186ba)
}
-/* line 162, ../sass/admin-menu.scss */
-#admin-menu {
- *zoom: 1;
+.menu.admin:before, .menu.admin:after {
+ content: "";
+ display: table
}
2,106 themes/core/cleanslate/public/css/admin.css
View
@@ -45,20 +45,1462 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
display: block
}
+.container {
+ padding-left: 1em;
+ padding-right: 1em
+}
+
+.row {
+ width: 100%;
+ margin: 0 auto;
+ overflow: hidden;
+ padding: 0 0.7em;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transition: 0.5s all;
+ -moz-transition: 0.5s all;
+ -o-transition: 0.5s all;
+ transition: 0.5s all
+}
+
+.row.extended-height {
+ overflow: visible
+}
+
+.col, .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
+ margin-right: 3.8%;
+ float: left;
+ min-height: 1px
+}
+
+.row .onecol {
+ width: 4.85%
+}
+
+.row .twocol {
+ width: 13.5%
+}
+
+.row .threecol {
+ width: 22.15%
+}
+
+.row .fourcol {
+ width: 30.8%
+}
+
+.row .fivecol {
+ width: 39.45%
+}
+
+.row .sixcol {
+ width: 48.1%
+}
+
+.row .sevencol {
+ width: 56.75%
+}
+
+.row .eightcol {
+ width: 65.4%
+}
+
+.row .ninecol {
+ width: 74.05%
+}
+
+.row .tencol {
+ width: 82.7%
+}
+
+.row .elevencol {
+ width: 91.35%
+}
+
+.row .twelvecol {
+ width: 100%;
+ float: left
+}
+
+.last {
+ margin-right: 0
+}
+
+img, object, embed {
+ max-width: 100%
+}
+
+img {
+ height: auto
+}
+
+@media only screen and (max-width: 1023px) {
+ body {
+ font-size: 0.8em;
+ line-height: 1.5em
+ }
+}
+
+@media handheld, only screen and (max-width: 767px) {
+ body {
+ font-size: 16px;
+ -webkit-text-size-adjust: none
+ }
+
+ .row, body, .container {
+ width: 100%;
+ min-width: 0;
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .row .onecol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .twocol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .threecol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .fourcol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .fivecol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .sixcol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .sevencol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .eightcol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .ninecol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .tencol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .elevencol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+
+ .row .twelvecol {
+ width: auto;
+ float: none;
+ position: static !important;
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 1em
+ }
+}
+
+@font-face {
+ font-family: 'icomoon';
+ src: url("../fonts/icomoon/icomoon.eot");
+ src: url("../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.svg#icomoon") format("svg"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal
+}
+
+[data-icon]:before {
+ font-family: 'icomoon';
+ content: attr(data-icon);
+ speak: none;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased
+}
+
+[class^="icon-"]:before, [class*=" icon-"]:before {
+ font-family: 'icomoon';
+ font-style: normal;
+ speak: none;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased
+}
+
+.icon-home:before {
+ content: "\21"
+}
+
+.icon-list:before {
+ content: "\22"
+}
+
+.icon-book:before {
+ content: "\23"
+}
+
+.icon-pencil:before {
+ content: "\24"
+}
+
+.icon-bookmark:before {
+ content: "\25"
+}
+
+.icon-pointer:before {
+ content: "\26"
+}
+
+.icon-cloud:before {
+ content: "\27"
+}
+
+.icon-cloud-ul:before {
+ content: "\28"
+}
+
+.icon-cloud-dl:before {
+ content: "\29"
+}
+
+.icon-folder:before {
+ content: "\2b"
+}
+
+.icon-trashcan:before {
+ content: "\2c"
+}
+
+.icon-droplet:before {
+ content: "\2d"
+}
+
+.icon-moon:before {
+ content: "\2f"
+}
+
+.icon-eye:before {
+ content: "\30"
+}
+
+.icon-target:before {
+ content: "\31"
+}
+
+.icon-blocked:before {
+ content: "\32"
+}
+
+.icon-switch:before {
+ content: "\33"
+}
+
+.icon-goal:before {
+ content: "\34"
+}
+
+.icon-location:before {
+ content: "\35"
+}
+
+.icon-close:before {
+ content: "\36"
+}
+
+.icon-checkmark:before {
+ content: "\37"
+}
+
+.icon-divide:before {
+ content: "\3b"
+}
+
+.icon-minus:before {
+ content: "\3c"
+}
+
+.icon-plus:before {
+ content: "\3d"
+}
+
+.icon-equals:before {
+ content: "\3e"
+}
+
+.icon-asterisk:before {
+ content: "\43"
+}
+
+.icon-mobile:before {
+ content: "\44"
+}
+
+.icon-tablet:before {
+ content: "\45"
+}
+
+.icon-phone:before {
+ content: "\46"
+}
+
+.icon-bars:before {
+ content: "\47"
+}
+
+.icon-stack:before {
+ content: "\48"
+}
+
+.icon-battery:before {
+ content: "\49"
+}
+
+.icon-battery-2:before {
+ content: "\4a"
+}
+
+.icon-battery-3:before {
+ content: "\4b"
+}
+
+.icon-calculator:before {
+ content: "\4c"
+}
+
+.icon-bolt:before {
+ content: "\4d"
+}
+
+.icon-list-2:before {
+ content: "\50"
+}
+
+.icon-list-3:before {
+ content: "\51"
+}
+
+.icon-layout:before {
+ content: "\52"
+}
+
+.icon-window:before {
+ content: "\56"
+}
+
+.icon-window-2:before {
+ content: "\57"
+}
+
+.icon-window-3:before {
+ content: "\58"
+}
+
+.icon-window-4:before {
+ content: "\59"
+}
+
+.icon-locked:before {
+ content: "\5a"
+}
+
+.icon-unlocked:before {
+ content: "\5b"
+}
+
+.icon-shield:before {
+ content: "\5c"
+}
+
+.icon-cart:before {
+ content: "\5d"
+}
+
+.icon-console:before {
+ content: "\5e"
+}
+
+.icon-office:before {
+ content: "\5f"
+}
+
+.icon-basket:before {
+ content: "\60"
+}
+
+.icon-suitcase:before {
+ content: "\61"
+}
+
+.icon-airplane:before {
+ content: "\62"
+}
+
+.icon-file-download:before {
+ content: "\63"
+}
+
+.icon-file-upload:before {
+ content: "\64"
+}
+
+.icon-file:before {
+ content: "\65"
+}
+
+.icon-file-add:before {
+ content: "\66"
+}
+
+.icon-file-remove:before {
+ content: "\67"
+}
+
+.icon-bars-2:before {
+ content: "\68"
+}
+
+.icon-stats:before {
+ content: "\6a"
+}
+
+.icon-arrow-right:before {
+ content: "\6f"
+}
+
+.icon-arrow-left:before {
+ content: "\70"
+}
+
+.icon-move:before {
+ content: "\7b"
+}
+
+.icon-movie:before {
+ content: "\7c"
+}
+
+.icon-refresh:before {
+ content: "\7d"
+}
+
+.icon-picture:before {
+ content: "\e000"
+}
+
+.icon-music:before {
+ content: "\e001"
+}
+
+.icon-disk:before {
+ content: "\e002"
+}
+
+.icon-camera:before {
+ content: "\e003"
+}
+
+.icon-film:before {
+ content: "\e004"
+}
+
+.icon-tablet-2:before {
+ content: "\e005"
+}
+
+.icon-ipod:before {
+ content: "\e006"
+}
+
+.icon-camera-2:before {
+ content: "\e007"
+}
+
+.icon-mouse:before {
+ content: "\e008"
+}
+
+.icon-volume:before {
+ content: "\e009"
+}
+
+.icon-monitor:before {
+ content: "\e00a"
+}
+
+.icon-thumbs-up:before {
+ content: "\e00b"
+}
+
+.icon-thumbs-down:before {
+ content: "\e00c"
+}
+
+.icon-neutral:before {
+ content: "\e00d"
+}
+
+.icon-grin:before {
+ content: "\e00e"
+}
+
+.icon-heart:before {
+ content: "\e00f"
+}
+
+.icon-pacman:before {
+ content: "\e010"
+}
+
+.icon-star:before {
+ content: "\e011"
+}
+
+.icon-star-2:before {
+ content: "\e012"
+}
+
+.icon-envelope:before {
+ content: "\e013"
+}
+
+.icon-comment:before {
+ content: "\e014"
+}
+
+.icon-comment-2:before {
+ content: "\e015"
+}
+
+.icon-user:before {
+ content: "\e016"
+}
+
+.icon-download:before {
+ content: "\e017"
+}
+
+.icon-upload:before {
+ content: "\e018"
+}
+
+.icon-inbox:before {
+ content: "\e019"
+}
+
+.icon-partial:before {
+ content: "\e01a"
+}
+
+.icon-unchecked:before {
+ content: "\e01b"
+}
+
+.icon-checked:before {
+ content: "\e01c"
+}
+
+.icon-circles:before {
+ content: "\e01d"
+}
+
+.icon-pencil-2:before {
+ content: "\e01e"
+}
+
+.icon-flag:before {
+ content: "\e01f"
+}
+
+.icon-link:before {
+ content: "\e020"
+}
+
+.icon-drink:before {
+ content: "\e026"
+}
+
+.icon-drink-2:before {
+ content: "\e027"
+}
+
+.icon-hamburger:before {
+ content: "\e028"
+}
+
+.icon-mug:before {
+ content: "\e029"
+}
+
+.icon-calendar:before {
+ content: "\e02a"
+}
+
+.icon-clock:before {
+ content: "\e02b"
+}
+
+.icon-compass:before {
+ content: "\e02d"
+}
+
+.icon-home-2:before {
+ content: "\e021"
+}
+
+.icon-pencil-3:before {
+ content: "\e022"
+}
+
+.icon-pencil-4:before {
+ content: "\e023"
+}
+
+.icon-play:before {
+ content: "\e024"
+}
+
+.icon-film-2:before {
+ content: "\e025"
+}
+
+.icon-microphone:before {
+ content: "\e030"
+}
+
+.icon-book-2:before {
+ content: "\e031"
+}
+
+.icon-bell:before {
+ content: "\e032"
+}
+
+.icon-mail:before {
+ content: "\e033"
+}
+
+.icon-location-2:before {
+ content: "\e034"
+}
+
+.icon-phone-2:before {
+ content: "\e035"
+}
+
+.icon-support:before {
+ content: "\e036"
+}
+
+.icon-calculate:before {
+ content: "\e037"
+}
+
+.icon-basket-2:before {
+ content: "\e038"
+}
+
+.icon-cart-2:before {
+ content: "\e039"
+}
+
+.icon-mouse-2:before {
+ content: "\e03b"
+}
+
+.icon-screen:before {
+ content: "\e03c"
+}
+
+.icon-laptop:before {
+ content: "\e03d"
+}
+
+.icon-mobile-2:before {
+ content: "\e03e"
+}
+
+.icon-tablet-3:before {
+ content: "\e03f"
+}
+
+.icon-mobile-3:before {
+ content: "\e040"
+}
+
+.icon-drawer:before {
+ content: "\e041"
+}
+
+.icon-drawer-2:before {
+ content: "\e042"
+}
+
+.icon-box-add:before {
+ content: "\e043"
+}
+
+.icon-box-remove:before {
+ content: "\e044"
+}
+
+.icon-database:before {
+ content: "\e045"
+}
+
+.icon-undo:before {
+ content: "\e046"
+}
+
+.icon-redo:before {
+ content: "\e047"
+}
+
+.icon-forward:before {
+ content: "\e048"
+}
+
+.icon-reply:before {
+ content: "\e049"
+}
+
+.icon-reply-2:before {
+ content: "\e04a"
+}
+
+.icon-comments:before {
+ content: "\e04b"
+}
+
+.icon-comments-2:before {
+ content: "\e04c"
+}
+
+.icon-comments-3:before {
+ content: "\e04d"
+}
+
+.icon-comments-4:before {
+ content: "\e04e"
+}
+
+.icon-comments-5:before {
+ content: "\e04f"
+}
+
+.icon-comments-6:before {
+ content: "\e050"
+}
+
+.icon-busy:before {
+ content: "\e054"
+}
+
+.icon-loading:before {
+ content: "\e055"
+}
+
+.icon-loading-2:before {
+ content: "\e056"
+}
+
+.icon-search:before {
+ content: "\e058"
+}
+
+.icon-zoom-in:before {
+ content: "\e059"
+}
+
+.icon-zoom-out:before {
+ content: "\e05a"
+}
+
+.icon-key:before {
+ content: "\e05b"
+}
+
+.icon-key-2:before {
+ content: "\e05c"
+}
+
+.icon-locked-2:before {
+ content: "\e05d"
+}
+
+.icon-unlocked-2:before {
+ content: "\e05e"
+}
+
+.icon-wrench:before {
+ content: "\e05f"
+}
+
+.icon-equalizer:before {
+ content: "\e060"
+}
+
+.icon-cog:before {
+ content: "\e061"
+}
+
+.icon-pie:before {
+ content: "\e062"
+}
+
+.icon-bars-3:before {
+ content: "\e063"
+}
+
+.icon-stats-up:before {
+ content: "\e064"
+}
+
+.icon-gift:before {
+ content: "\e065"
+}
+
+.icon-trophy:before {
+ content: "\e066"
+}
+
+.icon-diamond:before {
+ content: "\e067"
+}
+
+.icon-coffee:before {
+ content: "\e068"
+}
+
+.icon-rocket:before {
+ content: "\e069"
+}
+
+.icon-dashboard:before {
+ content: "\e06d"
+}
+
+.icon-fire:before {
+ content: "\e06e"
+}
+
+.icon-lab:before {
+ content: "\e06f"
+}
+
+.icon-remove:before {
+ content: "\e070"
+}
+
+.icon-remove-2:before {
+ content: "\e071"
+}
+
+.icon-remove-3:before {
+ content: "\e072"
+}
+
+.icon-briefcase:before {
+ content: "\e073"
+}
+
+.icon-briefcase-2:before {
+ content: "\e074"
+}
+
+.icon-cars:before {
+ content: "\e075"
+}
+
+.icon-bus:before {
+ content: "\e076"
+}
+
+.icon-cube:before {
+ content: "\e077"
+}
+
+.icon-cube-2:before {
+ content: "\e078"
+}
+
+.icon-puzzle:before {
+ content: "\e079"
+}
+
+.icon-glasses:before {
+ content: "\e07a"
+}
+
+.icon-glasses-2:before {
+ content: "\e07b"
+}
+
+.icon-accessibility:before {
+ content: "\e07c"
+}
+
+.icon-accessibility-2:before {
+ content: "\e07d"
+}
+
+.icon-target-2:before {
+ content: "\e07e"
+}
+
+.icon-target-3:before {
+ content: "\e07f"
+}
+
+.icon-lightning:before {
+ content: "\e080"
+}
+
+.icon-clipboard:before {
+ content: "\e084"
+}
+
+.icon-playlist:before {
+ content: "\e085"
+}
+
+.icon-grid-view:before {
+ content: "\e086"
+}
+
+.icon-tree-view:before {
+ content: "\e087"
+}
+
+.icon-menu:before {
+ content: "\e088"
+}
+
+.icon-menu-2:before {
+ content: "\e089"
+}
+
+.icon-cloud-2:before {
+ content: "\e08a"
+}
+
+.icon-cloud-3:before {
+ content: "\e08b"
+}
+
+.icon-download-2:before {
+ content: "\e08c"
+}
+
+.icon-upload-2:before {
+ content: "\e08d"
+}
+
+.icon-upload-3:before {
+ content: "\e08e"
+}
+
+.icon-link-2:before {
+ content: "\e08f"
+}
+
+.icon-link-3:before {
+ content: "\e090"
+}
+
+.icon-flag-2:before {
+ content: "\e091"
+}
+
+.icon-flag-3:before {
+ content: "\e093"
+}
+
+.icon-eye-2:before {
+ content: "\e094"
+}
+
+.icon-bookmark-2:before {
+ content: "\e096"
+}
+
+.icon-google-plus:before {
+ content: "\e0fc"
+}
+
+.icon-google-plus-2:before {
+ content: "\e0fd"
+}
+
+.icon-google-plus-3:before {
+ content: "\e0fe"
+}
+
+.icon-facebook:before {
+ content: "\e100"
+}
+
+.icon-facebook-2:before {
+ content: "\e101"
+}
+
+.icon-twitter:before {
+ content: "\e104"
+}
+
+.icon-github:before {
+ content: "\e11e"
+}
+
+.icon-apple:before {
+ content: "\e12c"
+}
+
+.icon-finder:before {
+ content: "\e12d"
+}
+
+.icon-android:before {
+ content: "\e12e"
+}
+
+.icon-windows:before {
+ content: "\e12f"
+}
+
+.icon-skype:before {
+ content: "\e132"
+}
+
+.icon-linkedin:before {
+ content: "\e134"
+}
+
+.icon-libreoffice:before {
+ content: "\e13d"
+}
+
+.icon-file-pdf:before {
+ content: "\e13e"
+}
+
+.icon-file-openoffice:before {
+ content: "\e13f"
+}
+
+.icon-html5:before {
+ content: "\e146"
+}
+
+.icon-css3:before {
+ content: "\e148"
+}
+
+.icon-chrome:before {
+ content: "\e149"
+}
+
+.icon-firefox:before {
+ content: "\e14a"
+}
+
+.icon-IE:before {
+ content: "\e14b"
+}
+
+.icon-opera:before {
+ content: "\e14c"
+}
+
+.icon-safari:before {
+ content: "\e14d"
+}
+
+.icon-IcoMoon:before {
+ content: "\e14e"
+}
+
+.icon-file-word:before {
+ content: "\e140"
+}
+
+.icon-file-excel:before {
+ content: "\e141"
+}
+
+.icon-file-zip:before {
+ content: "\e143"
+}
+
+.icon-file-xml:before {
+ content: "\e144"
+}
+
+.icon-file-css:before {
+ content: "\e145"
+}
+
+.icon-feed:before {
+ content: "\e107"
+}
+
+.icon-folder-2:before {
+ content: "\e097"
+}
+
+.icon-folder-3:before {
+ content: "\e098"
+}
+
+.icon-newspaper:before {
+ content: "\e099"
+}
+
+.icon-plus-2:before {
+ content: "\e0ad"
+}
+
+.icon-minus-2:before {
+ content: "\e0ac"
+}
+
+.icon-checkmark-2:before {
+ content: "\e0ab"
+}
+
+.icon-cancel:before {
+ content: "\e0aa"
+}
+
+.icon-cancel-2:before {
+ content: "\e0a9"
+}
+
+.icon-cancel-3:before {
+ content: "\e0a8"
+}
+
+.icon-help:before {
+ content: "\e0a4"
+}
+
+.icon-plus-3:before {
+ content: "\e0a2"
+}
+
+.icon-minus-3:before {
+ content: "\e0a3"
+}
+
+.icon-out:before {
+ content: "\e0ea"
+}
+
+.icon-out-2:before {
+ content: "\e0eb"
+}
+
+.icon-warning:before {
+ content: "\e09b"
+}
+
+.icon-globe:before {
+ content: "\e09d"
+}
+
+.icon-screen-2:before {
+ content: "\e09e"
+}
+
+.icon-publish:before {
+ content: "\e09f"
+}
+
+.icon-browser:before {
+ content: "\e0a0"
+}
+
+.icon-popup:before {
+ content: "\e0a7"
+}
+
+.icon-book-3:before {
+ content: "\e0ae"
+}
+
+.icon-bookmark-3:before {
+ content: "\e0af"
+}
+
+.icon-home-3:before {
+ content: "\e0b0"
+}
+
+.icon-keyboard:before {
+ content: "\e0b1"
+}
+
+.icon-inbox-2:before {
+ content: "\e0b3"
+}
+
+.icon-contact:before {
+ content: "\e0b4"
+}
+
+.icon-users:before {
+ content: "\e0b5"
+}
+
+.icon-user-2:before {
+ content: "\e0b6"
+}
+
+.icon-backspace:before {
+ content: "\e09a"
+}
+
+.icon-backspace-2:before {
+ content: "\e0b7"
+}
+
+.icon-arrow-up:before {
+ content: "\e0b8"
+}
+
+.icon-arrow-right-2:before {
+ content: "\e0b9"
+}
+
+.icon-arrow-down:before {
+ content: "\e0be"
+}
+
+.icon-arrow-left-2:before {
+ content: "\e0bf"
+}
+
+.icon-time:before {
+ content: "\e0c1"
+}
+
+.icon-camera-3:before {
+ content: "\e02e"
+}
+
+.icon-soundcloud:before {
+ content: "\e02f"
+}
+
+.icon-soundcloud-2:before {
+ content: "\e0c2"
+}
+
+.icon-help-2:before {
+ content: "\e0c3"
+}
+
+.icon-info-circle:before {
+ content: "\e0c5"
+}
+
+.icon-menu-3:before {
+ content: "\e057"
+}
+
+.icon-arrow-right-3:before {
+ content: "\e0c6"
+}
+
+.icon-arrow-down-2:before {
+ content: "\e0c7"
+}
+
+.icon-arrow-left-3:before {
+ content: "\e0c8"
+}
+
+.icon-arrow-up-2:before {
+ content: "\e0c9"
+}
+
+.icon-delete:before {
+ content: "\e0ba"
+}
+
+.icon-tag:before {
+ content: "\e0bb"
+}
+
+.icon-embed:before {
+ content: "\e0a5"
+}
+
+.icon-yahoo:before {
+ content: "\e03a"
+}
+
+.icon-tumblr:before {
+ content: "\e126"
+}
+
+.icon-wordpress:before {
+ content: "\e0b2"
+}
+
+.icon-lastfm:before {
+ content: "\e0bc"
+}
+
+.icon-delicious:before {
+ content: "\e0bd"
+}
+
+.icon-stumbleupon:before {
+ content: "\e0ca"
+}
+
+.icon-xing:before {
+ content: "\e0cb"
+}
+
+.icon-blogger:before {
+ content: "\e0cc"
+}
+
+.icon-flickr:before {
+ content: "\e0cd"
+}
+
+.icon-picassa:before {
+ content: "\e0ce"
+}
+
+.icon-vimeo:before {
+ content: "\e0cf"
+}
+
+.icon-youtube:before {
+ content: "\e0c4"
+}
+
+.icon-dribbble:before {
+ content: "\e0d0"
+}
+
+.icon-forrst:before {
+ content: "\e0d1"
+}
+
+.icon-deviantart:before {
+ content: "\e0d2"
+}
+
+.icon-github-2:before {
+ content: "\e0d3"
+}
+
+.icon-pinterest:before {
+ content: "\e051"
+}
+
+.icon-share:before {
+ content: "\e052"
+}
+
+.icon-bell-2:before {
+ content: "\e053"
+}
+
+.icon-calendar-2:before {
+ content: "\e02c"
+}
+
+.icon-bell-3:before {
+ content: "\e06a"
+}
+
+.icon-file-powerpoint:before {
+ content: "\e06b"
+}
+
html {
background: #fff
}
-body {
- background: #fff;
- font: normal 0.875em/1em sans-serif
+header, header.row, footer, footer.row, article, aside {
+ margin-top: 1em;
+ margin-bottom: 1em
+}
+
+header h1 {
+ float: left
}
body {
background: #fff;
color: #444;
font: 400 0.875em/1.618em "Helvetica", serif;
- min-width: 700px;
text-shadow: 0 1px 1px #fff;
height: 100%
}
@@ -98,7 +1540,7 @@ h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
line-height: 1.618em;
- margin-bottom: 15px;
+ margin-bottom: 1em;
text-shadow: 0 1px 1px #fff
}
@@ -128,53 +1570,30 @@ h1 {
letter-spacing: -2px
}
-#container {
- margin: 0 auto;
- width: 980px
-}
-
-#header {
- border-bottom: 1px solid #d9d9d9;
- margin: 20px auto 40px;
- overflow: hidden
-}
-
-#header h1 {
- float: left
-}
-
-#body {
- width: 660px;
- float: left;
- margin: 0 20px 20px 0;
- min-height: 100px;
- _display: inline
-}
-
-#admin-body {
+.admin-body {
clear: both;
- margin: 0 auto 40px;
+ margin: 0 auto 3.8%;
width: 100%
}
-#admin-body .content-item {
+.admin-body .content-item {
border: 1px solid #fff;
- padding: 25px;
+ padding: 1.3em;
position: relative;
outline: 0;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- -ms-border-radius: 2px;
- -o-border-radius: 2px;
- border-radius: 2px;
- -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), inset 0 0 10px #f8f8f8;
- -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), inset 0 0 10px #f8f8f8;
- box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), inset 0 0 10px #f8f8f8
+ -webkit-border-radius: 0.27473em;
+ -moz-border-radius: 0.27473em;
+ -ms-border-radius: 0.27473em;
+ -o-border-radius: 0.27473em;
+ border-radius: 0.27473em;
+ -webkit-box-shadow: 0 1px 0.45788em rgba(0, 0, 0, 0.25), inset 0 0 0.45788em #f8f8f8;
+ -moz-box-shadow: 0 1px 0.45788em rgba(0, 0, 0, 0.25), inset 0 0 0.45788em #f8f8f8;
+ box-shadow: 0 1px 0.45788em rgba(0, 0, 0, 0.25), inset 0 0 0.45788em #f8f8f8
}
-#admin-body .content-item h2 {
+.admin-body .content-item h2 {
line-height: 1em;
- padding: 10px;
+ padding: 0.45788em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
@@ -182,53 +1601,50 @@ h1 {
border-radius: 2px
}
-#admin-body .content-item .by, #admin-body .content-item .status, #admin-body .content-item .created, #admin-body .content-item .tags {
+.admin-body .content-item .by, .admin-body .content-item .status, .admin-body .content-item .created, .admin-body .content-item .tags {
font-style: italic;
font-family: Georgia, serif;
margin: 1em
}
-#admin-body .content-item .content {
+.admin-body .content-item .content {
border: 1px solid transparent;
clear: left;
margin-top: 2em;
- padding: 10px;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- -ms-border-radius: 2px;
- -o-border-radius: 2px;
- border-radius: 2px
+ padding: 0.45788em;
+ -webkit-border-radius: 0.27473em;
+ -moz-border-radius: 0.27473em;
+ -ms-border-radius: 0.27473em;
+ -o-border-radius: 0.27473em;
+ border-radius: 0.27473em
}
-#footer {
+footer {
border-top: 1px solid #d9d9d9;
clear: both;
overflow: hidden;
- padding: 25px 0;
+ padding: 1.3em 0;
text-align: center
}
#form-section-modules .fieldset-fields {
- padding: 5px 0 20px
+ padding: 0.3663em 0 1.3em
}
#form-section-modules legend {
font-size: 1.2em;
- margin-bottom: 10px;
- margin-top: 5px
+ margin-bottom: 0.45788em;
+ margin-top: 0.3663em
}
#form-section-modules legend {
font-size: 1.2em;
- margin-bottom: 10px
+ margin-bottom: 0.45788em
}
#form-section-modules div.form-item {
float: left;
- clear: none !important;
- width: 50%;
- margin-bottom: 10px;
- height: 50px;
+ margin-bottom: 0.45788em;
overflow: none
}
@@ -237,7 +1653,7 @@ h1 {
}
#form-section-modules .description {
- padding-left: 22px
+ padding-left: 1.3em
}
.admin-page h2 {
@@ -245,15 +1661,15 @@ h1 {
}
.admin-page .admin-dashboard-col1, .admin-page .admin-dashboard-col2 {
- padding: 10px;
- -webkit-box-shadow: 0 1px 3px #d9d9d9;
- -moz-box-shadow: 0 1px 3px #d9d9d9;
- box-shadow: 0 1px 3px #d9d9d9;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -ms-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px
+ padding: 0.45788em;
+ -webkit-box-shadow: 0 1px 0.27473em #d9d9d9;
+ -moz-box-shadow: 0 1px 0.27473em #d9d9d9;
+ box-shadow: 0 1px 0.27473em #d9d9d9;
+ -webkit-border-radius: 0.45788em;
+ -moz-border-radius: 0.45788em;
+ -ms-border-radius: 0.45788em;
+ -o-border-radius: 0.45788em;
+ border-radius: 0.45788em
}
.admin-dashboard-col1 {
@@ -272,22 +1688,22 @@ h1 {
.admin-dashboard-clear {
clear: both;
- height: 15px
+ height: 1em
}
table {
background: #fff;
border: 1px solid #d9d9d9;
width: 100%;
- margin-bottom: 18px;
+ margin-bottom: 1em;
padding: 0;
border-collapse: collapse;
- font-size: 13px
+ font-size: 85%
}
table th, table td {
- padding: 10px 15px;
- line-height: 18px;
+ padding: 0.45788em 1em;
+ line-height: 1.68;
text-align: left;
text-transform: capitalize
}
@@ -311,7 +1727,7 @@ table tbody tr:hover td {
}
table th {
- padding-top: 9px;
+ padding-top: 0.76923em;
font-weight: bold;
vertical-align: middle;
border-bottom: 1px solid #DDD
@@ -323,7 +1739,7 @@ table th+th, table td+td {
.sortable {
background: url(../images/sort.gif) center right no-repeat;
- padding-right: 16px;
+ padding-right: 1em;
cursor: pointer
}
@@ -338,36 +1754,30 @@ table th+th, table td+td {
}
a.pager-page {
- padding: 3px;
- border: solid 1px silver
+ padding: 0.27473em;
+ border: solid 1px #c0c0c0
}
span.pager-page {
- padding: 3px;
- background: silver
+ padding: 0.27473em;
+ background: #c0c0c0
}
.tabular {
clear: both
}
-#adminToolbar {
+.toolbar, .btn-group, .actions input {
position: relative;
- top: 20px;
- float: right
-}
-
-#adminToolbar ul, #adminToolbar li {
margin: 0;
- list-style: none;
- list-style-image: none
+ text-align: right
}
-#adminToolbar ul {
- text-align: right
+.toolbar.admin-toolbar li, .btn-group.admin-toolbar li, .actions input.admin-toolbar li {
+ float: right
}
-#adminToolbar li {
+.toolbar li, .btn-group li, .actions input li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
@@ -376,16 +1786,34 @@ span.pager-page {
*display: inline
}
-#adminToolbar li a:link, #adminToolbar li a:visited {
+.toolbar li:first-child a, .btn-group li:first-child a, .actions input li:first-child a {
+ -moz-border-radius-topleft: 0.3663em;
+ -webkit-border-top-left-radius: 0.3663em;
+ border-top-left-radius: 0.3663em;
+ -moz-border-radius-bottomleft: 0.3663em;
+ -webkit-border-bottom-left-radius: 0.3663em;
+ border-bottom-left-radius: 0.3663em
+}
+
+.toolbar li:last-child a, .btn-group li:last-child a, .actions input li:last-child a {
+ -moz-border-radius-topright: 0.3663em;
+ -webkit-border-top-right-radius: 0.3663em;
+ border-top-right-radius: 0.3663em;
+ -moz-border-radius-bottomright: 0.3663em;
+ -webkit-border-bottom-right-radius: 0.3663em;
+ border-bottom-right-radius: 0.3663em
+}
+
+.toolbar li a, .btn-group li a, .actions input li a {
background: #d9d9d9;
border: 1px solid #aaa;
border-color: #aaa #999 #888;
color: #000;
cursor: pointer;
- font-size: 14px;
+ font-size: 85%;
font-weight: 400;
- margin: 0 20px 0 0;
- padding: 8px 16px;
+ margin-right: -1px;
+ padding: 0.45788em 1em;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
display: -moz-inline-stack;
@@ -399,24 +1827,19 @@ span.pager-page {
background: -moz-linear-gradient(#ededed, #d9d9d9);
background: -o-linear-gradient(#ededed, #d9d9d9);
background: linear-gradient(#ededed, #d9d9d9);
- -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 4px rgba(150, 150, 150, 0.5);
- -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 4px rgba(150, 150, 150, 0.5);
- box-shadow: inset 0 1px 0 #fff, 0 1px 4px rgba(150, 150, 150, 0.5);
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- -ms-border-radius: 7px;
- -o-border-radius: 7px;
- border-radius: 7px
+ -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0.3663em rgba(150, 150, 150, 0.5);
+ -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0.3663em rgba(150, 150, 150, 0.5);
+ box-shadow: inset 0 1px 0 #fff, 0 1px 0.3663em rgba(150, 150, 150, 0.5)
}
-#adminToolbar li a:link:hover, #adminToolbar li a:link:focus, #adminToolbar li a:link.loading, #adminToolbar li a:visited:hover, #adminToolbar li a:visited:focus, #adminToolbar li a:visited.loading {
+.toolbar li a:hover, .toolbar li a:focus, .toolbar li a.loading, .btn-group li a:hover, .btn-group li a:focus, .btn-group li a.loading, .actions input li a:hover, .actions input li a:focus, .actions input li a.loading {
background: #2F5163;
border-color: #333;
color: #fff;
text-shadow: 0 1px 1px #111;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0.3663em rgba(150, 150, 150, 0.5);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0.3663em rgba(150, 150, 150, 0.5);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0.3663em rgba(150, 150, 150, 0.5);
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f6d86), color-stop(100%, #2f5163));
background: -webkit-linear-gradient(#3f6d86, #2f5163);
background: -moz-linear-gradient(#3f6d86, #2f5163);
@@ -424,28 +1847,28 @@ span.pager-page {
background: linear-gradient(#3f6d86, #2f5163)
}
-#adminToolbar li a:link:active, #adminToolbar li a:visited:active {
+.toolbar li a:active, .btn-group li a:active, .actions input li a:active {
border-color: #000;
- -webkit-box-shadow: inset 0 0 8px #000;
- -moz-box-shadow: inset 0 0 8px #000;
- box-shadow: inset 0 0 8px #000
-}
-
-#adminToolbar li a:link.loading, #adminToolbar li a:visited.loading {
- background: #2f5163 url("/images/loader.gif") 15px 50% no-repeat;
- background: url("/images/loader.gif") 15px 50% no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f6d86), color-stop(100%, #2f5163));
- background: url("/images/loader.gif") 15px 50% no-repeat, -webkit-linear-gradient(#3f6d86, #2f5163);
- background: url("/images/loader.gif") 15px 50% no-repeat, -moz-linear-gradient(#3f6d86, #2f5163);
- background: url("/images/loader.gif") 15px 50% no-repeat, -o-linear-gradient(#3f6d86, #2f5163);
- background: url("/images/loader.gif") 15px 50% no-repeat, linear-gradient(#3f6d86, #2f5163);
- padding-left: 40px
+ -webkit-box-shadow: inset 0 0 0.45788em #000;
+ -moz-box-shadow: inset 0 0 0.45788em #000;
+ box-shadow: inset 0 0 0.45788em #000
+}
+
+.toolbar li a.loading, .btn-group li a.loading, .actions input li a.loading {
+ background: #2f5163 url("/images/loader.gif") 1em 50% no-repeat;
+ background: url("/images/loader.gif") 1em 50% no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f6d86), color-stop(100%, #2f5163));
+ background: url("/images/loader.gif") 1em 50% no-repeat, -webkit-linear-gradient(#3f6d86, #2f5163);
+ background: url("/images/loader.gif") 1em 50% no-repeat, -moz-linear-gradient(#3f6d86, #2f5163);
+ background: url("/images/loader.gif") 1em 50% no-repeat, -o-linear-gradient(#3f6d86, #2f5163);
+ background: url("/images/loader.gif") 1em 50% no-repeat, linear-gradient(#3f6d86, #2f5163);
+ padding-left: 1.3em
}
-#adminToolbar li:last-child {
+.toolbar li:last-child, .btn-group li:last-child, .actions input li:last-child {
border: 0
}
-#adminToolbar li ul {
+.toolbar li ul, .btn-group li ul, .actions input li ul {
display: none;
float: left;
clear: left;