diff options
Diffstat (limited to 'views/default/css/elements/forms.php')
| -rw-r--r-- | views/default/css/elements/forms.php | 115 |
1 files changed, 37 insertions, 78 deletions
diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php index 50d5b0bd4..068cc8fd6 100644 --- a/views/default/css/elements/forms.php +++ b/views/default/css/elements/forms.php @@ -10,34 +10,8 @@ /* *************************************** Form Elements *************************************** */ -fieldset.elgg-fieldset { - border: 1px solid #ccc; - padding: 10px; - margin-top: 10px; - background-color: #dedede; - - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} - -fieldset.elgg-fieldset legend { - font-weight: bold; - font-size: 110%; - padding: 3px 8px; - background-color: #EEE; - border: 1px solid #BBB; - - box-shadow: 1px 1px 2px #bbb; - - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} - fieldset > div { margin-bottom: 15px; - } fieldset > div:last-child { margin-bottom: 0; @@ -48,52 +22,31 @@ fieldset > div:last-child { } label { + font-weight: bold; color: #333; + font-size: 110%; } input, textarea { + border: 1px solid #ccc; color: #666; - font-family: "Open Sans"; - font-size: 120%; + font: 120% Arial, Helvetica, sans-serif; padding: 5px; width: 100%; -} - -input[type=text], input[type=password], textarea { - background-color: #f7f7f7; - border: 1px solid #ccc; - -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; - - box-shadow: inset 0 2px 3px #999; } -input[type=text]:focus, input[type=password]:focus, textarea:focus { - /*border: solid 1px #ff4c12;*/ - /*background: #D5E2F7;*/ - background: white; - border: 1px solid #888; +input[type=text]:focus, textarea:focus { + border: solid 1px #4690d6; + background: #e4ecf5; color:#333; } -input[type=file], input[type=button], input[type=reset], input[type=submit] { - border: none; -} - -input[type=file] { - background: none; -} - -input[type=image] { - width: auto; -} - textarea { height: 200px; } @@ -116,6 +69,7 @@ input[type="radio"] { margin:0 3px 0 0; padding:0; border:none; + border-radius:0; width:auto; } .elgg-input-checkboxes.elgg-horizontal li, @@ -232,7 +186,7 @@ input[type="radio"] { color:white !important; } .friends-picker-navigation li a.current { - background: #ff4c12; + background: #4690D6; color:white !important; } .friends-picker-navigation-l, .friends-picker-navigation-r { @@ -285,8 +239,6 @@ input[type="radio"] { *************************************** */ <?php //autocomplete will expand to fullscreen without max-width ?> .ui-autocomplete { - font-size: 90%; - font-weight: bold; position: absolute; cursor: default; } @@ -294,26 +246,31 @@ input[type="radio"] { max-width: 600px; } .ui-autocomplete { - background-color: #f7f7f7; + background-color: white; border: 1px solid #ccc; overflow: hidden; + + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } .ui-autocomplete .ui-menu-item { padding: 0px 4px; - font-weight: normal; + + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } .ui-autocomplete .ui-menu-item:hover { background-color: #eee; - cursor: pointer; } -.ui-autocomplete .ui-menu-item:hover a { - color: #FF4C12; - background: none; - border: none; - border-radius: 0; +.ui-autocomplete a:hover { + text-decoration: none; + color: #4690D6; } -.ui-combobox { - height: 23px !important; +.ui-autocomplete a.ui-state-hover { + background-color: #eee; + display: block; } /* *************************************** @@ -335,8 +292,8 @@ input[type="radio"] { margin-top: 3px; width: 208px; - background-color: #eee; - border: 1px solid #333; + background-color: white; + border: 1px solid #0054A7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; @@ -354,9 +311,10 @@ input[type="radio"] { .ui-datepicker-header { position: relative; - background: #333; - color: #eee; + background: #4690D6; + color: white; padding: 2px 0; + border-bottom: 1px solid #0054A7; } .ui-datepicker-header a { color: white; @@ -382,7 +340,7 @@ input[type="radio"] { margin: 4px; } .ui-datepicker th { - color: #ff4c12; + color: #0054A7; border: none; font-weight: bold; padding: 5px 6px; @@ -399,18 +357,19 @@ input[type="radio"] { text-decoration: none; } .ui-datepicker-calendar .ui-state-default { - border: 1px solid transparent; - color: #ff4c12; - background: none; + border: 1px solid #ccc; + color: #4690D6;; + background: #fafafa; } .ui-datepicker-calendar .ui-state-hover { border: 1px solid #aaa; + color: #0054A7; background: #eee; } .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-active.ui-state-hover { font-weight: bold; - border: 1px solid transparent; - color: #eee; - background: #333; + border: 1px solid #0054A7; + color: #0054A7; + background: #E4ECF5; } |