diff options
| author | Starla Insigna <hatkirby@fourisland.com> | 2009-08-13 17:46:09 -0400 |
|---|---|---|
| committer | Starla Insigna <hatkirby@fourisland.com> | 2009-08-13 17:46:09 -0400 |
| commit | b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a (patch) | |
| tree | 0449277e94a42aa155995a90fd8a89cb3309e7ab /theme/admin/css | |
| parent | 6a1d5b60e6ec541a36727b84b71168f62221f7d7 (diff) | |
| download | fourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.tar.gz fourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.tar.bz2 fourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.zip | |
Rewrote Admin panel
The following database changes must be made: * A TEXT column called "text" must be added to the end of "polloftheweek" * The transferPollRss.php script must be run * The "pollrss" table must be dropped Closes #113
Diffstat (limited to 'theme/admin/css')
| -rw-r--r-- | theme/admin/css/hack.css | 81 | ||||
| -rw-r--r-- | theme/admin/css/ie6.css | 23 | ||||
| -rw-r--r-- | theme/admin/css/ie7.css | 9 | ||||
| -rw-r--r-- | theme/admin/css/layout.css | 280 | ||||
| -rw-r--r-- | theme/admin/css/reset.css | 50 | ||||
| -rw-r--r-- | theme/admin/css/transdmin.css | 15 | ||||
| -rwxr-xr-x | theme/admin/css/uni-form-generic.css | 136 | ||||
| -rwxr-xr-x | theme/admin/css/uni-form.css | 118 |
8 files changed, 712 insertions, 0 deletions
| diff --git a/theme/admin/css/hack.css b/theme/admin/css/hack.css new file mode 100644 index 0000000..ca78b58 --- /dev/null +++ b/theme/admin/css/hack.css | |||
| @@ -0,0 +1,81 @@ | |||
| 1 | p { | ||
| 2 | margin: 1em 0; | ||
| 3 | } | ||
| 4 | |||
| 5 | div#flash { | ||
| 6 | position: fixed; | ||
| 7 | left: 0; | ||
| 8 | top: 0; | ||
| 9 | width: 100%; | ||
| 10 | background-color: yellow; | ||
| 11 | padding: 10px 0; | ||
| 12 | text-align: center; | ||
| 13 | border-bottom: 1px solid black; | ||
| 14 | z-index: 9999; | ||
| 15 | } | ||
| 16 | |||
| 17 | body { | ||
| 18 | background: url(/theme/images/backgrounds/island6.PNG) aqua repeat-x bottom left fixed; | ||
| 19 | } | ||
| 20 | |||
| 21 | h1 { | ||
| 22 | background: url(/theme/images/header.png); | ||
| 23 | margin: 0 auto; | ||
| 24 | } | ||
| 25 | |||
| 26 | h1, h1 a { | ||
| 27 | width: 800px; | ||
| 28 | height: 200px; | ||
| 29 | } | ||
| 30 | |||
| 31 | div#header { | ||
| 32 | background: url(/theme/images/header-repeat.png); | ||
| 33 | } | ||
| 34 | |||
| 35 | div#manage-options { | ||
| 36 | margin: .5em 0; | ||
| 37 | padding: .5em; | ||
| 38 | background-color: gray; | ||
| 39 | -moz-border-radius: 10px; | ||
| 40 | -webkit-border-radius: 10px; | ||
| 41 | -khtml-border-radius: 10px; | ||
| 42 | border-radius: 10px; | ||
| 43 | } | ||
| 44 | |||
| 45 | h2 { | ||
| 46 | float: none; | ||
| 47 | } | ||
| 48 | |||
| 49 | div.manage-pagination { | ||
| 50 | margin: .5em 0; | ||
| 51 | padding: .5em; | ||
| 52 | text-align: center; | ||
| 53 | } | ||
| 54 | |||
| 55 | .uniForm { background: #F2FAFF; } | ||
| 56 | .uniForm fieldset{ margin: 0 0 1.5em 0; } | ||
| 57 | .uniForm .inlineLabel em{ left: 10px !important; } | ||
| 58 | .uniForm .inlineLabels .ctrlHolder .multiField.phoneNum .blockLabel{ width: auto; } | ||
| 59 | .uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_ccode.textInput, | ||
| 60 | .uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_area.textInput{ width: 4em; } | ||
| 61 | .uniForm .blockLabels .ctrlHolder textarea { width: 99%; } | ||
| 62 | |||
| 63 | td.table-img { | ||
| 64 | width: 17px; | ||
| 65 | padding: 0 5px !important; | ||
| 66 | } | ||
| 67 | |||
| 68 | td.table-author { | ||
| 69 | text-align: right; | ||
| 70 | padding-right: 20px; | ||
| 71 | } | ||
| 72 | |||
| 73 | td.table-checkbox { | ||
| 74 | width: 17px; | ||
| 75 | padding: 0 5px; | ||
| 76 | } | ||
| 77 | |||
| 78 | tr.table-header td { | ||
| 79 | font-weight: bold; | ||
| 80 | text-align: center; | ||
| 81 | } | ||
| diff --git a/theme/admin/css/ie6.css b/theme/admin/css/ie6.css new file mode 100644 index 0000000..de5f9c7 --- /dev/null +++ b/theme/admin/css/ie6.css | |||
| @@ -0,0 +1,23 @@ | |||
| 1 | #main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; } | ||
| 2 | #main table tr .action .edit { color: #c5a059; } | ||
| 3 | #main table tr .action .delete { color: #a02b2b; } | ||
| 4 | #main table tr .action .view { color: #55a34a; } | ||
| 5 | #main table tr .action a:hover { text-decoration: underline; } | ||
| 6 | |||
| 7 | #main fieldset p { margin: 0 0 7px 0; } /* half of the normal bottom margin */ | ||
| 8 | |||
| 9 | .jNiceSelectWrapper ul { | ||
| 10 | height: 99px; | ||
| 11 | } | ||
| 12 | |||
| 13 | .jNiceSelectWrapper div span { | ||
| 14 | padding: 9px 7px 0; | ||
| 15 | } | ||
| 16 | |||
| 17 | button { | ||
| 18 | width: 85px; | ||
| 19 | } | ||
| 20 | |||
| 21 | .uniForm, .uniForm fieldset, .uniForm .ctrlHolder, .uniForm .formHint, .uniForm .buttonHolder, .uniForm .ctrlHolder .multiField, .uniForm .inlineLabel{ zoom:1; } | ||
| 22 | .uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .blockLabels label, .uniForm .blockLabels .label, .uniForm .inlineLabel span{ padding-bottom: .2em; } | ||
| 23 | .uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input{ margin-top: -.3em; } | ||
| diff --git a/theme/admin/css/ie7.css b/theme/admin/css/ie7.css new file mode 100644 index 0000000..c67e008 --- /dev/null +++ b/theme/admin/css/ie7.css | |||
| @@ -0,0 +1,9 @@ | |||
| 1 | #main fieldset p { margin: 0 0 7px 0; } /* half of the normal bottom margin */ | ||
| 2 | |||
| 3 | .jNiceSelectWrapper div span { | ||
| 4 | padding: 9px 7px 0; | ||
| 5 | } | ||
| 6 | |||
| 7 | .uniForm, .uniForm fieldset, .uniForm .ctrlHolder, .uniForm .formHint, .uniForm .buttonHolder, .uniForm .ctrlHolder .multiField, .uniForm .inlineLabel{ zoom:1; } | ||
| 8 | .uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .blockLabels label, .uniForm .blockLabels .label, .uniForm .inlineLabel span{ padding-bottom: .2em; } | ||
| 9 | .uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input{ margin-top: -.3em; } | ||
| diff --git a/theme/admin/css/layout.css b/theme/admin/css/layout.css new file mode 100644 index 0000000..06aa372 --- /dev/null +++ b/theme/admin/css/layout.css | |||
| @@ -0,0 +1,280 @@ | |||
| 1 | /* Basic ---------------------------------------- */ | ||
| 2 | |||
| 3 | .clear { clear: both; } | ||
| 4 | |||
| 5 | body { | ||
| 6 | background: white; | ||
| 7 | font-family: Arial, Helvetica, sans-serif; | ||
| 8 | font-size: 12px; | ||
| 9 | color: #646464; | ||
| 10 | text-align: center; | ||
| 11 | } | ||
| 12 | |||
| 13 | #wrapper { | ||
| 14 | text-align: left; | ||
| 15 | width: 930px; | ||
| 16 | margin: 0 auto; | ||
| 17 | } | ||
| 18 | |||
| 19 | /* Logo ---------------------------------------- */ | ||
| 20 | |||
| 21 | h1 { | ||
| 22 | margin: 15px 0 10px 5px; | ||
| 23 | width: 225px; | ||
| 24 | height: 28px; | ||
| 25 | background: url(../img/transdmin-light.gif) no-repeat left top; | ||
| 26 | } | ||
| 27 | |||
| 28 | h1 a { | ||
| 29 | display: block; | ||
| 30 | width: 225px; | ||
| 31 | height: 28px; | ||
| 32 | } | ||
| 33 | |||
| 34 | h1 span { display: none; } | ||
| 35 | |||
| 36 | /* Main Navigation ---------------------------------------- */ | ||
| 37 | |||
| 38 | #mainNav { | ||
| 39 | width: 918px; | ||
| 40 | height: 37px; | ||
| 41 | padding: 6px; | ||
| 42 | margin: 0 0 30px 0; | ||
| 43 | background: url(../img/top-menu-bg.gif) no-repeat left top; | ||
| 44 | /* We used a background image making the thick border and the thin one to keep the html structure simple */ | ||
| 45 | } | ||
| 46 | |||
| 47 | #mainNav li { | ||
| 48 | float: left; | ||
| 49 | height: 37px; | ||
| 50 | border-right: 1px solid #ddd; | ||
| 51 | } | ||
| 52 | |||
| 53 | #mainNav li a { | ||
| 54 | display: block; | ||
| 55 | float: left; | ||
| 56 | height: 37px; | ||
| 57 | font-weight: bold; | ||
| 58 | line-height: 37px; | ||
| 59 | text-decoration: none; | ||
| 60 | color: #646464; | ||
| 61 | padding: 0 20px; | ||
| 62 | } | ||
| 63 | |||
| 64 | #mainNav li.logout { | ||
| 65 | float: right; | ||
| 66 | border-left: 1px solid #ddd; | ||
| 67 | border-right: none; | ||
| 68 | } | ||
| 69 | |||
| 70 | #mainNav li a:hover { background: #fdfcf6; } | ||
| 71 | |||
| 72 | #mainNav li a.active, #mainNav li a.active { | ||
| 73 | background: #f0f0f0 url(../img/top-menu-item-bg.gif) repeat-x left top; | ||
| 74 | color: #454545; | ||
| 75 | } | ||
| 76 | |||
| 77 | /* Container ---------------------------------------- */ | ||
| 78 | |||
| 79 | #containerHolder { | ||
| 80 | background: #eee; | ||
| 81 | padding: 5px; | ||
| 82 | } | ||
| 83 | |||
| 84 | |||
| 85 | #container { | ||
| 86 | background: #fff url(../img/content.gif) repeat-y left top; | ||
| 87 | border: 1px solid #ddd; | ||
| 88 | width: 918px; | ||
| 89 | } | ||
| 90 | |||
| 91 | /* Sidebar ---------------------------------------- */ | ||
| 92 | |||
| 93 | #sidebar { | ||
| 94 | width: 179px; | ||
| 95 | float: left; | ||
| 96 | } | ||
| 97 | |||
| 98 | #sidebar .sideNav { width: 179px; } | ||
| 99 | |||
| 100 | #sidebar .sideNav li { border-bottom: 1px solid #ddd; width: 179px; } | ||
| 101 | |||
| 102 | #sidebar .sideNav li a { | ||
| 103 | display: block; | ||
| 104 | color: #646464; | ||
| 105 | background: #f6f6f6; | ||
| 106 | text-decoration: none; | ||
| 107 | height: 29px; | ||
| 108 | line-height: 29px; | ||
| 109 | padding: 0 19px; | ||
| 110 | width: 141px; | ||
| 111 | } | ||
| 112 | |||
| 113 | #sidebar .sideNav li a:hover { background: #fdfcf6; } | ||
| 114 | |||
| 115 | #sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover { | ||
| 116 | background: #f0f7fa; | ||
| 117 | color: #c66653; | ||
| 118 | } | ||
| 119 | |||
| 120 | /* Breadcrumb ---------------------------------------- */ | ||
| 121 | |||
| 122 | h2 { | ||
| 123 | width: 718px; | ||
| 124 | float: right; | ||
| 125 | color: #646464; | ||
| 126 | font-size: 16px; | ||
| 127 | line-height: 16px; | ||
| 128 | font-weight: bold; | ||
| 129 | margin: 20px 0 0 0; | ||
| 130 | padding: 0 0 10px 0; | ||
| 131 | border-bottom: 1px solid #ddd; | ||
| 132 | } | ||
| 133 | |||
| 134 | h2 a { | ||
| 135 | color: #646464; | ||
| 136 | text-decoration: none; | ||
| 137 | } | ||
| 138 | |||
| 139 | h2 a.active { color: #c66653; } | ||
| 140 | |||
| 141 | h2 a:hover { text-decoration: underline; } | ||
| 142 | |||
| 143 | /* Content ---------------------------------------- */ | ||
| 144 | |||
| 145 | #main { | ||
| 146 | width: 700px; | ||
| 147 | float: right; | ||
| 148 | padding: 0 19px 0 0; | ||
| 149 | } | ||
| 150 | |||
| 151 | h3 { | ||
| 152 | font-size: 14px; | ||
| 153 | line-height: 14px; | ||
| 154 | font-weight: bold; | ||
| 155 | color: #5494af; | ||
| 156 | padding: 0 0 0 10px; | ||
| 157 | margin: 20px 0 10px; | ||
| 158 | } | ||
| 159 | |||
| 160 | #main table { | ||
| 161 | border-top: 1px solid #ddd; | ||
| 162 | width: 700px; | ||
| 163 | } | ||
| 164 | |||
| 165 | #main table tr td { | ||
| 166 | background: #f6f6f6; | ||
| 167 | padding: 0px 20px; | ||
| 168 | height: 29px; | ||
| 169 | line-height: 29px; | ||
| 170 | border-bottom: 1px solid #ddd; | ||
| 171 | } | ||
| 172 | |||
| 173 | #main table tr.odd td { | ||
| 174 | background: #fbfbfb; | ||
| 175 | } | ||
| 176 | |||
| 177 | #main table tr:hover td { background: #fdfcf6; } | ||
| 178 | |||
| 179 | #main table .action { | ||
| 180 | text-align: right; | ||
| 181 | padding: 0 20px 0 10px; | ||
| 182 | } | ||
| 183 | |||
| 184 | #main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; } | ||
| 185 | #main table tr:hover .action .edit { color: #c5a059; } | ||
| 186 | #main table tr:hover .action .delete { color: #a02b2b; } | ||
| 187 | #main table tr:hover .action .view { color: #55a34a; } | ||
| 188 | |||
| 189 | #main table tr:hover .action a:hover { text-decoration: underline; } | ||
| 190 | |||
| 191 | /*#main fieldset { | ||
| 192 | border: 1px solid #ddd; | ||
| 193 | padding: 19px; | ||
| 194 | margin: 0 0 20px 0; | ||
| 195 | background: #fbfbfb; | ||
| 196 | } | ||
| 197 | |||
| 198 | #main fieldset p { margin: 0 0 14px 0; float: left; width: 100%; } | ||
| 199 | |||
| 200 | #main fieldset label { | ||
| 201 | display: block; | ||
| 202 | width: 100%; | ||
| 203 | margin: 0 0 7px 0; | ||
| 204 | line-height: 12px; | ||
| 205 | } | ||
| 206 | |||
| 207 | #main fieldset .text-long { | ||
| 208 | border: 1px solid #ddd; | ||
| 209 | background: #fff url(../img/input-shaddow.gif) no-repeat left top; | ||
| 210 | font: 11px Arial, Helvetica, sans-serif; | ||
| 211 | color: #646464; | ||
| 212 | padding: 5px 7px; | ||
| 213 | width: 264px; | ||
| 214 | float: left; | ||
| 215 | margin: 0 10px 0 0; | ||
| 216 | } | ||
| 217 | |||
| 218 | #main fieldset .text-medium { | ||
| 219 | border: 1px solid #ddd; | ||
| 220 | background: #fff url(../img/input-shaddow.gif) no-repeat left top; | ||
| 221 | font: 11px Arial, Helvetica, sans-serif; | ||
| 222 | color: #646464; | ||
| 223 | padding: 5px 7px; | ||
| 224 | width: 124px; | ||
| 225 | float: left; | ||
| 226 | margin: 0 10px 0 0; | ||
| 227 | } | ||
| 228 | |||
| 229 | #main fieldset .text-small { | ||
| 230 | border: 1px solid #ddd; | ||
| 231 | background: #fff url(../img/input-shaddow.gif) no-repeat left top; | ||
| 232 | font: 11px Arial, Helvetica, sans-serif; | ||
| 233 | color: #646464; | ||
| 234 | padding: 5px 7px; | ||
| 235 | width: 44px; | ||
| 236 | float: left; | ||
| 237 | margin: 0 10px 0 0; | ||
| 238 | } | ||
| 239 | |||
| 240 | #main fieldset .text-long:focus, | ||
| 241 | #main fieldset .text-medium:focus, | ||
| 242 | #main fieldset .text-small:focus, | ||
| 243 | #main fieldset textarea:focus { background: #fdfcf6 url(../img/input-shaddow-hover.gif) no-repeat left top; } | ||
| 244 | |||
| 245 | #main fieldset textarea { | ||
| 246 | border: 1px solid #ddd; | ||
| 247 | background: #fff url(../img/input-shaddow.gif) no-repeat left top; | ||
| 248 | font: 11px Arial, Helvetica, sans-serif; | ||
| 249 | color: #646464; | ||
| 250 | padding: 5px 7px; | ||
| 251 | width: 364px; | ||
| 252 | float: left; | ||
| 253 | margin: 0 10px 0 0; | ||
| 254 | height: 148px; | ||
| 255 | overflow: hidden; | ||
| 256 | }*/ | ||
| 257 | |||
| 258 | .button-submit { | ||
| 259 | font: 11px Arial, Helvetica, sans-serif; | ||
| 260 | color: #646464; | ||
| 261 | width: 94px; | ||
| 262 | height: 29px; | ||
| 263 | cursor: pointer; | ||
| 264 | border: none; | ||
| 265 | background: url(../img/button-submit.gif) no-repeat left top; | ||
| 266 | } | ||
| 267 | |||
| 268 | /* Footer ---------------------------------------- */ | ||
| 269 | |||
| 270 | #footer { | ||
| 271 | margin: 10px 0 30px 0; | ||
| 272 | font-size: 11px; | ||
| 273 | line-height: 11px; | ||
| 274 | color: #9B9B9B; | ||
| 275 | padding: 0 0 0 5px; | ||
| 276 | } | ||
| 277 | |||
| 278 | #footer a { color: #9B9B9B; } | ||
| 279 | |||
| 280 | #footer a:hover { text-decoration: none; } | ||
| diff --git a/theme/admin/css/reset.css b/theme/admin/css/reset.css new file mode 100644 index 0000000..08ec888 --- /dev/null +++ b/theme/admin/css/reset.css | |||
| @@ -0,0 +1,50 @@ | |||
| 1 | html, body, div, span, applet, object, iframe, | ||
| 2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
| 3 | a, abbr, acronym, address, big, cite, code, | ||
| 4 | del, dfn, em, font, img, ins, kbd, q, s, samp, | ||
| 5 | small, strike, strong, sub, sup, tt, var, | ||
| 6 | b, u, i, center, | ||
| 7 | dl, dt, dd, ol, ul, li, | ||
| 8 | fieldset, form, label, legend, | ||
| 9 | table, caption, tbody, tfoot, thead, tr, th, td { | ||
| 10 | margin: 0; | ||
| 11 | padding: 0; | ||
| 12 | border: 0; | ||
| 13 | outline: 0; | ||
| 14 | font-size: 100%; | ||
| 15 | vertical-align: baseline; | ||
| 16 | background: transparent; | ||
| 17 | } | ||
| 18 | body { | ||
| 19 | line-height: 1; | ||
| 20 | } | ||
| 21 | ol, ul { | ||
| 22 | list-style: none; | ||
| 23 | } | ||
| 24 | blockquote, q { | ||
| 25 | quotes: none; | ||
| 26 | } | ||
| 27 | |||
| 28 | /* remember to define focus styles! */ | ||
| 29 | :focus { | ||
| 30 | outline: 0; | ||
| 31 | } | ||
| 32 | |||
| 33 | /* remove textarea resize at Safari */ | ||
| 34 | textarea { | ||
| 35 | resize: none; | ||
| 36 | } | ||
| 37 | |||
| 38 | /* remember to highlight inserts somehow! */ | ||
| 39 | ins { | ||
| 40 | text-decoration: none; | ||
| 41 | } | ||
| 42 | del { | ||
| 43 | text-decoration: line-through; | ||
| 44 | } | ||
| 45 | |||
| 46 | /* tables still need 'cellspacing="0"' in the markup */ | ||
| 47 | table { | ||
| 48 | border-collapse: collapse; | ||
| 49 | border-spacing: 0; | ||
| 50 | } | ||
| diff --git a/theme/admin/css/transdmin.css b/theme/admin/css/transdmin.css new file mode 100644 index 0000000..5c03204 --- /dev/null +++ b/theme/admin/css/transdmin.css | |||
| @@ -0,0 +1,15 @@ | |||
| 1 | /* ----------------------------------------------- | ||
| 2 | |||
| 3 | * Screen Style Sheet | ||
| 4 | |||
| 5 | * Name: Transdmin Light | ||
| 6 | |||
| 7 | * Coded by: Perspectived | ||
| 8 | http://www.perspectived.com | ||
| 9 | |||
| 10 | ----------------------------------------------- */ | ||
| 11 | |||
| 12 | /* CSS reset by Eric Meyer */ | ||
| 13 | @import url("reset.css"); | ||
| 14 | @import url("layout.css"); | ||
| 15 | @import url("hack.css"); | ||
| diff --git a/theme/admin/css/uni-form-generic.css b/theme/admin/css/uni-form-generic.css new file mode 100755 index 0000000..f9e0f39 --- /dev/null +++ b/theme/admin/css/uni-form-generic.css | |||
| @@ -0,0 +1,136 @@ | |||
| 1 | /* Uni-Form by Dragan Babic [Superawesome Industries] - http: //sprawsm.com/uni-form/ */ | ||
| 2 | /* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/ */ | ||
| 3 | /* Do not edit this file directly, make your changes to uni-form.css in the same folder */ | ||
| 4 | |||
| 5 | /* ------------------------------------------------------------------------------ */ | ||
| 6 | |||
| 7 | .uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */ | ||
| 8 | |||
| 9 | /* Some generals and more resets */ | ||
| 10 | .uniForm fieldset{ border: none; margin: 0; padding: 0; } | ||
| 11 | .uniForm fieldset legend{ margin: 0; padding: 0; } | ||
| 12 | |||
| 13 | /* This is the main unit that contains our form elements */ | ||
| 14 | .uniForm .ctrlHolder, | ||
| 15 | .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; } | ||
| 16 | |||
| 17 | /* Clear all floats */ | ||
| 18 | .uniForm:after, | ||
| 19 | .uniForm .buttonHolder:after, | ||
| 20 | .uniForm .ctrlHolder:after, | ||
| 21 | .uniForm .ctrlHolder .multiField:after, | ||
| 22 | .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } | ||
| 23 | |||
| 24 | /* A class to be used on a label that contains a checkbox or a radio button */ | ||
| 25 | .uniForm .inlineLabel, | ||
| 26 | .uniForm .inlineLabels .inlineLabel, | ||
| 27 | .uniForm .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; } | ||
| 28 | /* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */ | ||
| 29 | /* Legacy/Inheritance fix */ | ||
| 30 | .uniForm .inlineLabel input, | ||
| 31 | .uniForm .inlineLabels .inlineLabel input, | ||
| 32 | .uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; } | ||
| 33 | |||
| 34 | /* ------------------------------------------------------------------------------ */ | ||
| 35 | |||
| 36 | /* Styles for form controls where labels are above the input elements */ | ||
| 37 | /* Set the class of the parent (preferably to a fieldset) to .blockLabels */ | ||
| 38 | |||
| 39 | .uniForm label, | ||
| 40 | .uniForm .label, | ||
| 41 | .uniForm .blockLabels label, | ||
| 42 | .uniForm .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; } | ||
| 43 | |||
| 44 | /* Float the input elements */ | ||
| 45 | .uniForm .textInput, | ||
| 46 | .uniForm .blockLabels .textInput, | ||
| 47 | .uniForm .blockLabels .fileUpload, | ||
| 48 | .uniForm .selectInput, | ||
| 49 | .uniForm .blockLabels .selectInput, | ||
| 50 | .uniForm .blockLabels select, | ||
| 51 | .uniForm textarea, | ||
| 52 | .uniForm .blockLabels textarea{ float: left; } | ||
| 53 | |||
| 54 | /* Postition the hints */ | ||
| 55 | .uniForm .formHint, | ||
| 56 | .uniForm .blockLabels .formHint{ float: right; margin: 0; clear: none; } | ||
| 57 | |||
| 58 | /* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */ | ||
| 59 | .uniForm .multiField, | ||
| 60 | .uniForm .blockLabels .multiField{ width: auto; float: left; } | ||
| 61 | .uniForm .multiField .inlineLabel, | ||
| 62 | .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; } | ||
| 63 | .uniForm .multiField .blockLabel, | ||
| 64 | .uniForm .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; } | ||
| 65 | .uniForm .multiField .blockLabel .textInput, | ||
| 66 | .uniForm .multiField .blockLabel .selectInput, | ||
| 67 | .uniForm .multiField .blockLabel select, | ||
| 68 | .uniForm .blockLabels .multiField .blockLabel .textInput, | ||
| 69 | .uniForm .blockLabels .multiField .blockLabel .selectInput, | ||
| 70 | .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; } | ||
| 71 | |||
| 72 | /* ------------------------------------------------------------------------------ */ | ||
| 73 | |||
| 74 | /* Styles for form controls where labels are in line with the input elements */ | ||
| 75 | /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */ | ||
| 76 | .uniForm .inlineLabels label, | ||
| 77 | .uniForm .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; } | ||
| 78 | |||
| 79 | /* Float the input elements */ | ||
| 80 | .uniForm .inlineLabels .textInput, | ||
| 81 | .uniForm .inlineLabels .fileUpload, | ||
| 82 | .uniForm .inlineLabels .selectInput, | ||
| 83 | .uniForm .inlineLabels select, | ||
| 84 | .uniForm .inlineLabels textarea{ float: left; } | ||
| 85 | |||
| 86 | /* Postition the hints */ | ||
| 87 | .uniForm .inlineLabels .formHint{ clear: both; float: none; } | ||
| 88 | .uniForm .inlineLabels .multiField{ float: left; } | ||
| 89 | .uniForm .inlineLabels .multiField .inlineLabel{} | ||
| 90 | .uniForm .inlineLabels .multiField .blockLabel{} | ||
| 91 | .uniForm .inlineLabels .multiField .blockLabel .textInput, | ||
| 92 | .uniForm .inlineLabels .multiField .blockLabel .selectInput, | ||
| 93 | .uniForm .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; } | ||
| 94 | .uniForm .inlineLabels .multiField select{ float: left; } | ||
| 95 | |||
| 96 | /* ------------------------------------------------------------------------------ */ | ||
| 97 | |||
| 98 | /* Required fields asterisk styling for .blockLabels */ | ||
| 99 | .uniForm label em, | ||
| 100 | .uniForm .label em, | ||
| 101 | .uniForm .blockLabels label em, | ||
| 102 | .uniForm .blockLabels .label em{ position: absolute; left: -7px; } | ||
| 103 | |||
| 104 | /* Required fields asterisk styling for .inlineLabels */ | ||
| 105 | .uniForm .inlineLabels label em, | ||
| 106 | .uniForm .inlineLabels .label em{ display: block; position: absolute; left: auto; right: 0; font-style: normal; font-weight: bold; } | ||
| 107 | .uniForm .inlineLabel em{ position: absolute; left: 7px; } | ||
| 108 | |||
| 109 | /* ------------------------------------------------------------------------------ */ | ||
| 110 | |||
| 111 | /* Messages */ | ||
| 112 | .uniForm #errorMsg, | ||
| 113 | .uniForm .error{ | ||
| 114 | } | ||
| 115 | .uniForm #errorMsg dt, | ||
| 116 | .uniForm #errorMsg h3{ | ||
| 117 | } | ||
| 118 | .uniForm #errorMsg dd{ | ||
| 119 | } | ||
| 120 | .uniForm #errorMsg ol{ | ||
| 121 | } | ||
| 122 | .uniForm #errorMsg ol li{ | ||
| 123 | } | ||
| 124 | .uniForm .errorField{ | ||
| 125 | } | ||
| 126 | |||
| 127 | .uniForm #OKMsg{ | ||
| 128 | } | ||
| 129 | |||
| 130 | /* ------------------------------------------------------------------------------ */ | ||
| 131 | |||
| 132 | /* Columns */ | ||
| 133 | |||
| 134 | .uniForm .col{ float: left; } | ||
| 135 | .uniForm .col.first{} | ||
| 136 | .uniForm .col.last{} \ No newline at end of file | ||
| diff --git a/theme/admin/css/uni-form.css b/theme/admin/css/uni-form.css new file mode 100755 index 0000000..53520ba --- /dev/null +++ b/theme/admin/css/uni-form.css | |||
| @@ -0,0 +1,118 @@ | |||
| 1 | @import "uni-form-generic.css"; | ||
| 2 | /* Keep in mind that wherever you see 'Required property' it means that the property must exist */ | ||
| 3 | |||
| 4 | /* ------------------------------------------------------------------------------ */ | ||
| 5 | |||
| 6 | /* Generals */ | ||
| 7 | .uniForm fieldset{} | ||
| 8 | .uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; } | ||
| 9 | |||
| 10 | /* This is the main unit that contains our form elements */ | ||
| 11 | .uniForm .ctrlHolder{ padding: 7px; border-bottom: 1px solid #dfdfdf; } | ||
| 12 | |||
| 13 | .uniForm .buttonHolder{ text-align: right; } | ||
| 14 | .uniForm .resetButton{ float: left; } | ||
| 15 | .uniForm .primaryAction{ font-weight: bold; } | ||
| 16 | |||
| 17 | /* This class gets added to div.ctrlHolder to highlight the row */ | ||
| 18 | .uniForm .focused{ background: #fffcdf; } | ||
| 19 | |||
| 20 | /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */ | ||
| 21 | .uniForm .inlineLabel input, | ||
| 22 | .uniForm .inlineLabels .inlineLabel input, | ||
| 23 | .uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; } | ||
| 24 | .uniForm .inlineLabel span{ float: left; width: 90%; } | ||
| 25 | |||
| 26 | /* ------------------------------------------------------------------------------ */ | ||
| 27 | |||
| 28 | /* .blockLabels (default style, will be applied even if you don't class the parent element) */ | ||
| 29 | .uniForm .blockLabels .ctrlHolder{} | ||
| 30 | |||
| 31 | .uniForm label, | ||
| 32 | .uniForm .blockLabels label, | ||
| 33 | .uniForm .blockLabels .label{ margin: 0 0 .5em 0; } | ||
| 34 | |||
| 35 | .uniForm .textInput, | ||
| 36 | .uniForm .blockLabels .textInput, | ||
| 37 | .uniForm .blockLabels .fileUpload{ width: 53%; /* <- Required property */ } | ||
| 38 | |||
| 39 | .uniForm .selectInput, | ||
| 40 | .uniForm select, | ||
| 41 | .uniForm .blockLabels .selectInput, | ||
| 42 | .uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ } | ||
| 43 | .uniForm textarea, | ||
| 44 | .uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ height: 12em; } | ||
| 45 | |||
| 46 | .uniForm .formHint, | ||
| 47 | .uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; } | ||
| 48 | |||
| 49 | .uniForm .multiField, | ||
| 50 | .uniForm .blockLabels .multiField{ width: 53%; } | ||
| 51 | .uniForm .multiField .inlineLabel, | ||
| 52 | .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; } | ||
| 53 | .uniForm .multiField .blockLabel, | ||
| 54 | .uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; } | ||
| 55 | .uniForm .multiField .blockLabel .textInput, | ||
| 56 | .uniForm .multiField .blockLabel .selectInput, | ||
| 57 | .uniForm .multiField .blockLabel select, | ||
| 58 | .uniForm .blockLabels .multiField .blockLabel .textInput, | ||
| 59 | .uniForm .blockLabels .multiField .blockLabel .selectInput, | ||
| 60 | .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; } | ||
| 61 | |||
| 62 | /* ------------------------------------------------------------------------------ */ | ||
| 63 | |||
| 64 | /* .inlineLabels */ | ||
| 65 | .uniForm .inlineLabels .ctrlHolder{} | ||
| 66 | |||
| 67 | .uniForm .inlineLabels label, | ||
| 68 | .uniForm .inlineLabels .label{ width: 45%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ } | ||
| 69 | |||
| 70 | .uniForm .inlineLabels .textInput, | ||
| 71 | .uniForm .inlineLabels .fileUpload{ width: 45%; /* <- Required property */ } | ||
| 72 | |||
| 73 | .uniForm .inlineLabels .selectInput, | ||
| 74 | .uniForm .inlineLabels select{ width: 45%; /* <- Required property */ } | ||
| 75 | |||
| 76 | .uniForm .inlineLabels textarea{ width: 45%; /* <- Required property */ height: 12em; } | ||
| 77 | |||
| 78 | .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 47%; font-size: .9em; color: #777; position: static; } | ||
| 79 | |||
| 80 | .uniForm .inlineLabels .multiField{ width: 45%; /* <- Required property */ margin: 0 0 .3em 0; } | ||
| 81 | .uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; } | ||
| 82 | .uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; } | ||
| 83 | .uniForm .inlineLabels .multiField .blockLabel .textInput, | ||
| 84 | .uniForm .inlineLabels .multiField .blockLabel .selectInput, | ||
| 85 | .uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; } | ||
| 86 | |||
| 87 | /* Focus pseudoclasses */ | ||
| 88 | .uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ } | ||
| 89 | .uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ } | ||
| 90 | .uniForm div.focused .formHint{ color: #333; } | ||
| 91 | |||
| 92 | /* Columns (they are floated left by default) */ | ||
| 93 | .uniForm .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; } | ||
| 94 | /* Use .first and .last classes to control the layout/spacing of your columns */ | ||
| 95 | .uniForm .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; } | ||
| 96 | .uniForm .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; } | ||
| 97 | |||
| 98 | /* Messages */ | ||
| 99 | .uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; } | ||
| 100 | .uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; } | ||
| 101 | |||
| 102 | .uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; } | ||
| 103 | .uniForm #errorMsg dd{ margin: 0; padding: 0; } | ||
| 104 | .uniForm #errorMsg ol{ margin: 0; padding: 0; } | ||
| 105 | .uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; } | ||
| 106 | .uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; } | ||
| 107 | |||
| 108 | .uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; } | ||
| 109 | .uniForm #OKMsg p{ margin: 0; } | ||
| 110 | |||
| 111 | /* | ||
| 112 | IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE, | ||
| 113 | AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE, | ||
| 114 | YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK... | ||
| 115 | */ | ||
| 116 | |||
| 117 | /* ------------------------------------------------------------------------------ */ | ||
| 118 | |||
