fmsystem-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Fmsystem-commits] [10665] Controller: Styling to custom attribute form


From: Torstein
Subject: [Fmsystem-commits] [10665] Controller: Styling to custom attribute form
Date: Sat, 12 Jan 2013 15:52:12 +0000

Revision: 10665
          http://svn.sv.gnu.org/viewvc/?view=rev&root=fmsystem&revision=10665
Author:   vator
Date:     2013-01-12 15:52:12 +0000 (Sat, 12 Jan 2013)
Log Message:
-----------
Controller: Styling to custom attribute form

Modified Paths:
--------------
    trunk/property/templates/base/attributes_form.xsl
    trunk/property/templates/base/css/base.css

Modified: trunk/property/templates/base/attributes_form.xsl
===================================================================
--- trunk/property/templates/base/attributes_form.xsl   2013-01-11 20:25:55 UTC 
(rev 10664)
+++ trunk/property/templates/base/attributes_form.xsl   2013-01-12 15:52:12 UTC 
(rev 10665)
@@ -6,8 +6,8 @@
        <!-- New template-->
        <xsl:template xmlns:php="http://php.net/xsl"; name="attributes_values">
                <xsl:for-each select="attributes_group">
-                       <div id="{link}">
-                               <table cellpadding="2" cellspacing="2" 
width="100%" align="center" border="0">
+                       <div id="{link}" class="fields_wrp">
+                               <table style="float:left;">
                                        <xsl:apply-templates 
select="attributes"/>
                                </table>
                        </div>
@@ -25,7 +25,7 @@
                <xsl:choose>
                        <xsl:when test="datatype='section'">
                                <tr>
-                                       <td colspan='2'>
+                                       <td  colspan="2">
                                                <xsl:value-of select="descr" 
disable-output-escaping="yes"/>                            
                                        </td>
                                </tr>
@@ -35,7 +35,7 @@
                <tr>
                        <xsl:choose>
                                <xsl:when test="not(hide_row)">
-                                       <td align="left" width="19%" 
valign="top" title="{$statustext}">
+                                       <td  class="first" 
title="{$statustext}">
                                                <label>
                                                <xsl:choose>
                                                        <xsl:when 
test="helpmsg=1">
@@ -72,7 +72,7 @@
                                </xsl:when>
                        </xsl:choose>
 
-                       <td align="left">
+                       <td>
                                <xsl:choose>
                                        <xsl:when test="name!=''">
                                                <input type="hidden" 
name="values_attribute[{counter}][name]" value="{name}"/>
@@ -120,7 +120,7 @@
                                                                </select>
                                                        </xsl:when>
                                                        <xsl:when 
test="datatype='AB'">
-                                                               <table>
+                                                               <table 
style="float:left;">
                                                                        <tr>
                                                                                
<td>
                                                                                
        <xsl:variable name="contact_name">
@@ -468,7 +468,7 @@
                                                                </table>
                                                        </xsl:when>
                                                        <xsl:when 
test="datatype='T'">
-                                                               <textarea 
id="id_{name}" cols="{//textareacols}" rows="{//textarearows}" 
name="values_attribute[{counter}][value]">
+                                                               <textarea 
id="id_{name}"  name="values_attribute[{counter}][value]">
                                                                        
<xsl:choose>
                                                                                
<xsl:when test="disabled!=''">
                                                                                
        <xsl:attribute name="disabled">

Modified: trunk/property/templates/base/css/base.css
===================================================================
--- trunk/property/templates/base/css/base.css  2013-01-11 20:25:55 UTC (rev 
10664)
+++ trunk/property/templates/base/css/base.css  2013-01-12 15:52:12 UTC (rev 
10665)
@@ -2,117 +2,117 @@
  * Conflicts with portico
 body, div, input, p, select, textarea
 {
-       font-family: Verdana, Arial, Helvetica, sans-serif;
-       font-size: 11px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 11px;
 }
 */
 a
 {
-       text-decoration: none;
+  text-decoration: none;
 }
 
 a:hover, a:active
 {
-       text-decoration: underline;
+  text-decoration: underline;
 }
 
 img
 {
-       border: 0px;
+  border: 0px;
 }
 
 
 textarea
 {
-/*     white-space: normal;*/
+  /*   white-space: normal;*/
 }
 
 br
 {
-       clear: left;
+  clear: left;
 }
 
 thead
 {
-       background-color: #d3dce3;
-       font-weight: bold;
-       text-align: center;
+  background-color: #d3dce3;
+  font-weight: bold;
+  text-align: center;
 }
 
 .button_group
 {
-       text-align: center;
+  text-align: center;
 }
 
 .link_group
 {
-       text-align: center;
+  text-align: center;
 }
 .msg
 {
-       color: #f00;
-       font-weight: bold;
-       text-align: center;
+  color: #f00;
+  font-weight: bold;
+  text-align: center;
 }
 .yui-dt .yui-dt-hidden
 {
-       border-right:0px solid #ff0 !important;
+  border-right:0px solid #ff0 !important;
 }
 .yui-tt .bd
 {
-       background-color:#fffbeb !important;
-       border-color:#D4C237 #A6982B #A6982B;
-       border-width:0px !important;
-       color:#000000 !important;
-       left:0 !important;
-       padding:0 !important;
-       font-family: tahoma !important;
-       font-size: 11px !important;
+  background-color:#fffbeb !important;
+  border-color:#D4C237 #A6982B #A6982B;
+  border-width:0px !important;
+  color:#000000 !important;
+  left:0 !important;
+  padding:0 !important;
+  font-family: tahoma !important;
+  font-size: 11px !important;
 }
 .tooltip-table
 {
-       width:200px !important;
+  width:200px !important;
 }
 .tooltip
 {
-       background-color:#0066cc !important;
-       color:#FFFFFF !important;
-       font-weight: bold !important;
-       font-family: tahoma !important;
-       font-size: 11px !important;
+  background-color:#0066cc !important;
+  color:#FFFFFF !important;
+  font-weight: bold !important;
+  font-family: tahoma !important;
+  font-size: 11px !important;
 }
 .nolink a
 {
-       color:#FFFFFF !important;
-       text-decoration: none !important;
+  color:#FFFFFF !important;
+  text-decoration: none !important;
 }
 .nolink a visited
 {
-       color:#FFFFFF !important;
-       text-decoration: none !important;
+  color:#FFFFFF !important;
+  text-decoration: none !important;
 }
 
 #curtain {
-    background: none repeat scroll 0 0 #000000;
-    display: none;
-    height: 100%;
-    left: 0;
-    opacity: 0.5;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    z-index: 1;
+  background: none repeat scroll 0 0 #000000;
+  display: none;
+  height: 100%;
+  left: 0;
+  opacity: 0.5;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
 }
 
 #popupBox {
-    background: none repeat scroll 0 0 #fff;
-    display: none;
-    height: 50%;
-    left: 80px;
-    position: absolute;
-    top: 80px;
-    width: 800px;
-    z-index: 2;
+  background: none repeat scroll 0 0 #fff;
+  display: none;
+  height: 50%;
+  left: 80px;
+  position: absolute;
+  top: 80px;
+  width: 800px;
+  z-index: 2;
 }
 
 /*
@@ -228,22 +228,22 @@
 
 dl.form dd input[type="text"],  dl.form dd .autocomplete,
 dl.form-col dd input[type="text"],  dl.form-col dd .autocomplete {
-    width: 15em;
+  width: 15em;
 }
 dl.form dd .autocomplete,
 dl.form-col dd .autocomplete,
 dl.form-2col dd .autocomplete {
-    padding-bottom: 2em;
+  padding-bottom: 2em;
 }
 
 div.autocomplete {
-    width: 15em;
-       position: relative;
-    padding-bottom: 2em;
+  width: 15em;
+  position: relative;
+  padding-bottom: 2em;
 }
 /* ie fix. autocomplete dropdown is displayed behind some elements if the 
z-index is not set */
 div.autocomplete input {
-       z-index: 500;
+  z-index: 500;
 }
 
 
@@ -522,17 +522,17 @@
 }
 
 #innertoolbar-button, input[type="submit"], input[type="button"]{
-    background: none repeat scroll 0 0 #4F9AEA;
-    border: 1px solid #4685C8;
-    border-radius: 4px 4px 4px 4px;
-    color: #FFFFFF;
-    cursor: pointer;
-    padding: 3px 15px;
+  background: none repeat scroll 0 0 #4F9AEA;
+  border: 1px solid #4685C8;
+  border-radius: 4px 4px 4px 4px;
+  color: #FFFFFF;
+  cursor: pointer;
+  padding: 3px 15px;
 }
 
 input[type="submit"][disabled]
 {
-    background: none repeat scroll 0 0 #A3D1FF;
+  background: none repeat scroll 0 0 #A3D1FF;
 }
 
 #innertoolbar-button {
@@ -661,9 +661,9 @@
 }
 
 dl.proplist, dl.proplist-col {
-    margin: 0;
-    padding-left: 0;
-    width: 50%;
+  margin: 0;
+  padding-left: 0;
+  width: 50%;
 }
 
 #details .proplist dd, #details .proplist-col dd{
@@ -790,9 +790,9 @@
 }
 
 .btn-sm {
-    font-size: 12px;
-    padding: 1px 4px;
-    text-align: center;
+  font-size: 12px;
+  padding: 1px 4px;
+  text-align: center;
 }
 
 .btn.cancel, .btn_m.cancel, .btn-sm.cancel {
@@ -802,18 +802,18 @@
 }
 
 .btn.non-focus {
-    background: none repeat scroll 0 0 #A0C8F2;
-    border: 1px solid #74B0EF;
-    color: #0A3E74;
+  background: none repeat scroll 0 0 #A0C8F2;
+  border: 1px solid #74B0EF;
+  color: #0A3E74;
 }
 
 .btn.focus, .btn_m.focus {
-    background: none repeat scroll 0 0 #F57056;
-    border-color: #EE836F #CB563F #CB563F;
-    border-style: solid none;
-    border-width: 1px 0;
-    color: #FFFFFF;
-    margin-top: 1px;
+  background: none repeat scroll 0 0 #F57056;
+  border-color: #EE836F #CB563F #CB563F;
+  border-style: solid none;
+  border-width: 1px 0;
+  color: #FFFFFF;
+  margin-top: 1px;
 }
 
 /* =======================================  MAIN CONTENT  
========================================= */
@@ -1291,15 +1291,15 @@
 }
 
 .input_error_msg {
-    background: none repeat scroll 0 0 #FBE3E4;
-    border-bottom-right-radius: 4px;
-    color: #D12F19;
-    display: block;
-    margin-bottom: 5px;
-    margin-top: 5px;
-    padding: 5px;
-    text-align: center;
-    width: 90%;
+  background: none repeat scroll 0 0 #FBE3E4;
+  border-bottom-right-radius: 4px;
+  color: #D12F19;
+  display: block;
+  margin-bottom: 5px;
+  margin-top: 5px;
+  padding: 5px;
+  text-align: center;
+  width: 90%;
 }
 
 .error_msg {
@@ -1329,7 +1329,54 @@
 
 
 .yui-navset .content-wrp {
-       margin-top: 0;
+  margin-top: 0;
 }
 
+.fields_wrp {
+  padding: 15px;
+}
 
+.fields_wrp td {
+  padding: 3px 0;
+  vertical-align: middle;
+  width: 250px;
+}
+
+.fields_wrp td.first {
+  padding-right: 5px;
+  text-align: right;
+}
+
+.fields_wrp label {
+  font-size: 13px;
+  font-weight: normal;
+  line-height: 1.5em;
+}
+
+.fields_wrp h1 {
+  font-size: 20px;
+  margin: 0;
+}
+
+.fields_wrp textarea {
+  width: 250px;
+}
+
+.yui-ac-bd {
+
+}
+
+.yui-ac-bd ul{
+  background: none repeat scroll 0 0 #FFFFFF;
+  border: 1px solid #AEC6E3;
+  position:absolute;
+}
+
+.yui-ac-bd li{
+  background: none repeat scroll 0 0 #D4E1F8;
+  list-style: none outside none;
+  margin: 2px;
+  padding: 4px 8px;
+  cursor: pointer;
+
+}
\ No newline at end of file




reply via email to

[Prev in Thread] Current Thread [Next in Thread]