edit-task

Task Name:

Task Description:

TaskGroup ID:

Start Date:

Start Time:

Duration:

Priority:

Status:

Add Photo:

Owner ID:

Content: use HTML Edit Content

<h1 style="text-align: center;">&nbsp;CSS sospep.css</h1>
<h2>[WHAT]</h2>
<ol>
<li>[ def ]&nbsp;&nbsp;file containing ALL GLOBAL css classes for the sospep webUI</li>
<li>[ args ]&nbsp;</li>
</ol>
<h2>[WHY]</h2>
<ol>
<li>]</li>
</ol>
<h2>[WHERE called from]</h2>
<ol>
<li>] PAGE Site_Layout - this page is linked to all pages that&nbsp;</li>
</ol>
<h2>[WHEN]</h2>
<ol>
<li>]</li>
</ol>
<h2>[EXAMPLE]</h2>
<ol>
<li>]&nbsp;</li>
</ol>
<h2>[HOW-TO]</h2>
<ol>
<li>]</li>
</ol>
<h2>[REFERENCE]</h2>
<div><ol>
<li>_v_000 1854 overview,&nbsp;</li>
<li>#] _v_006 1855</li>
<li>#] _v_007 2598&nbsp;</li>
<li>] sospep.css -v-001 -&nbsp;</li>
<li>] sospep.css -v-002 -&nbsp;</li>
<li>] sospep.css -v-003 -&nbsp;</li>
<li>] sospep.css -v-004 -&nbsp;</li>
<li>] sospep.css -v-005 -&nbsp;</li>
<li>] sospep.css -v-006 -</li>
<li>] sospep.css <a href="task?id=1609" target="_blank">-v-007</a> - x] layout new view/{L5} w/left col &amp; right col, x] edited form styles,</li>
<li>] sospep.css <a href="task?id=2280" target="_blank">-v-008</a> - x] cleanup, organization ]&nbsp;</li>
<li>]&nbsp;</li>
</ol></div>
<hr />
<h1 style="text-align: center;">developer implementation</h1>
<h2>[.process]</h2>
<ol>
<li>&nbsp;</li>
</ol>
<h2>[.notes]</h2>
<ol>
<li><strong>2013-mm-dd TESTING use CSS gradient for background VS background image</strong></li>
<ol>
<li>]&nbsp;</li>
</ol>
<li><strong>001] comments,&nbsp;</strong></li>
<ol>
<li>] columns bg color for index page , changed, changed back to white, increase border radius to 5 px from 3&nbsp;</li>
<li>] change commenting headers to single line&nbsp;</li>
</ol>
<li><strong>2013-08-10 TESTING use css3 var</strong></li>
<ol>
<li>] [try=] use var name to assign colors to elements, create themes (b&amp;w, dark, light)&nbsp;</li>
<li>] [result=] doesnt seem to work , apparently you have to enable some setting in the developer version of chrome to use/test this feature</li>
</ol></ol>
<h2>[.by_date]</h2>
<ol>
<li>x] [2013-08-12] have 6 files in /deprecated versions, renamed latest version as 007, created new version 008</li>
</ol><hr />
<h1 style="text-align: center;">status<span style="font-size: 10px;">&nbsp;</span></h1>
<h2>[previously]</h2>
<div><ol>
<li>]&nbsp;</li>
</ol></div>
<h2>[currently]</h2>
<ol>
<li>]&nbsp;</li>
</ol>
<h2>[next]</h2>
<ol>
<li>] w3c validation errors</li>
<li>] w3c validation warnings</li>
<li>] CUT&nbsp;</li>
<ol>
<li>pruning - unused / deprecated classes</li>
</ol>
<li>]&nbsp;<strong>TRY&nbsp;</strong></li>
<ol>
<li>] SET -webkit-appearance: none FOR textarea WHY= to display formatted html on ios REF #&nbsp;</li>
</ol></ol>
<div>[TEST css3 var] using&nbsp;</div>
<div>
<p>::root{&nbsp;</p>
<div>&nbsp; &nbsp; var-darkBlue:#2A4795 ;</div>
<div>&nbsp; &nbsp; var-mediumBlue:#8694BB;</div>
<div>&nbsp; &nbsp; var-lightBlue:#BCC2D2;</div>
<div>}</div>
<div>// form.search {background-color:var(lightBlue); &nbsp;border: 2px solid; border-color:var(var-darkBlue);}</div>
</div>