aboutsummaryrefslogtreecommitdiff
path: root/views/default
diff options
context:
space:
mode:
authorcash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544>2010-12-19 16:57:57 +0000
committercash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544>2010-12-19 16:57:57 +0000
commit1f1cb260b0cde61056d7da32bc058969aeca5916 (patch)
treea5c6216b63691bb62cf85ae18a040783f494e4dd /views/default
parent555757c571e186dd8605a4814a5442c40a9e403e (diff)
downloadelgg-1f1cb260b0cde61056d7da32bc058969aeca5916.tar.gz
elgg-1f1cb260b0cde61056d7da32bc058969aeca5916.tar.bz2
started cleaning up the admin css
git-svn-id: http://code.elgg.org/elgg/trunk@7681 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'views/default')
-rw-r--r--views/default/css/admin.php295
-rw-r--r--views/default/layout/shells/administration.php31
-rw-r--r--views/default/page/shells/admin.php6
3 files changed, 88 insertions, 244 deletions
diff --git a/views/default/css/admin.php b/views/default/css/admin.php
index 155907acb..ff8bfa4a4 100644
--- a/views/default/css/admin.php
+++ b/views/default/css/admin.php
@@ -5,71 +5,19 @@
* @package Elgg.Core
* @subpackage UI
*/
-?>
-/* ***************************************
- RESET CSS
-*************************************** */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-weight: inherit;
- font-style: inherit;
- font-size: 100%;
- font-family: inherit;
- vertical-align: baseline;
-}
-img {
- border-width:0;
- border-color:transparent;
-}
-:focus {
- outline:0 none;
- -moz-outline-style: none;
-}
-ol, ul {
- /* list-style:none outside none; */
- margin: 0 0 10px 0;
- padding-left: 20px;
-}
-em, i {
- font-style:italic;
-}
-ins {
- text-decoration:none;
-}
-del {
- text-decoration:line-through;
-}
-strong {
- font-weight:bold;
-}
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-caption, th, td {
- text-align: left;
- font-weight: normal;
- vertical-align: top;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: "";
-}
-blockquote, q {
- quotes: "" "";
-}
+echo elgg_view('css/elements/reset', $vars);
+echo elgg_view('css/elements/core', $vars);
+echo elgg_view('css/elements/typography', $vars);
+echo elgg_view('css/elements/layout', $vars);
+echo elgg_view('css/elements/spacing', $vars);
+echo elgg_view('css/elements/navigation', $vars);
+echo elgg_view('css/elements/grid', $vars);
+echo elgg_view('css/elements/heading', $vars);
+echo elgg_view('css/elements/forms', $vars);
+
+?>
@@ -77,121 +25,19 @@ blockquote, q {
BASICS
*************************************** */
body {
- text-align:left;
- margin:0 auto;
- padding:0;
background-color: #444444;
- font-size: 80%;
- line-height: 1.4em;
- font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif;
-}
-a {
- color:#0054A7;
- text-decoration: none;
- -moz-outline-style: none;
- outline: none;
}
a:hover,
a.selected {
color: black;
text-decoration: underline;
}
-p {
- margin-bottom:15px;
-}
-p:last-child {
- margin-bottom:0;
-}
-small {
- font-size: 90%;
-}
-h1, h2, h3, h4, h5, h6 {
- font-weight: bold;
- line-height: auto;
- color:#0054A7;
-}
-h1 { font-size: 1.8em; }
-h2 { font-size: 1.5em; line-height: 1.1em; }
-h3 { font-size: 1.2em; }
-h4 { font-size: 1.0em; }
-h5 { font-size: 0.9em; }
-h6 { font-size: 0.8em; }
-dt {
- font-weight: bold;
-}
-dd {
- margin: 0 0 1em 1em;
-}
pre, code {
- font-family:Monaco,"Courier New",Courier,monospace;
- font-size:12px;
background:#EBF5FF;
- overflow:auto;
-
- overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
-}
-code {
- padding:2px 3px;
-}
-pre {
- padding:3px 15px;
- margin:0px 0 15px 0;
- line-height:1.3em;
}
blockquote {
- padding:3px 15px;
- margin:0px 0 15px 0;
- line-height:1.3em;
background:#EBF5FF;
- border:none;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
-}
-
-
-/* ***************************************
- GENERIC SELECTORS
-*************************************** */
-h2 {
- border-bottom:1px solid #CCCCCC;
- padding-bottom:5px;
-}
-.clearfix:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
-}
-.link {
- cursor:pointer;
-}
-.small {
- font-size: 90%;
}
-.divider {
- border-top:1px solid #cccccc;
-}
-.hidden {
- display:none;
-}
-.radius8 {
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
-}
-.margin-none {
- margin:0;
-}
-.margin-top {
- margin-top:10px;
-}
-.entity-title a { color:#0054A7; }
-.elgg-horizontal-tabbed-nav a:hover { color:#0054A7; }
table.mceLayout {
width:100% !important;
}
@@ -202,75 +48,66 @@ table.mceLayout {
-#admin_header {
- background-color:#333333;
- border-bottom:1px solid #555555;
+.elgg-admin .elgg-page-header {
+ background-color: #333333;
+ border-bottom: 1px solid #555555;
}
-#admin_footer {
- background:#333333;
- border-top:1px solid #222222;
- clear:both;
- height:30px;
- width:100%;
+.elgg-admin .elgg-page-header > .elgg-inner {
+ padding: 10px 20px;
}
-#admin_header .network-title h2 {
- height:45px;
- line-height:45px;
- margin:0;
- padding:0 0 0 20px;
- border:0;
+.elgg-admin .elgg-page-footer {
+ background: #333333;
+ border-top: 1px solid #222222;
+ height: 30px;
+ width: 100%;
}
-#admin_header .network-title h2 a {
- color:white;
+.elgg-admin .elgg-page-header h1 {
+ height: 45px;
+ line-height: 45px;
}
-#admin_header .network-title h2 a:hover {
- color:white;
+.elgg-admin .elgg-page-header h1 a {
+ color: white;
+}
+.elgg-admin .elgg-page-header h1 a:hover {
+ color: white;
text-decoration: underline;
}
-#admin_header .network-title h2 a.return_to_network {
- font-size:12px;
+.elgg-admin .elgg-page-header a.return_to_network {
+ font-size: 12px;
font-weight: normal;
- color:#666666;
- float:right;
- margin-right:40px;
-}
-#elgg-content.admin_area {
- margin:20px;
- min-height:400px;
- position:relative;
- width:auto;
- background-image: none;
- background-color: transparent;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
+ color: #666666;
+ position: absolute;
+ top: 20px;
+ right: 40px;
+}
+.elgg-admin .elgg-page-body {
+ margin: 0 auto;
+ padding: 20px;
+ min-height: 400px;
+ position: relative;
+ max-width: 1600px;
}
-#elgg-content.admin_area #elgg-page-contents {
- float:left;
- margin:0;
- padding:14px;
- width:75%;
+.elgg-admin .elgg-main {
+ padding: 14px;
background-color: white;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
-#elgg-content.admin_area #elgg-sidebar {
- float:left;
- margin:0;
- min-height:400px;
- padding:0 0 0 3%;
- position:relative;
- width:17%;
+.elgg-admin .elgg-sidebar {
+ width: 210px;
+ float: right;
+ margin-left: 30px;
}
-.admin_area h1,
-.admin_area h2,
-.admin_area h3,
-.admin_area h4,
-.admin_area h5,
-.admin_area h6 {
+.elgg-admin h1,
+.elgg-admin h2,
+.elgg-admin h3,
+.elgg-admin h4,
+.elgg-admin h5,
+.elgg-admin h6 {
color:#666666;
}
-.admin_area #elgg-sidebar .submenu {
+.elgg-admin .elgg-sidebar .submenu {
margin:0;
padding:0;
list-style: none;
@@ -281,13 +118,13 @@ table.mceLayout {
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
-.admin_area .submenu li.selected a,
-.admin_area .submenu li.selected li.selected a,
-.admin_area .submenu li.selected li.selected li.selected a {
+.elgg-admin .submenu li.selected a,
+.elgg-admin .submenu li.selected li.selected a,
+.elgg-admin .submenu li.selected li.selected li.selected a {
background-color: black;
color:white;
}
-.admin_area .submenu li a {
+.elgg-admin .submenu li a {
display:block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
@@ -296,20 +133,20 @@ table.mceLayout {
padding:2px 4px 2px 8px;
color:#333333;
}
-.admin_area .submenu li a:hover {
+.elgg-admin .submenu li a:hover {
background-color:black;
color:white;
text-decoration:none;
}
-.admin_area #elgg-sidebar .submenu ul.child {
+.elgg-admin .submenu ul.child {
margin-bottom:10px;
}
-.admin_area .submenu .child li a {
+.elgg-admin .submenu .child li a {
margin-left:15px;
background-color:#dedede;
color:#333333;
}
-.admin_area .submenu .child li a:hover {
+.elgg-admin .submenu .child li a:hover {
background-color:black;
color:white;
}
@@ -328,13 +165,13 @@ table.mceLayout {
font-size:100%;
font-weight:normal;
}
-.admin_area .input-textarea {
+.elgg-admin .input-textarea {
width:98%;
}
-.admin_area form#plugin_settings {
+.elgg-admin form#plugin_settings {
margin-top: 10px;
}
-.admin_area form#plugin_settings .action-button.disabled {
+.elgg-admin form#plugin_settings .action-button.disabled {
margin-top:10px;
float:right;
}
diff --git a/views/default/layout/shells/administration.php b/views/default/layout/shells/administration.php
index f9f5e3caa..0740ed78e 100644
--- a/views/default/layout/shells/administration.php
+++ b/views/default/layout/shells/administration.php
@@ -10,27 +10,30 @@
*/
?>
-<div id="admin_header">
- <span class="network-title"><h2>
- <a href="<?php echo elgg_get_site_url(); ?>">
- <?php echo $vars['config']->sitename; echo " ".elgg_echo('admin'); ?></a>
- <a class="return_to_network" href="<?php echo elgg_get_site_url(); ?>">&lt;&lt; Return to network</a>
- </h2></span>
+<div class="elgg-page-header">
+ <div class="elgg-inner">
+ <h1>
+ <a href="<?php echo elgg_get_site_url(); ?>">
+ <?php echo $vars['config']->sitename; echo " " . elgg_echo('admin'); ?>
+ </a>
+ </h1>
+ <a class="return_to_network" href="<?php echo elgg_get_site_url(); ?>">&lt;&lt; Return to network</a>
+ </div>
</div>
-<div id="elgg-content" class="clearfix admin_area">
+<div class="elgg-page-body">
- <div id="elgg-page-contents" class="clearfix">
+ <div class="elgg-sidebar clearfix">
<?php
- if (isset($vars['content'])) {
- echo $vars['content'];
- }
+ echo elgg_view('layout/elements/sidebar', $vars);
?>
</div>
- <div id="elgg-sidebar" class="clearfix">
+ <div class="elgg-main elgg-body">
<?php
- echo elgg_view('layout/elements/sidebar', $vars);
+ if (isset($vars['content'])) {
+ echo $vars['content'];
+ }
?>
</div>
</div>
-<div id="admin_footer"></div> \ No newline at end of file
+<div class="elgg-page-footer"></div> \ No newline at end of file
diff --git a/views/default/page/shells/admin.php b/views/default/page/shells/admin.php
index 11bc4ab70..e3ca7cbeb 100644
--- a/views/default/page/shells/admin.php
+++ b/views/default/page/shells/admin.php
@@ -14,6 +14,10 @@
header("Content-type: text/html; charset=UTF-8");
echo elgg_view('page/elements/html_begin', $vars);
+
+echo '<div class="elgg-page elgg-admin">';
echo elgg_view('page/elements/messages', array('object' => $vars['sysmessages']));
-echo elgg_view('page/elements/content', $vars);
+echo $vars['body'];
+echo '</div>';
+
echo elgg_view('page/elements/html_end', $vars); \ No newline at end of file