From c66adde8aba3560e771ff9226170260a47bfe30e Mon Sep 17 00:00:00 2001 From: ewinslow Date: Mon, 14 Feb 2011 19:11:55 +0000 Subject: More cleanup of login/forms css -- converted login_dropdown to use elgg-toggler pattern git-svn-id: http://code.elgg.org/elgg/trunk@8229 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css/elements/forms.php | 34 ++++++++++++++++++------------- views/default/css/elements/misc.php | 34 ++++++++++++++++--------------- views/default/css/elements/modules.php | 37 ++++++++++++++++++++-------------- 3 files changed, 60 insertions(+), 45 deletions(-) (limited to 'views/default/css') diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php index 2e0022ca8..b56aeddcb 100644 --- a/views/default/css/elements/forms.php +++ b/views/default/css/elements/forms.php @@ -10,43 +10,47 @@ /* *************************************** Form Elements *************************************** */ -.elgg-fieldset { -} + fieldset > div { margin-bottom: 15px; } fieldset > div:last-child { margin-bottom: 0; } + label { font-weight: bold; color: #333333; font-size: 110%; } + input, textarea { font: 120% Arial, Helvetica, sans-serif; + color: #666666; + padding: 5px; + border: 1px solid #cccccc; - color: #666666; -webkit-border-radius: 5px; -moz-border-radius: 5px; + + width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } -textarea { - height: 200px; - width: 98%; -} -input[type="text"], textarea { - width: 98%; -} -input[type="password"] { - width: 200px; -} -input[type="text"]:focus, input[type="password"]:focus { + +input:focus, textarea:focus { border: solid 1px #4690d6; background: #e4ecf5; color:#333333; } +textarea { + height: 200px; +} + + a.elgg-longtext-control { float: right; margin-left: 14px; @@ -58,11 +62,13 @@ a.elgg-longtext-control { .elgg-input-access { margin:5px 0 0 0; } + input[type="checkbox"], input[type="radio"] { margin:0 3px 0 0; padding:0; border:none; + width:auto; } .elgg-input-checkboxes.elgg-horizontal li, .elgg-input-radio.elgg-horizontal li { diff --git a/views/default/css/elements/misc.php b/views/default/css/elements/misc.php index dd1b01e66..5f6d0599c 100644 --- a/views/default/css/elements/misc.php +++ b/views/default/css/elements/misc.php @@ -14,14 +14,15 @@ *************************************** */ #login-dropdown { position: absolute; - top:0; + top:10px; right:0; z-index: 9599; } .elgg-button-dropdown { - padding:2px 6px 3px 6px; + padding:3px 6px; text-decoration:none; + display:block; font-weight:bold; position:relative; margin-left:0; @@ -30,29 +31,30 @@ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; + /*background-image:url(_graphics/elgg_sprites.png); + background-position:-150px -51px; + background-repeat:no-repeat;*/ } -.elgg-button-dropdown span { - padding:4px 0 6px 12px; - background-image:url(_graphics/elgg_sprites.png); - background-position:-150px -51px; - background-repeat:no-repeat; +.elgg-button-dropdown:after { + content: " \25BC "; + font-size:smaller; } .elgg-button-dropdown:hover { background-color:#71B9F7; - /* color:black; */ -} -.elgg-button-dropdown:hover span { - /* background-position:-150px -71px; */ + text-decoration:none; } + .elgg-button-dropdown.elgg-state-active { - background:#cccccc !important; - color:#666666 !important; + background: #cccccc; + outline: none; + color: #333333; + border:1px solid #cccccc; - outline:none; - background-position: -150px -71px; - color:#333333; + -webkit-border-radius:4px 4px 0 0; + -moz-border-radius:4px 4px 0 0; + border-radius:4px 4px 0 0; } diff --git a/views/default/css/elements/modules.php b/views/default/css/elements/modules.php index b16a99d83..1ed0d0312 100644 --- a/views/default/css/elements/modules.php +++ b/views/default/css/elements/modules.php @@ -8,6 +8,7 @@ /* Aside */ .elgg-module-aside .elgg-head { border-bottom: 1px solid #CCCCCC; + margin-bottom: 5px; padding-bottom: 5px; } @@ -28,13 +29,17 @@ .elgg-module-popup { background-color: white; border: 1px solid #cccccc; + z-index: 9999; margin-bottom: 0; padding: 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); + box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); } .elgg-module-popup > .elgg-head { margin-bottom: 5px; @@ -43,28 +48,30 @@ color: #0054A7; } +/* Dropdown */ .elgg-module-dropdown { - -moz-border-radius-topleft:5px; - -moz-border-radius-bottomleft:5px; - -moz-border-radius-bottomright:5px; - -webkit-border-top-left-radius:5px; - -webkit-border-bottom-left-radius:5px; - -webkit-border-bottom-right-radius:5px; - display:none; background-color:white; - position:absolute; - width:210px; - z-index:100; + border:5px solid #CCCCCC; - text-align:left; + -webkit-border-radius: 5px 0 5px 5px; + -moz-border-radius: 5px 0 5px 5px; + border-radius: 5px 0 5px 5px; + + display:none; + + width: 210px; padding:12px; - top: 26px; - right: 0px; - margin-top:5px; margin-right: 0px; - color:#333333; + + z-index:100; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); + + position:absolute; + right: 0px; + + + top: 26px; } /* Featured */ -- cgit v1.2.3