From 276b1a37e190dfffbfedef8f3ccf851701056dc4 Mon Sep 17 00:00:00 2001 From: pete Date: Thu, 10 Jun 2010 21:44:09 +0000 Subject: Updated administration area css with more styles to make it totally stand-alone git-svn-id: http://code.elgg.org/elgg/trunk@6453 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/canvas/layouts/administration.php | 261 +++++++++++++++++++++++- 1 file changed, 258 insertions(+), 3 deletions(-) (limited to 'views') diff --git a/views/default/canvas/layouts/administration.php b/views/default/canvas/layouts/administration.php index 6f5460a7d..0a1b9c1ca 100644 --- a/views/default/canvas/layouts/administration.php +++ b/views/default/canvas/layouts/administration.php @@ -17,6 +17,11 @@ body { background-color: #444444; } #elgg_header { display:none; } #elgg_footer { display:none; } +#elgg_topbar { display:none; } +a { color:#0054A7; text-decoration:none; } +a:hover { color:black; text-decoration:underline; } +.entity_title a { color:#0054A7; } +.elgg_horizontal_tabbed_nav a:hover { color:#0054A7; } #admin_header { background-color:#333333; @@ -148,6 +153,252 @@ body { background-color: #444444; } margin-top:10px; float:right; } + +/* *************************************** + GENERAL FORM ELEMENTS +*************************************** */ +/* default elgg core input field classes */ +.admin_area .input_text, +.admin_area .input_tags, +.admin_area .input_url, +.admin_area .input_textarea { + width:98%; +} +.admin_area .input_access { + margin:5px 0 0 0; +} +.admin_area .input_password { + width:200px; +} +.admin_area .input_textarea { + height: 200px; + width:718px; +} +.admin_area input[type="checkbox"], +.admin_area input.input_radio { + margin:0 3px 0 0; + padding:0; + border:none; +} +.admin_area label { + font-weight: bold; + color:#333333; + font-size: 110%; +} +.admin_area input { + font: 120% Arial, Helvetica, sans-serif; + padding: 5px; + border: 1px solid #cccccc; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +.admin_area textarea { + font: 120% Arial, Helvetica, sans-serif; + border: solid 1px #cccccc; + padding: 5px; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +.admin_area textarea:focus, +.admin_area input[type="text"]:focus { + border: solid 1px #666666; + background: #f5f5f5; + color:#333333; +} +.admin_area .input_textarea.monospace { + font-family:Monaco,"Courier New",Courier,monospace; + font-size:13px; +} +.admin_area a.longtext_control { + float:right; + margin-left:14px; +} +.admin_area .submit_button { + font-size: 14px; + font-weight: bold; + color: white; + text-shadow:1px 1px 0px black; + text-decoration:none; + border: 1px solid #0054A7; + background-color:#0054A7; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:0 10px 10px 0; + cursor: pointer; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +.admin_area .submit_button:hover { + color: white; + border-color: #333333; + text-decoration:none; + background-color:#333333; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; +} +.admin_area input[type="password"]:focus { + border: solid 1px #666666; + background-color: #f5f5f5; + color:#333333; +} +.admin_area input[type="submit"] { + font-size: 14px; + font-weight: bold; + color: white; + text-shadow:1px 1px 0px black; + text-decoration:none; + border: 1px solid #0054A7; + background-color:#0054A7; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 0; + cursor: pointer; + -moz-outline-style: none; + outline: none; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +.admin_area input[type="submit"]:hover { + border-color: #333333; + text-decoration:none; + background-color:#333333; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; +} +.admin_area .cancel_button { + font-size: 14px; + font-weight: bold; + text-decoration:none; + color: #333333; + background-color:#dddddd; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + border: 1px solid #999999; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 10px; + cursor: pointer; +} +.admin_area .cancel_button:hover { + background-color: #999999; + background-position: left 10px; + text-decoration:none; + color:white; +} +.admin_area .content_header_options .action_button { + margin-top:0; + margin-left:10px; +} +.admin_area input.action_button, +.admin_area a.action_button { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + background-color:#cccccc; + background-image: url(_graphics/button_background.gif); + background-repeat: repeat-x; + background-position: 0 0; + border:1px solid #999999; + color:#333333; + padding:2px 15px 2px 15px; + text-align:center; + font-weight:bold; + text-decoration:none; + text-shadow:0 1px 0 white; + cursor:pointer; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +.admin_area input.action_button:hover, +.admin_area a.action_button:hover, +.admin_area input.action_button:focus, +.admin_area a.action_button:focus { + background-position:0 -15px; + background-image: url(_graphics/button_background.gif); + background-repeat: repeat-x; + color:#111111; + text-decoration: none; + background-color:#cccccc; + border:1px solid #999999; +} +.admin_area .action_button:active { + background-image:none; +} +.admin_area .action_button.disabled { + color:#999999; + padding:2px 7px 2px 7px; +} +.admin_area .action_button.disabled:hover { + background-position:0 -15px; + color:#111111; + border:1px solid #999999; +} +.admin_area .action_button.disabled:active { + background-image:none; +} +.admin_area .action_button.download { + padding: 5px 9px 5px 6px; +} +.admin_area .action_button.download:hover { + +} +.admin_area .action_button.download img { + margin-right:6px; + position:relative; + top:5px; +} +.admin_area .action_button.small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + width: auto; + height:8px; + padding: 4px; + font-size: 0.9em; + line-height: 0.6em; +} +.admin_area .action_button.small:hover { + background-color: #0054A7; + background-image: none; + border-color: #0054A7; + color:white; + text-shadow:0 -1px 0 #999999; +} + + + + + + + + + + + + + + + + + + + + .admin_settings { margin-bottom:20px; } @@ -189,20 +440,20 @@ body { background-color: #444444; } font-size:80%; color:#999999; } -.manifest_file { +.admin_area .manifest_file { background-color:#eeeeee; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:5px 10px 5px 10px; margin:4px 0 4px 0; } -.admin_plugin_enable_disable { +.admin_area .admin_plugin_enable_disable { width:150px; margin:10px 0 0 0; float:right; text-align: right; } -.admin_plugin_enable_disable a { +.admin_area .admin_plugin_enable_disable a { margin:0; } .pluginsettings { @@ -258,6 +509,10 @@ ul.admin_plugins { margin:0; padding:0; } +.plugin_details h3 { + margin-top:-13px; + color:black; +} .plugin_settings { font-weight: normal; } -- cgit v1.2.3