WebSVN – wimsdev – Diff – /trunk/wims/public_html/themes/_css/forms.css

     line-height: 2em;
 }*/
 /* corrects attributes color:inherit from normalize.css */
 input, textarea {
-  color:black;
+  color: black;
+}
 input[disabled], textarea[disabled] {
-  color:#444;
+  color: #444;
-  background-color:#DFDFDF;
+  background-color: #DFDFDF;
+}
 sup input:not([type="color"]), .wims_mathml .msup textarea, .wims_mathml msup textarea,
 sub input:not([type="color"]), .wims_mathml .msub textarea, .wims_mathml msub textarea{
-  padding:2px;
+  padding: 2px;
+}
 /***** Foundation 6 input styles *****/
   transition: box-shadow .5s, border-color .25s ease-in-out;
+}
 .help-text {
   margin-top: 0;
-  font-size: 0.8125rem;
+  font-size: .8125rem;
   font-style: italic;
   color: #0a0a0a; }
 /* don't glue labels to their associated input */
   padding-left: 1.5em;
+}
 /* this is generaly a fieldset class */
 .property_fields{
   /* Sadly, Safari don't handle flex on fieldsets yet (you have to add a div inside)...*/
-  display:flex;
+  display: flex;
   flex-flow: row wrap;
   position: relative;
-  margin-top:1em;
+  margin-top: 1em;
-  margin-bottom:1em;
+  margin-bottom: 1em;
-  max-width:900px;
+  max-width: 900px;
-  padding:.5em 3px;
+  padding: .5em 3px;
   /*Background-image is here to lighten background color */
   background-image: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255, 255, 255, 0.9) 48%,rgba(255,255,255,0.4) 100%); /* W3C */
+}
 /* If property_fields is flex, wimscenter must take the full width*/
 .property_fields .wimscenter{
-  width:100%;
+  width: 100%;
 }
 /*.property_fields .field {
         margin: auto;
 }*/
 .property_fields .actions,
 .property_fields .wimsform{
-  padding:.5em;
+  padding: .5em;
-  margin-top:.5em;
+  margin-top: .5em;
+}
 .property_fields>fieldset{
-  margin-bottom:.5em;
+  margin-bottom: .5em;
+}
 .field.box{
   padding: .4em .4em .8em .4em; /*.4em seems max for Chrome 2-columns layout */
-  border:1px solid #CFCFCF;
+  border: 1px solid #CFCFCF;
   /*margin-bottom:1px;*/
-  line-height:1.2em;
+  line-height: 1.2em;
   /* min height lets having an help button right float*/
-  min-height:2em;
+  min-height: 2em;
   flex-grow: 1;
+}
 .box_title{
-  margin-top:0;
+  margin-top: 0;
   margin-bottom: .5em;
   background-color: var(--wims_bgcolor);
   padding: 2px;
+}
 .property_fields p{
-  padding:0 1em;
+  padding: 0 1em;
   box-sizing: border-box;
+}
 /*.box>div, .box>input, .box>textarea, .box>select{
   margin-left:.3em;
 }*/
 .property_fields .halfwidth{
   /*display: inline-block;
   vertical-align: middle;*/
-  float:left;
+  float: left;
   /*min-width: 380px;*/
   /*min-height could be suppressed when all browsers will render well "flexbox"*/
-  min-height:4em;
+  min-height: 4em;
+}
 .property_fields .field:nth-child(even){
   background-color: #DFDFDF;
   background-color: rgba(230,230,230,.4);
   background-color: rgba(255,255,255,.8);
+}
 .formHelp{
   font-size: 9pt;
-  color:#666;
+  color: #666;
+}
 .property_fields legend{
   font-size: 1.2em;
   font-weight: bold;
 .field>label{
   font-weight:bold;
   font-size: .875rem;
   line-height: 1.8;
   display:inline-block;
   vertical-align: middle;
+}
 /*.property_fields .field>label{
   min-width:10em;
 }*/
 .property_fields select,.property_fields textarea{
   vertical-align: middle;
 }
 .field input[type="text"]:not(.inline),
 .field input[type="password"]:not(.inline),
 .field input[type="email"]:not(.inline),
 .field input[type="number"]:not(.inline),
 .field input.small_input{
   width:6em;
   min-width:6em;
 }
 input[type="color"]{
   vertical-align: middle;
   /* min size prevents Safari displaying a very small button */
   min-width: 44px;
   min-height: 23px;
 textarea.noicon:required,
 textarea.noicon:required:focus{
   background-image:none;
+}
+.property_fields pre,
+.property_fields code,
+.property_fields .wims_scrollable{
+  width: 100%;
+}
 /* Small screens */
 @media only screen and (max-width: 40em) {
   .property_fields .halfwidth, .halfwidth{
-    width:100%;
+    width: 100%;
-    display:block;
+    display: block;
     min-width: 0;
+  }
   /* prevent inputs from being larger than screen*/
   /*.box input:not([type="button"]):not([type="color"]),.box select,.box textarea{
     width:75%;
   }*/
-  .property_fields pre{
+  .property_fields pre,
+  .property_fields code,
+  .property_fields .wims_scrollable,
+  .property_fields .canvas_div{
-    max-width:33em;
+    max-width: 21em;
+  }
 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
 /* Medium screens */
 @media only screen and (min-width: 40.063em) and (max-width: 64em) {
   .property_fields .halfwidth{
     min-width: 310px;
+  }
-  .property_fields pre{
+  .property_fields pre,
+  .property_fields code,
+  .property_fields .wims_scrollable,
+  .property_fields .canvas_div{
-    max-width:53em;
+    max-width: 32em;
+  }
 } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
 /* Large screens */
 @media only screen and (min-width: 64.063em) {
-  .property_fields pre{
+  .property_fields pre,
+  .property_fields code,
+  .property_fields .wims_scrollable,
+  .property_fields .canvas_div{
-    max-width:850px;
+    max-width: 784px;
+  }
 } /* min-width 1025px, large screens */

Subversion Repositories wimsdev

(root)/trunk/wims/public_html/themes/_css/forms.css – Rev 15468 → 16837