diff --git a/bl-kernel/admin/themes/default/css/default.css b/bl-kernel/admin/themes/default/css/default.css index 77540be4..f344d437 100644 --- a/bl-kernel/admin/themes/default/css/default.css +++ b/bl-kernel/admin/themes/default/css/default.css @@ -3,11 +3,11 @@ ---------------------------------------------------------------- */ .uk-width-1-4 { - width: 20% !important; + width: 20%; } .uk-width-3-4 { - width: 80% !important; + width: 80%; } .label-draft, @@ -58,8 +58,6 @@ background-color: #0069BE !important; } - - /* CSS defaults ---------------------------------------------------------------- */ body { @@ -67,16 +65,25 @@ body { } #bl-container { - margin-bottom: 20px; + margin: 0 auto 20px; + max-width: 1800px; } /* TOPBAR ---------------------------------------------------------------- */ +.bl-navbar-bg { + background: #222; + color: #fff; +} + #bl-navbar { - background: #f1f1f1; - margin-bottom: 20px; - width: 100%; + margin: 0 auto 20px; + max-width: 1800px; +} + +#bl-navbar a { + color: #fff; } #bl-navbar a.bl-brand { @@ -84,7 +91,7 @@ body { line-height: 60px; margin: 0 0 0 35px; text-transform: uppercase; - text-shadow: 0 1px 0 #fff; + color: #fff; } #bl-navbar a.bl-brand:hover { @@ -100,10 +107,26 @@ body { /* SIDEBAR ---------------------------------------------------------------- */ +#bl-sidebar { + max-width: 250px; +} + #bl-sidebar a { color: #777 !important; } +#bl-sidebar a:hover { + color: #007add !important; +} + +#bl-sidebar li.uk-active { + border-left: 3px solid #007add; +} + +#bl-sidebar li.uk-active a { + color: #007add !important; +} + #bl-sidebar .uk-nav { margin: 0px 0 0 20px !important; } @@ -113,15 +136,21 @@ body { font-size: 16px; } +.uk-navbar-toggle { + margin-top: 10px; + text-shadow: 0 !important; + color: #fff; +} + /* VIEW ---------------------------------------------------------------- */ #bl-view { - margin-right: 20px; + padding-right: 10px; } #bl-view .uk-width-2-10 { - padding-left: 10px !important; + } .plugin-incompatible, @@ -154,7 +183,7 @@ div.dashboard-links { background-color: #fafafa !important; border: 1px solid #f8f8f8; box-shadow: 5px 1px 1px #fdfdfd; - margin-bottom: 20px; + margin-bottom: 10px; padding: 50px 20px; } @@ -175,7 +204,7 @@ div.dashboard-links h4 { font-size: 0.9em !important; } -.sidebar-meta .uk-form-label { +.bl-publish-sidebar .uk-form-label { font-size: 0.9em; text-transform: uppercase; } @@ -204,14 +233,41 @@ button.aslink:hover { } -/* OLD +/* RESPONSIVE ---------------------------------------------------------------- */ -.bl-view { - margin-top: 25px; - margin-bottom: 25px; +@media (max-width: 960px) { + + .uk-grid { + margin: 0 !important; + } + + #bl-container { + margin: 0 10px !important; + } + + #bl-view { + width: 100% !important; + padding: 0 !important; + } + + .bl-brand { + margin: 0 !important; + } + + .bl-publish-sidebar { + display: none !important; + } + + .bl-publish-view { + width: 100% !important; + padding: 0 !important; + } } +/* OLD +---------------------------------------------------------------- */ + #logo { background: #f4f4f4; padding:20px 0; @@ -248,9 +304,9 @@ table.statistics tr:last-child td { /* ----------- ALERT ----------- */ #alert { - bottom: 0; + top: 0; color: #ffffff; - padding: 10px; + padding: 20px 60px; display: none; position: fixed; text-align: center; diff --git a/bl-kernel/admin/themes/default/index.php b/bl-kernel/admin/themes/default/index.php index f87cbfcd..52792530 100644 --- a/bl-kernel/admin/themes/default/index.php +++ b/bl-kernel/admin/themes/default/index.php @@ -52,6 +52,7 @@ $(document).ready(function() { +
+
+
-
-
+
- -
-
-
+
-
diff --git a/bl-kernel/admin/views/dashboard.php b/bl-kernel/admin/views/dashboard.php index 6fb96a84..238a3c44 100644 --- a/bl-kernel/admin/views/dashboard.php +++ b/bl-kernel/admin/views/dashboard.php @@ -57,7 +57,7 @@
-
+
diff --git a/bl-kernel/admin/views/edit-page.php b/bl-kernel/admin/views/edit-page.php index 96849953..c74b904b 100644 --- a/bl-kernel/admin/views/edit-page.php +++ b/bl-kernel/admin/views/edit-page.php @@ -17,8 +17,8 @@ HTML::formOpen(array('class'=>'uk-form-stacked')); )); // ---- LEFT SIDE ---- -echo '
'; -echo '
'; +echo '
'; +echo '
'; // Title input HTML::formInputText(array( @@ -36,7 +36,6 @@ echo '
'; 'placeholder'=>'' )); - // Form buttons echo '
'; echo ' '; @@ -52,7 +51,7 @@ if(count($_Page->children())===0) echo '
'; // ---- RIGHT SIDE ---- -echo '