aboutsummaryrefslogtreecommitdiff
path: root/views/default/css/elements/forms.php
diff options
context:
space:
mode:
Diffstat (limited to 'views/default/css/elements/forms.php')
-rw-r--r--views/default/css/elements/forms.php112
1 files changed, 20 insertions, 92 deletions
diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php
index 81db81747..c6aa55841 100644
--- a/views/default/css/elements/forms.php
+++ b/views/default/css/elements/forms.php
@@ -33,16 +33,13 @@ input, textarea {
font: 120% Arial, Helvetica, sans-serif;
padding: 5px;
width: 100%;
- -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;
}
-input[type=text]:focus, textarea:focus {
- border: solid 1px #4690d6;
+input:focus, textarea:focus {
+
background: #e4ecf5;
color:#333;
}
@@ -72,13 +69,14 @@ input[type="radio"] {
width:auto;
}
.elgg-input-checkboxes.elgg-horizontal li,
-.elgg-input-radios.elgg-horizontal li {
+.elgg-input-radio.elgg-horizontal li {
display: inline;
padding-right: 10px;
}
-.elgg-form-login, .elgg-form-account {
- max-width: 450px;
+.elgg-form-account input[type="text"],
+.elgg-form-account input[type="password"] {
+ width: 300px;
}
/* ***************************************
@@ -114,18 +112,9 @@ input[type="radio"] {
width: 730px;
height: auto;
background-color: #dedede;
-
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;
}
.friendspicker-savebuttons {
background: white;
-
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;
-
margin:0 10px 10px;
}
.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS */
@@ -171,10 +160,6 @@ input[type="radio"] {
display: block;
padding: 0;
width:20px;
-
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
}
.tabHasContent {
background: white;
@@ -185,7 +170,6 @@ input[type="radio"] {
color:white !important;
}
.friends-picker-navigation li a.current {
- background: #4690D6;
color:white !important;
}
.friends-picker-navigation-l, .friends-picker-navigation-r {
@@ -224,92 +208,37 @@ input[type="radio"] {
}
.friendspicker-members-table {
background: #dedede;
-
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;
-
margin:10px 0 0;
padding:10px 10px 0;
}
/* ***************************************
- AUTOCOMPLETE
-*************************************** */
-<?php //autocomplete will expand to fullscreen without max-width ?>
-.ui-autocomplete {
- position: absolute;
- cursor: default;
-}
-.elgg-autocomplete-item .elgg-body {
- max-width: 600px;
-}
-.ui-autocomplete {
- 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;
-
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
-}
-.ui-autocomplete .ui-menu-item:hover {
- background-color: #eee;
-}
-.ui-autocomplete a:hover {
- text-decoration: none;
- color: #4690D6;
-}
-
-/* ***************************************
USER PICKER
*************************************** */
-.elgg-user-picker-list li:first-child {
- border-top: 1px dotted #ccc;
- margin-top: 5px;
+
+.user-picker .user-picker-entry {
+ clear:both;
+ height:25px;
+ padding:5px;
+ margin-top:5px;
+ border-bottom:1px solid #cccccc;
}
-.elgg-user-picker-list > li {
- border-bottom: 1px dotted #ccc;
+.user-picker-entry .elgg-button-delete {
+ margin-right:10px;
}
-
/* ***************************************
DATE PICKER
**************************************** */
.ui-datepicker {
- display: none;
-
margin-top: 3px;
- width: 208px;
background-color: white;
- border: 1px solid #0054A7;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
+ border: 1px solid #333333;
overflow: hidden;
-
- -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);
-}
-.ui-datepicker-inline {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
}
.ui-datepicker-header {
- position: relative;
- background: #4690D6;
color: white;
padding: 2px 0;
- border-bottom: 1px solid #0054A7;
}
.ui-datepicker-header a {
color: white;
@@ -335,7 +264,7 @@ input[type="radio"] {
margin: 4px;
}
.ui-datepicker th {
- color: #0054A7;
+ color: #333333;
border: none;
font-weight: bold;
padding: 5px 6px;
@@ -353,18 +282,17 @@ input[type="radio"] {
}
.ui-datepicker-calendar .ui-state-default {
border: 1px solid #ccc;
- color: #4690D6;;
background: #fafafa;
}
.ui-datepicker-calendar .ui-state-hover {
border: 1px solid #aaa;
- color: #0054A7;
+ color: #333333;
background: #eee;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
font-weight: bold;
- border: 1px solid #0054A7;
- color: #0054A7;
+ border: 1px solid #333333;
+ color: #333333;
background: #E4ECF5;
}