Skip to content
Browse files

Reworking fieldset styles for more cross-browser compat

  • Loading branch information...
1 parent ba4b115 commit 35ba496a9cd5c6f2868c22fa8fade0a75cc6bc1d @rupl committed Mar 10, 2012
Showing with 51 additions and 19 deletions.
  1. +6 −6 _lib.php
  2. +45 −13 css/style.css
View
12 _lib.php
@@ -61,19 +61,19 @@ function formMakefile($v){
$output .= formCores($v);
$output .= '<fieldset id="fs-contrib">
- <legend>Modules</legend>';
+ <legend><p>Modules</p></legend>';
$output .= formModules($v);
$output .= '</fieldset>
<fieldset id="fs-themes">
- <legend>Themes</legend>';
+ <legend><p>Themes</p></legend>';
$output .= formThemes($v);
$output .= '</fieldset>
<fieldset id="fs-libs">
- <legend>Libraries</legend>';
+ <legend><p>Libraries</p></legend>';
$output .= formLibs($v);
$output .= '</fieldset>
<fieldset id="fs-opts">
- <legend>Options</legend>';
+ <legend><p>Options</p></legend>';
$output .= formOpts($v);
$output .= '</fieldset>';
@@ -94,7 +94,7 @@ function formVersion($v){
if ($v == 7){$checked6 = ''; $checked7 = 'checked="checked"'; }
$output .= '<fieldset id="fs-version">
- <legend>Drupal Version <span class="small">Since different modules and themes are available for each major version<br /> of Drupal, the form will be <strong>reset</strong> if you change this setting.</span></legend>
+ <legend><p>Drupal Version <span class="small">Since different modules and themes are available for each major version<br /> of Drupal, the form will be <strong>reset</strong> if you change this setting.</span></p></legend>
<label for="o-version6"><input id="o-version6" type="radio" name="makefile[version]" value="6" '.$checked6.' /> <span class="title">Drupal 6</span></label>
<label for="o-version7"><input id="o-version7" type="radio" name="makefile[version]" value="7" '.$checked7.'/> <span class="title">Drupal 7</span></label>
</fieldset>';
@@ -114,7 +114,7 @@ function formCores($v){
$cores = mysql_query($coresSQL);
$output .= '<fieldset class="fs-core">
- <legend>Drupal core or distribution</legend>';
+ <legend><p>Drupal core or distribution</p></legend>';
while($c = mysql_fetch_assoc($cores)):
$output .= '
View
58 css/style.css
@@ -101,30 +101,55 @@ ul li,ol li {margin: 0 0 .5em 1.5em; }
strong {color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
a.ready {
- display: inline-block; margin: .5em 0; padding: .5em 1em; border: 4px solid #ec3; color: #fff; font-size: 1.4em; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.4); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;
+ display: inline-block;
+ margin: .5em 0;
+ padding: .5em 1em;
+ border: 4px solid #ec3;
+ color: #fff;
+ font-size: 1.4em;
+ text-decoration: none;
+ text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
+ -webkit-border-radius: 9px;
+ -moz-border-radius: 9px;
+ border-radius: 9px;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
}
a.ready:active {position: relative; top: 1px; }
form#generateForm {}
-fieldset {margin: 0 0 36px 0; padding: 1em 0 2em; background: #ccc; color: #333;
- -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
+fieldset {
+ margin: 0 0 36px 0;
+ padding: 0 0 2em 0;
+ background: #ccc;
+ color: #333;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
- box-shadow: 0 0 6px rgba(0,0,0,0.5);
- -moz-border-radius: 16px;
+ -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
+ box-shadow: 0 0 6px rgba(0,0,0,0.5);
-webkit-border-radius: 16px;
- border-radius: 16px;
+ -moz-border-radius: 16px;
+ border-radius: 16px;
+}
+.is_webkit fieldset {
+ padding-top: 2em;
}
fieldset legend {
- width: 92.5%; margin: 0; padding: .5em 4%; color: #faa51a; font-size: 2em; font-weight: 400; font-family: "Droid Sans", sans-serif; text-shadow: 1px 1px 0 #000;
- -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5);
+ width: 100%;
+}
+fieldset legend p {
+ padding: .5em 4%;
+ color: #faa51a;
+ font-size: 2em;
+ font-weight: 400;
+ font-family: "Droid Sans", sans-serif;
+ text-shadow: 1px 1px 0 #000;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
- box-shadow: 0 0 4px rgba(0,0,0,0.5);
- -moz-border-radius: 15px 15px 0 0;
- -webkit-border-radius: 15px 15px 0 0;
- border-radius: 15px 15px 0 0;
+ -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5);
+ box-shadow: 0 0 4px rgba(0,0,0,0.5);
+ -webkit-border-radius: 15px 15px 0 0;
+ -moz-border-radius: 15px 15px 0 0;
+ border-radius: 15px 15px 0 0;
background: #444;
background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#444));
background: -moz-linear-gradient(top, #606060, #444);
@@ -209,7 +234,14 @@ footer a[class~=org] {display: block; width: 31px; height: 31px; background: url
/* -- special styles for drupal version selection -- */
#fs-version label {
- display: block; float: left; margin: 0 2% 0 4%; padding: 0 0 0 .5em; border: 1px solid transparent; border-radius: 7px; background-color: #ccc; vertical-align: top; /* white-space: nowrap; */
+ display: block;
+ float: left;
+ margin: 0 2% 0 4%;
+ padding: 0 0 0 .5em;
+ border: 1px solid transparent;
+ border-radius: 7px;
+ background-color: #ccc;
+ vertical-align: top; /* white-space: nowrap; */
background: #ccc;
background: #ccc -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
background: #ccc -moz-linear-gradient(top, #ccc, #ccc);

0 comments on commit 35ba496

Please sign in to comment.
Something went wrong with that request. Please try again.