[galaxy-dev] [hg] galaxy 2478: Pre-compressing CSS with yui-compressor

15 Jul 2009

details:   http://www.bx.psu.edu/hg/galaxy/rev/feb7438276fb
changeset: 2478:feb7438276fb
user:      James Taylor <james@jamestaylor.org>
date:      Mon Jul 13 13:08:52 2009 -0400
description:
Pre-compressing CSS with yui-compressor

10 file(s) affected in this change:

static/june_2007_style/blue/base.css
static/june_2007_style/blue/history.css
static/june_2007_style/blue/iphone.css
static/june_2007_style/blue/library.css
static/june_2007_style/blue/masthead.css
static/june_2007_style/blue/panel_layout.css
static/june_2007_style/blue/reset.css
static/june_2007_style/blue/tool_menu.css
static/june_2007_style/make_style.py
static/june_2007_style/panel_layout.css.tmpl

diffs (1871 lines):

diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/blue/base.css

--- a/static/june_2007_style/blue/base.css	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/blue/base.css	Mon Jul 13 13:08:52 2009 -0400
@@ -1,645 +1,1 @@
-@import url( "reset.css" );
-
-body 
-{
-    font: 75% verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif; 
-    background: #FFFFFF;
-    color: #303030;
-    background-image: url(base_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    margin: 10px;
-}
-
-img
-{
-    border: 0;
-}
-
-
-a:link, a:visited, a:active
-{
-    color: #303030;
-}
-
-h1, h2, h3, h4 
-{
-    color: #023858;
-    /*text-shadow: #bbb 2px 2px 1px;*/
-}
-
-hr
-{
-    border: none;
-    height: 0px;
-    border-bottom: dotted #303030 1px;
-}
-
-div.toolForm
-{
-  border: solid #d8b365 1px;
-}
-
-div.toolFormTitle
-{ 
-  font-weight: bold;
-  padding: 5px;
-  padding-left: 10px;
-  padding-right: 10px;
-  background: #d2c099;
-  background-image: url(form_title_bg.png);
-  background-repeat: repeat-x;
-  background-position: top;
-  border-bottom: solid #d8b365 1px;
-}
-
-div.toolParamHelp
-{
-  color: #666;
-}
-
-div.toolParamHelp a
-{
-  color: #666;
-}
-
-div.toolFormBody
-{ 
-    background: #FFFFFF;
-    background-image: url(form_body_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    padding: 5px 0;
-}
-
-div.toolFormBody div.toolFormTitle
-{
-    background: transparent;
-    border: none;
-    font-weight: bold;
-    border-bottom: solid #d8b365 1px;
-    margin-bottom: 5px;
-}
-
-div.toolFormDisabled div.toolFormTitle {
-    background: #eee;
-    border-color: #999;
-}
-
-div.toolFormDisabled {
-    border-color: #999;
-}
-
-div.toolHelp
-{ 
-}
-
-div.toolHelpBody
-{ 
-    width: 100%;
-    overflow: auto;
-}
-
-div.titleRow {
-    font-weight: bold;
-    border-bottom: dotted gray 1px;
-    margin-bottom: 0.5em;
-    padding-bottom: 0.25em;
-}
-
-/* Forms */
-
-div.form
-{
-    border: solid #d8b365 1px;
-}
-
-div.form-title
-{ 
-    font-weight: bold;
-    padding: 5px 10px;
-    background: #d2c099;
-    background-image: url(form_title_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    border-bottom: solid #d8b365 1px;
-}
-
-div.form-body
-{ 
-    padding: 5px 0;
-}
-
-div.form-row 
-{
-    padding: 5px 10px;
-}
-
-div.form-title-row
-{
-    padding: 5px 10px;
-}
-
-div.repeat-group-item
-{
-    border-left: solid #d8b365 5px;
-    margin-left: 10px;
-    margin-bottom: 10px;
-}
-
-div.form-row-error
-{
-    background: #FFCCCC;
-}
-
-div.form-row label
-{
-    font-weight: bold;
-    display: block;
-    margin-bottom: .2em;
-}
-
-div.form-row-input
-{
-    float: left;
-    width: 300px;
-}
-
-div.form-row-input > input
-{
-    max-width: 300px;
-}
-
-div.form-row-error-message
-{
-    width: 300px;
-    float: left;
-    color: red;
-    font-weight: bold;
-    padding: 3px 0 0 1em;
-}
-
-select, input, textarea
-{
-    font: inherit;
-    font-size: 115%;
-}
-
-select, textarea, input[type="text"], input[type="file"], input[type="password"]
-{
-    -webkit-box-sizing: border-box;
-    max-width: 300px;
-}
-
-/* Messages */
-
-.errormessage, .warningmessage, .donemessage, .infomessage, .welcomeBlue, .welcomeRed , .screencastBox, .yellowbox, .redbox, .bluebox, .greenbox
-{
-    padding: 10px;
-    padding-left: 52px;
-    min-height: 32px;
-    border: 1px solid #AA6666;
-    background-color: #FFCCCC;
-    background-image: url(error_message_icon.png);
-    background-repeat: no-repeat;
-    background-position: 10px 10px;
-}
-
-.warningmessage 
-{
-    background-image: url(warn_message_icon.png);
-    border-color: #AAAA66;
-    background-color: #FFFFCC;
-}
-
-.donemessage 
-{
-    background-image: url(done_message_icon.png);
-    border-color: #66AA66;
-    background-color: #CCFFCC;
-}
-
-.infomessage 
-{
-    background-image: url(info_message_icon.png);
-    border-color: #6666AA;
-    background-color: #CCCCFF;
-}
-
-.welcomeBlue 
-{
-    padding-left: 10px;
-    border-color: #6666AA;
-    background-color: #CCCCFF;
-    background-image: none;
-}
-
-.welcomeRed 
-{
-    padding-left: 10px;
-    border-color: #AA6666;
-    background-color: #FFCCCC;
-    background-image: none;
-}
-
-.screencastBox 
-{   
-    padding-left: 10px;
-    border-color: #AAAA66;
-    background-color: #FFFFCC;
-    background-image: none;
-}
-
-.redbox
-{
-    border: none;
-    padding: 10px;
-    border-color: #000000;
-    background-color: #FF6666;
-    background-image: none;
-    border-right-width: 1px;
-    border-right-style: dotted;
-    border-bottom-width: 1px;
-    border-bottom-style: dotted;
-    margin-top: 5px;
-    min-height: 32px;
-    
-}
-
-.yellowbox
-{
-    border: none;
-    padding: 10px;
-    border-color: #000000;
-    background-color: #FFCC00;
-    background-image: none;
-    border-right-width: 1px;
-    border-right-style: dotted;
-    border-bottom-width: 1px;
-    border-bottom-style: dotted;
-    margin-top: 5px;
-    min-height: 32px;
-}
-
-.bluebox
-{
-    border: none;
-    padding: 10px;
-    border-color: #000000;
-    background-color: #6666FF;
-    background-image: none;
-    border-right-width: 1px;
-    border-right-style: dotted;
-    border-bottom-width: 1px;
-    border-bottom-style: dotted;
-    margin-top: 5px;
-    color: #FFFFFF;
-    min-height: 32px;
-}
-
-.greenbox
-{
-    border: none;
-    padding: 10px;
-    border-color: #000000;
-    background-color: #00CC00;
-    background-image: none;
-    border-right-width: 1px;
-    border-right-style: dotted;
-    border-bottom-width: 1px;
-    border-bottom-style: dotted;
-    margin-top: 5px;
-    min-height: 32px;
-}
-
-.redbox li, .yellowbox li, .bluebox li, .greenbox li {
-   list-style: disc;	
-   text-transform: none;
-   list-style-position: inside;
-   list-style-image: none;
-   margin: 3px;
-}
-
-
-.errormessagesmall, .warningmessagesmall, .donemessagesmall, .infomessagesmall 
-{
-    padding: 5px;
-    padding-left: 25px;
-    min-height: 25px;
-    border: 1px solid #AA6666;
-    background-color: #FFCCCC;
-    background-image: url(error_small.png);
-    background-repeat: no-repeat;
-    background-position: 5px 5px;
-}
-
-.warningmessagesmall
-{
-    background-image: url(warn_small.png);
-    border-color: #AAAA66;
-    background-color: #FFFFCC;
-}
-
-.donemessagesmall
-{
-    background-image: url(ok_small.png);
-    border-color: #66AA66;
-    background-color: #CCFFCC;
-}
-
-.infomessagesmall
-{
-    background-image: url(info_small.png);
-    border-color: #6666AA;
-    background-color: #CCCCFF;
-}
-
-.errormark, .warningmark, .donemark, .infomark, .ok_bgr, .err_bgr
-{
-    padding-left: 20px;
-    min-height: 15px;
-    background: url(error_small.png) no-repeat;
-}
-
-.warningmark 
-{
-    background-image: url(warn_small.png);
-}
-
-.donemark 
-{
-    background-image: url(ok_small.png);
-}
-
-.infomark, .ok_bgr
-{
-    background-image: url(info_small.png);
-}
-
-table.colored
-{
-  border-top: solid #d8b365 1px;
-  border-bottom: solid #d8b365 1px;
-}
-
-table.colored td, table.colored th
-{
-    text-align: left;
-    padding: 5px;
-}
-
-table.colored tr.header
-{ 
-  background: #ebd9b2;
-  background-image: url(form_title_bg.png);
-  background-repeat: repeat-x;
-  background-position: top;
-	border-bottom: solid #d8b365 1px;
-  font-weight: bold;
-}
-
-table.colored tr
-{ 
-  background: white;
-}
-
-table.colored tr.odd_row
-{ 
-  background: #DADFEF;
-}
-
-div.debug
-{
-    margin: 10px;
-    padding: 5px;
-    background: #FFFF99;
-    border: solid #FFFF33 1px;
-    color: black;
-}
-
-div.odd_row
-{
-    background: #DADFEF;
-}
-    
-#footer {
-  display: none;
-}
-
-
-td.panel-body
-{
-    background: white;
-    color: #303030;
-    background: #C1C9E5 url(menu_bg.png) top repeat-x;
-}
-
-div.toolSectionPad
-{
-    margin: 0;
-    padding: 0;
-    height: 5px;
-    font-size: 0px;
-}
-
-div.toolSectionDetailsInner
-{ 
-  margin-left: 5px;
-  margin-right: 5px;
-}
-
-div.toolSectionTitle
-{
-  padding-bottom: 0px;
-  font-weight: bold;
-}
-
-div.toolTitle
-{
-  padding-top: 5px;
-  padding-bottom: 5px;
-  margin-left: 16px;
-  margin-right: 10px;
-  display: list-item;
-  list-style: square outside;
-}
-
-span.toolParameterExpandableCollapsable
-{
-  font-weight: bold;
-  cursor: pointer;
-}
-ul.toolParameterExpandableCollapsable
-{
-  list-style: none;
-}
-
-ul.manage-table-actions {
-    float: right;
-    margin-top: -2.5em;
-}
-ul.manage-table-actions li {
-    display: block;
-    float: left;
-    margin-left: 0.5em;
-}
-
-
-.state-color-queued {
-    border-color: #888888;
-    background: #EEEEEE;
-}
-
-.state-color-ok {
-    border-color: #66AA66;
-    background: #CCFFCC;
-}
-
-.state-color-error {
-    border-color: #AA6666;
-    background: #FFCCCC;
-}
-
-.state-color-running {
-    border-color: #AAAA66;
-    background: #FFFFCC;
-}
-
-.state-fg-queued {
-    color: #888888;
-}
-.state-fg-ok {
-    color: #66AA66;
-}
-.state-fg-running {
-    color: #AAAA66;
-}
-.state-fg-error {
-    color: #AA6666;
-}
-
-
-.action-button {
-    background: #eeeeee;
-    color: #333;
-    text-decoration: none;
-    font-size: 95%;
-    font-weight: bold;
-    display: inline-block;
-    cursor: pointer;
-    padding: 2px;
-    border: solid #aaaaaa 1px;
-    padding-right: 0.5em;
-    padding-left: 0.5em;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    border-radius: 0.5em;
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-}
-
-.action-button > * {
-    vertical-align: middle;
-}
-
-.action-button:hover {
-    color: black;
-    background: #dddddd;
-}
-.action-button:active {
-    color: white;
-    background: #aaaaaa;
-}
-
-
-div.popupmenu {
-    display: none;
-    background: #eeeeee;
-    color: #333;
-    font-size: 110%;
-    font-weight: bold;
-    font-style: normal;
-    white-space: nowrap;
-    position: absolute;
-    z-index: 20000;
-    border: solid #aaaaaa 1px;
-    padding: 3px 0;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    border-radius: 0.5em;
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-}
-
-div.popupmenu-item {
-    padding: 3px 1em;
-    cursor: pointer;
-}
-
-div.popupmenu-item:hover {
-    background: #aaaaaa;
-}
-
-.popup-arrow {
-    font-size: 80%;
-    cursor: pointer;
-    text-decoration: none;
-    color: #555
-}
-
-.popup-arrow:hover {
-    color: black;
-}
-
-div.permissionContainer {
-    padding-left: 20px;
-}
-
-
-.grid-header {
-    padding-bottom: 1em;
-}
-
-.grid-header h2 {
-    margin: 0;
-    margin-bottom: 0.5em;
-}
-
-.grid-header .title {
-    font-weight: bold;
-}
-
-.grid {
-    padding-top: 1em;
-    border-collapse: collapse;
-    width: 100%;
-}
-.grid tbody td {
-    border-top: solid #DDDDDD 1px;
-    border-bottom: solid #DDDDDD 1px;
-    padding: 0.5em 1em;
-}
-.grid tbody td:empty {
-    padding: 0;
-}
-.grid thead th {
-    background: #ebd9b2;
-    background-image: url(form_title_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    border-top: solid #d8b365 1px;
-    border-bottom: solid #d8b365 1px;
-    padding: 0.5em 1em;
-    text-align: left;
-}
-.grid tfoot td {
-    background-color: #F8F8F8;
-    border-top: solid #DDDDDD 1px;
-    border-bottom: solid #DDDDDD 1px;
-    padding: 0.5em 1em;
-}
-.grid .current {
-    background-color: #EEEEFF;
-}
\ No newline at end of file
+@import url("reset.css");body{font:75% verdana,"Bitstream Vera Sans",geneva,arial,helvetica,helve,sans-serif;background:#FFF;color:#303030;background-image:url(base_bg.png);background-repeat:repeat-x;background-position:top;margin:10px;}img{border:0;}a:link,a:visited,a:active{color:#303030;}h1,h2,h3,h4{color:#023858;}hr{border:none;height:0;border-bottom:dotted #303030 1px;}div.toolForm{border:solid #d8b365 1px;}div.toolFormTitle{font-weight:bold;padding:5px;padding-left:10px;padding-right:10px;background:#d2c099;background-image:url(form_title_bg.png);background-repeat:repeat-x;background-position:top;border-bottom:solid #d8b365 1px;}div.toolParamHelp{color:#666;}div.toolParamHelp a{color:#666;}div.toolFormBody{background:#FFF;background-image:url(form_body_bg.png);background-repeat:repeat-x;background-position:top;padding:5px 0;}div.toolFormBody div.toolFormTitle{background:transparent;border:none;font-weight:bold;border-bottom:solid #d8b365 1px;margin-bottom:5px;}div.tool
 FormDisabled div.toolFormTitle{background:#eee;border-color:#999;}div.toolFormDisabled{border-color:#999;}div.toolHelpBody{width:100%;overflow:auto;}div.titleRow{font-weight:bold;border-bottom:dotted gray 1px;margin-bottom:.5em;padding-bottom:.25em;}div.form{border:solid #d8b365 1px;}div.form-title{font-weight:bold;padding:5px 10px;background:#d2c099;background-image:url(form_title_bg.png);background-repeat:repeat-x;background-position:top;border-bottom:solid #d8b365 1px;}div.form-body{padding:5px 0;}div.form-row{padding:5px 10px;}div.form-title-row{padding:5px 10px;}div.repeat-group-item{border-left:solid #d8b365 5px;margin-left:10px;margin-bottom:10px;}div.form-row-error{background:#FCC;}div.form-row label{font-weight:bold;display:block;margin-bottom:.2em;}div.form-row-input{float:left;width:300px;}div.form-row-input>input{max-width:300px;}div.form-row-error-message{width:300px;float:left;color:red;font-weight:bold;padding:3px 0 0 1em;}select,input,textarea{font:inherit;fo
 nt-size:115%;}select,textarea,input[type="text"],input[type="file"],input[type="password"]{-webkit-box-sizing:border-box;max-width:300px;}.errormessage,.warningmessage,.donemessage,.infomessage,.welcomeBlue,.welcomeRed,.screencastBox,.yellowbox,.redbox,.bluebox,.greenbox{padding:10px;padding-left:52px;min-height:32px;border:1px solid #A66;background-color:#FCC;background-image:url(error_message_icon.png);background-repeat:no-repeat;background-position:10px 10px;}.warningmessage{background-image:url(warn_message_icon.png);border-color:#AA6;background-color:#FFC;}.donemessage{background-image:url(done_message_icon.png);border-color:#6A6;background-color:#CFC;}.infomessage{background-image:url(info_message_icon.png);border-color:#66A;background-color:#CCF;}.welcomeBlue{padding-left:10px;border-color:#66A;background-color:#CCF;background-image:none;}.welcomeRed{padding-left:10px;border-color:#A66;background-color:#FCC;background-image:none;}.screencastBox{padding-left:10px;borde
 r-color:#AA6;background-color:#FFC;background-image:none;}.redbox{border:none;padding:10px;border-color:#000;background-color:#F66;background-image:none;border-right-width:1px;border-right-style:dotted;border-bottom-width:1px;border-bottom-style:dotted;margin-top:5px;min-height:32px;}.yellowbox{border:none;padding:10px;border-color:#000;background-color:#FC0;background-image:none;border-right-width:1px;border-right-style:dotted;border-bottom-width:1px;border-bottom-style:dotted;margin-top:5px;min-height:32px;}.bluebox{border:none;padding:10px;border-color:#000;background-color:#66F;background-image:none;border-right-width:1px;border-right-style:dotted;border-bottom-width:1px;border-bottom-style:dotted;margin-top:5px;color:#FFF;min-height:32px;}.greenbox{border:none;padding:10px;border-color:#000;background-color:#0C0;background-image:none;border-right-width:1px;border-right-style:dotted;border-bottom-width:1px;border-bottom-style:dotted;margin-top:5px;min-height:32px;}.redbo
 x li,.yellowbox li,.bluebox li,.greenbox li{list-style:disc;text-transform:none;list-style-position:inside;list-style-image:none;margin:3px;}.errormessagesmall,.warningmessagesmall,.donemessagesmall,.infomessagesmall{padding:5px;padding-left:25px;min-height:25px;border:1px solid #A66;background-color:#FCC;background-image:url(error_small.png);background-repeat:no-repeat;background-position:5px 5px;}.warningmessagesmall{background-image:url(warn_small.png);border-color:#AA6;background-color:#FFC;}.donemessagesmall{background-image:url(ok_small.png);border-color:#6A6;background-color:#CFC;}.infomessagesmall{background-image:url(info_small.png);border-color:#66A;background-color:#CCF;}.errormark,.warningmark,.donemark,.infomark,.ok_bgr,.err_bgr{padding-left:20px;min-height:15px;background:url(error_small.png) no-repeat;}.warningmark{background-image:url(warn_small.png);}.donemark{background-image:url(ok_small.png);}.infomark,.ok_bgr{background-image:url(info_small.png);}table.c
 olored{border-top:solid #d8b365 1px;border-bottom:solid #d8b365 1px;}table.colored td,table.colored th{text-align:left;padding:5px;}table.colored tr.header{background:#ebd9b2;background-image:url(form_title_bg.png);background-repeat:repeat-x;background-position:top;border-bottom:solid #d8b365 1px;font-weight:bold;}table.colored tr{background:white;}table.colored tr.odd_row{background:#DADFEF;}div.debug{margin:10px;padding:5px;background:#FF9;border:solid #FF3 1px;color:black;}div.odd_row{background:#DADFEF;}#footer{display:none;}td.panel-body{background:white;color:#303030;background:#C1C9E5 url(menu_bg.png) top repeat-x;}div.toolSectionPad{margin:0;padding:0;height:5px;font-size:0;}div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;}div.toolSectionTitle{padding-bottom:0;font-weight:bold;}div.toolTitle{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:square outside;}span.toolParameterExpandableCollapsable{font-weigh
 t:bold;cursor:pointer;}ul.toolParameterExpandableCollapsable{list-style:none;}ul.manage-table-actions{float:right;margin-top:-2.5em;}ul.manage-table-actions li{display:block;float:left;margin-left:.5em;}.state-color-queued{border-color:#888;background:#EEE;}.state-color-ok{border-color:#6A6;background:#CFC;}.state-color-error{border-color:#A66;background:#FCC;}.state-color-running{border-color:#AA6;background:#FFC;}.state-fg-queued{color:#888;}.state-fg-ok{color:#6A6;}.state-fg-running{color:#AA6;}.state-fg-error{color:#A66;}.action-button{background:#eee;color:#333;text-decoration:none;font-size:95%;font-weight:bold;display:inline-block;cursor:pointer;padding:2px;border:solid #aaa 1px;padding-right:.5em;padding-left:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;}.action-button>*{vertical-align:middle;}.action-button:hover{color:black;background:#ddd;}.action-button:active{color:whit
 e;background:#aaa;}div.popupmenu{display:none;background:#eee;color:#333;font-size:110%;font-weight:bold;font-style:normal;white-space:nowrap;position:absolute;z-index:20000;border:solid #aaa 1px;padding:3px 0;-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;}div.popupmenu-item{padding:3px 1em;cursor:pointer;}div.popupmenu-item:hover{background:#aaa;}.popup-arrow{font-size:80%;cursor:pointer;text-decoration:none;color:#555;}.popup-arrow:hover{color:black;}div.permissionContainer{padding-left:20px;}.grid-header{padding-bottom:1em;}.grid-header h2{margin:0;margin-bottom:.5em;}.grid-header .title{font-weight:bold;}.grid{padding-top:1em;border-collapse:collapse;width:100%;}.grid tbody td{border-top:solid #DDD 1px;border-bottom:solid #DDD 1px;padding:.5em 1em;}.grid tbody td:empty{padding:0;}.grid thead th{background:#ebd9b2;background-image:url(form_title_bg.png);background-repeat:repeat-x;backg
 round-position:top;border-top:solid #d8b365 1px;border-bottom:solid #d8b365 1px;padding:.5em 1em;text-align:left;}.grid tfoot td{background-color:#F8F8F8;border-top:solid #DDD 1px;border-bottom:solid #DDD 1px;padding:.5em 1em;}.grid .current{background-color:#EEF;}
\ No newline at end of file
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/blue/history.css
--- a/static/june_2007_style/blue/history.css	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/blue/history.css	Mon Jul 13 13:08:52 2009 -0400
@@ -1,117 +1,1 @@
-body
-{
-    background: #C1C9E5;
-    color: #303030;
-    background-image: url(menu_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    margin: 5px;
-    border: 0;
-    padding: 0;
-}
-
-a
-{
-    color: #base_text;
-}
-
-div.historyLinks
-{
-    padding: 5px;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    padding-right: 5px;
-    padding-left: 5px;
-    margin-bottom: 5px;
-}
-
-div.historyItem
-{
-    margin-right: -5px;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    padding: 5px;
-    padding-right: 11px;
-
-    border: solid #888888 1px;
-    border-left: solid #888888 5px;
-    border-right: none;
-    background: #EEEEEE;
-    background-image: url(gray_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-}
-
-div.historyItem div.historyItem
-{
-    margin-right: -11px;
-}
-
-div.historyItem-ok
-{
-    border-color: #66AA66;
-    background: #CCFFCC;
-    /*
-    background-image: url(ok_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    */
-}
-
-div.historyItem-error, div.historyItem-empty
-{
-    border-color: #AA6666;
-    background: #FFCCCC;
-    /*
-    background-image: url(error_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    */
-}
-
-div.historyItem-running
-{
-    border-color: #AAAA66;
-    background: #FFFFCC;
-    /*
-    background-image: url(warn_bg.png);
-    background-repeat: repeat-x;
-    background-position: top;
-    */
-}
-
-div.historyItem-upload
-{
-    border-color: #6666AA;
-    background: #CCCCFF;
-}
-
-div.historyItem-noPermission
-{
-    filter: alpha(opacity=60);
-    -moz-opacity: .60;
-    opacity: .60;
-}
-
-div.historyItem-queued
-{
-}
-
-div.historyItemBody div
-{
-    padding-top: 2px;
-}
-
-pre.peek
-{
-    background: white;
-    color: black;
-    width: 100%; 
-    overflow: auto;
-}
-
-pre.peek th
-{
-    color: white;
-    background: #023858;
-}
+body{background:#C1C9E5;color:#303030;background-image:url(menu_bg.png);background-repeat:repeat-x;background-position:top;margin:5px;border:0;padding:0;}a{color:#base_text;}div.historyLinks{padding:5px;margin-top:5px;margin-bottom:5px;padding-right:5px;padding-left:5px;margin-bottom:5px;}div.historyItem{margin-right:-5px;margin-top:5px;margin-bottom:5px;padding:5px;padding-right:11px;border:solid #888 1px;border-left:solid #888 5px;border-right:none;background:#EEE;background-image:url(gray_bg.png);background-repeat:repeat-x;background-position:top;}div.historyItem div.historyItem{margin-right:-11px;}div.historyItem-ok{border-color:#6A6;background:#CFC;}div.historyItem-error,div.historyItem-empty{border-color:#A66;background:#FCC;}div.historyItem-running{border-color:#AA6;background:#FFC;}div.historyItem-upload{border-color:#66A;background:#CCF;}div.historyItem-noPermission{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}div.historyItemBody div{padding-top:2px;}pre.p
 eek{background:white;color:black;width:100%;overflow:auto;}pre.peek th{color:white;background:#023858;}
\ No newline at end of file
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/blue/iphone.css
--- a/static/june_2007_style/blue/iphone.css	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/blue/iphone.css	Mon Jul 13 13:08:52 2009 -0400
@@ -1,433 +1,1 @@
-
-body {
-    margin: 0;
-    font-family: Helvetica;
-    background: #FFFFFF;
-    color: #000000;
-    overflow-x: hidden;
-    -webkit-user-select: none;
-    -webkit-text-size-adjust: none;
-}
-
-body > *:not(.toolbar) {
-    display: none;
-    position: absolute;
-    margin: 0;
-    padding: 0;
-    left: 0;
-    width: 100%;
-    min-height: 372px;
-}
-
-body[orient="landscape"] > *:not(.toolbar) {
-    min-height: 268px;
-}
-
-body > *[selected="true"] {
-    display: block;
-}
-
-a[selected], a:active {
-    background-color: #194fdb !important;
-    background-image: url(../iui/listArrowSel.png), url(../iui/selection.png) !important;
-    background-repeat: no-repeat, repeat-x;
-    background-position: right center, left top;
-    color: #FFFFFF !important;
-}
-
-a[selected="progress"] {
-    background-image: url(../iui/loading.gif), url(../iui/selection.png) !important;
-}
-
-/************************************************************************************************/
-
-body > .toolbar {
-    position: relative;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    border-bottom: 1px solid #2d3642;
-    padding: 10px;
-    height: 45px;
-    background: url(../iui/toolbar.png) #6d84a2 repeat-x;
-}
-
-.toolbar > h1 {
-    position: absolute;
-    overflow: hidden;
-    left: 50%;
-    margin: 1px 0 0 -75px;
-    height: 45px;
-    font-size: 20px;
-    width: 150px;
-    font-weight: bold;
-    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
-    text-align: center;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    color: #FFFFFF;
-}
-
-body[orient="landscape"] > .toolbar > h1 {
-    margin-left: -125px;
-    width: 250px;
-}
-
-body > .toolbar.masthead {
-    background: #2C3143 repeat-x;
-}
-
-body > .toolbar.masthead > h1 {
-    left: 0; margin-left: 0; width: 100%;
-}
-
-
-.button {
-    position: absolute;
-    overflow: hidden;
-    top: 8px;
-    right: 6px;
-    margin: 0;
-    border-width: 0 5px;
-    padding: 0 3px;
-    width: auto;
-    height: 30px;
-    line-height: 30px;
-    font-family: inherit;
-    font-size: 12px;
-    font-weight: bold;
-    color: #FFFFFF;
-    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
-    text-overflow: ellipsis;
-    text-decoration: none;
-    white-space: nowrap;
-    background: none;
-    -webkit-border-image: url(../iui/toolButton.png) 0 5 0 5;
-}
-
-.blueButton {
-    -webkit-border-image: url(../iui/blueButton.png) 0 5 0 5;
-    border-width: 0 5px;
-}
-
-.leftButton {
-    left: 6px;
-    right: auto;
-}
-
-#backButton {
-    display: none;
-    left: 6px;
-    right: auto;
-    padding: 0;
-    max-width: 55px;
-    border-width: 0 8px 0 14px;
-    -webkit-border-image: url(../iui/backButton.png) 0 8 0 14;
-}
-
-.whiteButton,
-.grayButton {
-    display: block;
-    border-width: 0 12px;
-    padding: 10px;
-    text-align: center;
-    font-size: 20px;
-    font-weight: bold;
-    text-decoration: inherit;
-    color: inherit;
-}
-
-.whiteButton {
-    -webkit-border-image: url(../iui/whiteButton.png) 0 12 0 12;
-    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
-}
-
-.grayButton {
-    -webkit-border-image: url(../iui/grayButton.png) 0 12 0 12;
-    color: #FFFFFF;
-}
-
-/************************************************************************************************/
-
-body > ul > li {
-    position: relative;
-    margin: 0;
-    border-bottom: 1px solid #E0E0E0;
-    padding: 8px 0 8px 10px;
-    font-size: 20px;
-    font-weight: bold;
-    list-style: none;
-}
-
-body > ul > li.group {
-    position: relative;
-    top: -1px;
-    margin-bottom: -2px;
-    border-top: 1px solid #7d7d7d;
-    border-bottom: 1px solid #999999;
-    padding: 1px 10px;
-    background: url(../iui/listGroup.png) repeat-x;
-    font-size: 17px;
-    font-weight: bold;
-    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
-    color: #FFFFFF;
-}
-
-body > ul > li.group:first-child {
-    top: 0;
-    border-top: none;
-}
-
-body > ul > li > a {
-    display: block;
-    margin: -8px 0 -8px -10px;
-    padding: 8px 32px 8px 10px;
-    text-decoration: none;
-    color: inherit;
-    background: url(../iui/listArrow.png) no-repeat right center;
-}
-
-a[target="_replace"] {
-    box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    padding-top: 25px;
-    padding-bottom: 25px;
-    font-size: 18px;
-    color: cornflowerblue;
-    background-color: #FFFFFF;
-    background-image: none;
-}
-
-/************************************************************************************************/
-    
-body > .dialog {
-    top: 0;
-    width: 100%;
-    min-height: 417px;
-    z-index: 2;
-    background: rgba(0, 0, 0, 0.8);
-    padding: 0;
-    text-align: right;
-}
-
-.dialog > fieldset {
-    box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    width: 100%;
-    margin: 0;
-    border: none;
-    border-top: 1px solid #6d84a2;
-    padding: 10px 6px;
-    background: url(../iui/toolbar.png) #7388a5 repeat-x;
-}
-
-.dialog > fieldset > h1 {
-    margin: 0 10px 0 10px;
-    padding: 0;
-    font-size: 20px;
-    font-weight: bold;
-    color: #FFFFFF;
-    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
-    text-align: center;
-}
-
-.dialog > fieldset > label {
-    position: absolute;
-    margin: 16px 0 0 6px;
-    font-size: 14px;
-    color: #999999;
-}
-
-
-
-input:not(input[type|=radio]):not(input[type|=checkbox]) {
-    box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    width: 100%;
-    margin: 8px 0 0 0;
-    padding: 6px 6px 6px 44px;
-    font-size: 16px;
-    font-weight: normal;
-}
-
-/************************************************************************************************/
-
-body > .panel {
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    padding: 10px;
-    background: #c8c8c8 url(../iui/pinstripes.png);
-}
-
-.panel > fieldset {
-    position: relative;
-    margin: 0 0 20px 0;
-    padding: 0;
-    background: #FFFFFF;
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-    border: 1px solid #999999;
-    text-align: right;
-    font-size: 16px;
-}
-
-.row  {
-    position: relative;
-    min-height: 42px;
-    border-bottom: 1px solid #999999;
-    -webkit-border-radius: 0;
-    text-align: right;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-fieldset > .row:last-child {
-    border-bottom: none !important;
-}
-
-.row > input:not(input[type|=radio]):not(input[type|=checkbox]) {
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    margin: 0;
-    border: none;
-    padding: 12px 10px 0 110px;
-    height: 42px;
-    background: none;
-}
-.row > input[type|=radio], .row > input[type|=checkbox] {
-  margin: 7px 7px 0 0;
-  height: 25px;
-  width: 25px;
-}
-
-.row > label {
-    position: absolute;
-    margin: 0 0 0 14px;
-    line-height: 42px;
-    font-weight: bold;
-}
-
-.row > a {
-    font-weight: bold;
-    text-align: left;
-    display: block;
-    padding: 8px 32px 8px 14px;
-    text-decoration: none;
-    color: inherit;
-    background: url(../iui/listArrow.png) no-repeat right center;
-}
-
-.row > .error {
-    height: 25px;
-    text-align: left;
-    font-size: 14px;
-    padding: 0 0 0 110px;
-    color: red;
-}
-
-.row > span {
-    position: absolute;
-    padding: 12px 10px 0 110px;
-    margin: 0;
-}
-
-.row > .toggle {
-    position: absolute;
-    top: 6px;
-    right: 6px;
-    width: 100px;
-    height: 28px;
-}
-
-.toggle {
-    border: 1px solid #888888;
-    -webkit-border-radius: 6px;
-    background: #FFFFFF url(../iui/toggle.png) repeat-x;
-    font-size: 19px;
-    font-weight: bold;
-    line-height: 30px;
-}
-
-.toggle[toggled="true"] {
-    border: 1px solid #143fae;
-    background: #194fdb url(../iui/toggleOn.png) repeat-x;
-}
-
-.toggleOn {
-    display: none;
-    position: absolute;
-    width: 60px;
-    text-align: center;
-    left: 0;
-    top: 0;
-    color: #FFFFFF;
-    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
-}
-
-.toggleOff {
-    position: absolute;
-    width: 60px;
-    text-align: center;
-    right: 0;
-    top: 0;
-    color: #666666;
-}
-
-.toggle[toggled="true"] > .toggleOn {
-    display: block;
-}
-
-.toggle[toggled="true"] > .toggleOff {
-    display: none;
-}
-
-.thumb {
-    position: absolute;
-    top: -1px;
-    left: -1px;
-    width: 40px;
-    height: 28px;    
-    border: 1px solid #888888;
-    -webkit-border-radius: 6px;
-    background: #ffffff url(../iui/thumb.png) repeat-x;
-}
-
-.toggle[toggled="true"] > .thumb {
-    left: auto;
-    right: -1px;
-}
-
-.panel > h2 {
-    margin: 0 0 8px 14px;
-    font-size: inherit;
-    font-weight: bold;
-    color: #4d4d70;
-    text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
-}
-
-/************************************************************************************************/
-
-#preloader {
-    display: none;
-    background-image: url(loading.gif), url(selection.png),
-        url(blueButton.png), url(listArrowSel.png), url(listGroup.png);
-}
-
-
-.state-color-queued {
-    background: #EEEEEE;
-}
-
-.state-color-ok {
-    background: #CCFFCC;
-}
-
-.state-color-error {
-    background: #FFCCCC;
-}
-
-.state-color-running {
-    background: #FFFFCC;
-}
+body{margin:0;font-family:Helvetica;background:#FFF;color:#000;overflow-x:hidden;-webkit-user-select:none;-webkit-text-size-adjust:none;}body>*:not(.toolbar){display:none;position:absolute;margin:0;padding:0;left:0;width:100%;min-height:372px;}body[orient="landscape"]>*:not(.toolbar){min-height:268px;}body>*[selected="true"]{display:block;}a[selected],a:active{background-color:#194fdb!important;background-image:url(../iui/listArrowSel.png),url(../iui/selection.png)!important;background-repeat:no-repeat,repeat-x;background-position:right center,left top;color:#FFF!important;}a[selected="progress"]{background-image:url(../iui/loading.gif),url(../iui/selection.png)!important;}body>.toolbar{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #2d3642;padding:10px;height:45px;background:url(../iui/toolbar.png) #6d84a2 repeat-x;}.toolbar>h1{position:absolute;overflow:hidden;left:50%;margin:1px 0 0 -75px;height:45p
 x;font-size:20px;width:150px;font-weight:bold;text-shadow:rgba(0,0,0,0.4) 0 -1px 0;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#FFF;}body[orient="landscape"]>.toolbar>h1{margin-left:-125px;width:250px;}body>.toolbar.masthead{background:#2C3143 repeat-x;}body>.toolbar.masthead>h1{left:0;margin-left:0;width:100%;}.button{position:absolute;overflow:hidden;top:8px;right:6px;margin:0;border-width:0 5px;padding:0 3px;width:auto;height:30px;line-height:30px;font-family:inherit;font-size:12px;font-weight:bold;color:#FFF;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;background:none;-webkit-border-image:url(../iui/toolButton.png) 0 5 0 5;}.blueButton{-webkit-border-image:url(../iui/blueButton.png) 0 5 0 5;border-width:0 5px;}.leftButton{left:6px;right:auto;}#backButton{display:none;left:6px;right:auto;padding:0;max-width:55px;border-width:0 8px 0 14px;-webkit-border-image:url(../iui/backButton.png) 0 8 0 14;}.
 whiteButton,.grayButton{display:block;border-width:0 12px;padding:10px;text-align:center;font-size:20px;font-weight:bold;text-decoration:inherit;color:inherit;}.whiteButton{-webkit-border-image:url(../iui/whiteButton.png) 0 12 0 12;text-shadow:rgba(255,255,255,0.7) 0 1px 0;}.grayButton{-webkit-border-image:url(../iui/grayButton.png) 0 12 0 12;color:#FFF;}body>ul>li{position:relative;margin:0;border-bottom:1px solid #E0E0E0;padding:8px 0 8px 10px;font-size:20px;font-weight:bold;list-style:none;}body>ul>li.group{position:relative;top:-1px;margin-bottom:-2px;border-top:1px solid #7d7d7d;border-bottom:1px solid #999;padding:1px 10px;background:url(../iui/listGroup.png) repeat-x;font-size:17px;font-weight:bold;text-shadow:rgba(0,0,0,0.4) 0 1px 0;color:#FFF;}body>ul>li.group:first-child{top:0;border-top:none;}body>ul>li>a{display:block;margin:-8px 0 -8px -10px;padding:8px 32px 8px 10px;text-decoration:none;color:inherit;background:url(../iui/listArrow.png) no-repeat right center;}
 a[target="_replace"]{box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:25px;padding-bottom:25px;font-size:18px;color:cornflowerblue;background-color:#FFF;background-image:none;}body>.dialog{top:0;width:100%;min-height:417px;z-index:2;background:rgba(0,0,0,0.8);padding:0;text-align:right;}.dialog>fieldset{box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;margin:0;border:none;border-top:1px solid #6d84a2;padding:10px 6px;background:url(../iui/toolbar.png) #7388a5 repeat-x;}.dialog>fieldset>h1{margin:0 10px 0 10px;padding:0;font-size:20px;font-weight:bold;color:#FFF;text-shadow:rgba(0,0,0,0.4) 0 -1px 0;text-align:center;}.dialog>fieldset>label{position:absolute;margin:16px 0 0 6px;font-size:14px;color:#999;}input:not(input[type|=radio]):not(input[type|=checkbox]){box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;margin:8px 0 0 0;padding:6px 6px 6px 44px;font-size:16px;font-weight:normal;}body>.panel{box-sizing:border-box;-moz-box-sizing:b
 order-box;-webkit-box-sizing:border-box;padding:10px;background:#c8c8c8 url(../iui/pinstripes.png);}.panel>fieldset{position:relative;margin:0 0 20px 0;padding:0;background:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border:1px solid #999;text-align:right;font-size:16px;}.row{position:relative;min-height:42px;border-bottom:1px solid #999;-webkit-border-radius:0;text-align:right;overflow:hidden;text-overflow:ellipsis;}fieldset>.row:last-child{border-bottom:none!important;}.row>input:not(input[type|=radio]):not(input[type|=checkbox]){box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;border:none;padding:12px 10px 0 110px;height:42px;background:none;}.row>input[type|=radio],.row>input[type|=checkbox]{margin:7px 7px 0 0;height:25px;width:25px;}.row>label{position:absolute;margin:0 0 0 14px;line-height:42px;font-weight:bold;}.row>a{font-weight:bold;text-align:left;display:block;padding:8px 32px 8px 14px;text-decoration:none;color:i
 nherit;background:url(../iui/listArrow.png) no-repeat right center;}.row>.error{height:25px;text-align:left;font-size:14px;padding:0 0 0 110px;color:red;}.row>span{position:absolute;padding:12px 10px 0 110px;margin:0;}.row>.toggle{position:absolute;top:6px;right:6px;width:100px;height:28px;}.toggle{border:1px solid #888;-webkit-border-radius:6px;background:#FFF url(../iui/toggle.png) repeat-x;font-size:19px;font-weight:bold;line-height:30px;}.toggle[toggled="true"]{border:1px solid #143fae;background:#194fdb url(../iui/toggleOn.png) repeat-x;}.toggleOn{display:none;position:absolute;width:60px;text-align:center;left:0;top:0;color:#FFF;text-shadow:rgba(0,0,0,0.4) 0 -1px 0;}.toggleOff{position:absolute;width:60px;text-align:center;right:0;top:0;color:#666;}.toggle[toggled="true"]>.toggleOn{display:block;}.toggle[toggled="true"]>.toggleOff{display:none;}.thumb{position:absolute;top:-1px;left:-1px;width:40px;height:28px;border:1px solid #888;-webkit-border-radius:6px;background:
 #fff url(../iui/thumb.png) repeat-x;}.toggle[toggled="true"]>.thumb{left:auto;right:-1px;}.panel>h2{margin:0 0 8px 14px;font-size:inherit;font-weight:bold;color:#4d4d70;text-shadow:rgba(255,255,255,0.75) 2px 2px 0;}#preloader{display:none;background-image:url(loading.gif),url(selection.png),url(blueButton.png),url(listArrowSel.png),url(listGroup.png);}.state-color-queued{background:#EEE;}.state-color-ok{background:#CFC;}.state-color-error{background:#FCC;}.state-color-running{background:#FFC;}
\ No newline at end of file
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/blue/library.css
--- a/static/june_2007_style/blue/library.css	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/blue/library.css	Mon Jul 13 13:08:52 2009 -0400
@@ -1,75 +1,1 @@
-.libraryRow {
-    background-color: #d2c099;
-}
-
-.datasetHighlighted {
-    background-color: #C1C9E5;
-}
-
-.libraryItemDeleted-True {
-    font-style: italic;
-}
-
-div.historyItemBody {
-    padding: 4px 4px 2px 4px;
-}
-
-li.folderRow,
-li.datasetRow
-{
-    border-top: solid 1px #ddd;
-}
-
-li.folderRow:hover,
-li.datasetRow:hover
-{
-    background-color: #C1C9E5;
-}
-
-img.expanderIcon {
-    padding-right: 4px;
-}
-
-input.datasetCheckbox,
-li, ul
-{
-    padding: 0;
-    margin: 0;
-}
-
-.rowTitle
-{
-    padding: 2px;
-}
-
-ul {
-    list-style: none;
-}
-
-.libraryTitle th {
-    text-align: left;
-}
-
-pre.peek
-{
-    background: white;
-    color: black;
-    width: 100%;
-    overflow: auto;
-}
-
-pre.peek th
-{
-    color: white;
-    background: #023858;
-}
-
-a.expandLink {
-    text-decoration: none;
-}
-
-span.expandLink {
-    width: 100%;
-    height: 100%;
-    display: block;
-}
+.libraryRow{background-color:#d2c099;}.datasetHighlighted{background-color:#C1C9E5;}.libraryItemDeleted-True{font-style:italic;}div.historyItemBody{padding:4px 4px 2px 4px;}li.folderRow,li.datasetRow{border-top:solid 1px #ddd;}li.folderRow:hover,li.datasetRow:hover{background-color:#C1C9E5;}img.expanderIcon{padding-right:4px;}input.datasetCheckbox,li,ul{padding:0;margin:0;}.rowTitle{padding:2px;}ul{list-style:none;}.libraryTitle th{text-align:left;}pre.peek{background:white;color:black;width:100%;overflow:auto;}pre.peek th{color:white;background:#023858;}a.expandLink{text-decoration:none;}span.expandLink{width:100%;height:100%;display:block;}
\ No newline at end of file
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/blue/masthead.css
--- a/static/june_2007_style/blue/masthead.css	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/blue/masthead.css	Mon Jul 13 13:08:52 2009 -0400
@@ -1,62 +1,1 @@
-body
-{
-    background: #2C3143 url(masthead_bg.png) bottom;
-    color: #eeeeee;
-    padding: 0;
-    border: 0;
-    margin: 3px;
-    margin-right: 5px;
-    margin-left: 5px;
-    overflow: hidden;
-}
-
-div.pageTitle
-{
-    font-size: 175%;
-    font-weight: bold;
-}
-
-div.pageTitle a:link, div.pageTitle a:visited, div.pageTitle a:active, div.pageTitle a:hover
-{
-    text-decoration: none;
-}
-
-a:link, a:visited, a:active
-{
-    color: #eeeeee;
-}
-
-#tab-bar-bottom
-{
-    z-index: -1;
-    position:absolute;
-    top:27px; left: 0;
-    width: 100%;
-    height: 100%;
-    background: #222532;
-}
-
-span.link-group
-{
-    margin: 0;
-    padding: 0;
-    display: inline;
-    padding-bottom: 10px;
-    margin-bottom: -10px;
-}
-
-span.link-group span
-{
-    margin: 0;
-    padding: 0;
-    display: inline;
-}
-
-span.link-group span.active-link
-{
-    background: #222532;
-    padding-left: 3px; padding-right: 3px;
-    margin-left: -3px; margin-right: -3px;
-    padding-bottom: 10px;
-    margin-bottom: -10px;
-}
\ No newline at end of file
+body{background:#2C3143 url(masthead_bg.png) bottom;color:#eee;padding:0;border:0;margin:3px;margin-right:5px;margin-left:5px;overflow:hidden;}div.pageTitle{font-size:175%;font-weight:bold;}div.pageTitle a:link,div.pageTitle a:visited,div.pageTitle a:active,div.pageTitle a:hover{text-decoration:none;}a:link,a:visited,a:active{color:#eee;}#tab-bar-bottom{z-index:-1;position:absolute;top:27px;left:0;width:100%;height:100%;background:#222532;}span.link-group{margin:0;padding:0;display:inline;padding-bottom:10px;margin-bottom:-10px;}span.link-group span{margin:0;padding:0;display:inline;}span.link-group span.active-link{background:#222532;padding-left:3px;padding-right:3px;margin-left:-3px;margin-right:-3px;padding-bottom:10px;margin-bottom:-10px;}
\ No newline at end of file
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/blue/panel_layout.css
--- a/static/june_2007_style/blue/panel_layout.css	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/blue/panel_layout.css	Mon Jul 13 13:08:52 2009 -0400
@@ -1,340 +1,1 @@
-body, html
-{
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-}
-body
-{
-    font: 75% verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif; 
-    background: #eee;
-}
-#background
-{
-    position: absolute;
-    background: #eee;
-    z-index: -1;
-    top: 0;
-    left: 0;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-}
-
-#messagebox
-{
-    position:absolute; 
-    top:33px; 
-    left:0; 
-    width:100%; 
-    height:24px !important;
-    overflow: hidden; 
-    border-bottom: solid #999 1px;
-    font-size: 90%;
-}
-
-#left, #left-border, #center, #right-border, #right
-{
-    position: absolute; 
-    top: 39px;
-    bottom: 0px;
-    overflow: hidden; 
-    background: #fff;
-}
-#left, #center, #right
-{
-    border-top: solid #999 1px;
-}
-#left-border, #right-border
-{
-    background: #eeeeee;
-    border-left: solid #999 1px;
-    border-right: solid #999 1px;
-    padding-right: 1px;
-    padding-left: 1px;
-    width: 5px;
-    z-index: 10000;
-}
-#left-border div, #right-border div
-{
-    width: 100%;
-    height: 100%;
-    background-repeat: no-repeat; 
-    background-position: center center;
-    position: absolute;
-    width: 5px;
-    height: 100%;
-}
-#left-border div, #right-border.hidden div
-{
-    background-image: url(tiny_arrow_left.png);
-    cursor: w-resize;
-}
-#left-border.hidden div, #right-border div
-{
-    background-image: url(tiny_arrow_right.png);
-    cursor: e-resize;
-}
-#left-border.hover div, #right-border.hover div
-{
-    background-color: #AAAAEE;
-}
-#left 
-{
-    left: 0px;
-    width: 250px;
-    z-index: 200;
-}
-#left-border 
-{
-    left: 250px;
-}
-#center 
-{
-    left:259px;
-    right: 259px;
-    overflow: hidden;
-    z-index: 1;
-}
-#right-border 
-{
-    right: 250px;
-}
-#right 
-{
-    width: 250px;
-    right: 0px; 
-    z-index: 200;
-}
-
-.unified-panel-header {
-    height: 2em;
-    z-index: 1000;
-    background: #cccccc;
-    background-image: url(panel_header_bg.png);
-    background-position: top center;
-    background-repeat: repeat-x;
-    border-bottom: solid #999 1px;
-    margin: 0;
-    padding: 0;
-    padding-right: 10px;
-    padding-left: 10px;
-    color: #333;
-    font-weight: bold;
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-}
-  
-.unified-panel-header-inner {
-    padding-top: 0.45em;
-}
-  
-.menu-bg {
-    background: #C1C9E5 url(menu_bg.png) top repeat-x;
-}
-    
-div.unified-panel-body {
-    position: absolute;
-    top: 2em;
-    bottom: 0;
-    width: 100%;
-    margin-top: 1px;
-}
-
-.panel-header-button {
-    color: #333;
-    text-decoration: none;
-    display: inline-block;
-    cursor: pointer;
-    margin: -1px; padding: 1px;
-    border: 0px;
-    padding-right: 0.5em;
-    padding-left: 0.5em;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    border-radius: 0.5em;
-    background: transparent;
-}
-
-.panel-header-button:hover {
-    color: black;
-    background: #aaaaaa;
-}
-
-.panel-header-button:active {
-    color: white;
-    background: #aaaaaa;
-}
-
-#overlay {
-    position: fixed;
-    top: 0; left: 0; width: 100%; height: 100%;
-    z-index: 20000;
-}
-
-.dialog-box-container {
-    position: relative;
-    margin-top: 80px;
-    margin-right: auto;
-    margin-left: auto;
-}
-
-.dialog-box-wrapper {
-    position: relative;
-    padding: 1em;
-    background-color: rgba(0,0,0,0.5);
-    -moz-border-radius: 1em;
-    -webkit-border-radius: 1em;
-}
-
-.dialog-box {
-    border: solid #999 1px;
-    background: white;
-    min-width: 230px;
-    z-index: 80000;
-}
-
-.dialog-box .body, .dialog-box .buttons {
-    padding: 5px;
-}
-
-
-.panel-error-message, .panel-warning-message, .panel-done-message, .panel-info-message
-{
-    height: 24px;
-    line-height: 24px;
-    color: #303030;
-    padding: 0px;
-    padding-left: 26px;
-    background-color: #FFCCCC;
-    background-image: url(error_small.png);
-    background-repeat: no-repeat;
-    background-position: 6px 50%;
-}
-
-.panel-warning-message 
-{
-    background-image: url(warn_small.png);
-    background-color: #FFFFCC;
-}
-
-.panel-done-message 
-{
-    background-image: url(done_small.png);
-    background-color: #CCFFCC;
-}
-
-.panel-info-message 
-{
-    background-image: url(info_small.png);
-    background-color: #CCCCFF;
-}
-
-
-#masthead 
-{
-    position:absolute; 
-    top:0; 
-    left:0; 
-    width:100%; 
-    height:32px;
-    background: #2C3143; 
-    color:#fff;
-    border-bottom: solid #444 1px;
-    z-index: 15000;
-    padding: 0;
-}
-
-#masthead a
-{
-    color: #eeeeee;
-}
-
-#masthead .title
-{
-    padding: 3px 10px;
-    font-size: 175%;
-    font-weight: bold;
-}
-
-#masthead a
-{
-    text-decoration: none;
-}
-
-#masthead a:hover
-{
-    text-decoration: underline;
-}
-
-
-.tab-group
-{
-    margin: 0;
-    padding: 0 10px;
-    height: 100%;
-    white-space: nowrap;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-    cursor: default;
-}
-
-.tab-group .tab
-{
-    background: #2C3143; 
-    position: relative;
-    display: block;
-    float: left;
-    margin: 0;
-    padding: 0 1em;
-    height: 32px;
-    line-height: 32px;
-    text-align: left;
-}
-
-.tab-group .tab:hover > a
-{
-    color: gold !important;
-}
-
-.tab-group .active
-{
-    background: rgb(1,1,1);
-}
-
-.tab-group .tab .submenu {
-    display: none;
-    position: absolute;
-    z-index: 16000;
-    left: 0;
-    top: 32px;
-    padding: 1em;
-    margin: -1em;
-    padding-top: 0;
-    margin-top: 0;
-    background-color: rgba(0,0,0,0.5);
-    -moz-border-radius: 0 0 1em 1em;
-    -webkit-border-bottom-right-radius: 1em;
-    -webkit-border-bottom-left-radius: 1em;
-}
-
-.tab-group .tab .submenu ul
-{
-    display: block;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    background: #2C3143;
-}
-
-.tab-group .tab .submenu ul li
-{
-    display: block;
-    padding: 0 1em;
-    white-space: nowrap;
-}
+body,html{overflow:hidden;margin:0;padding:0;width:100%;height:100%;}body{font:75% verdana,"Bitstream Vera Sans",geneva,arial,helvetica,helve,sans-serif;background:#eee;}#background{position:absolute;background:#eee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;}#messagebox{position:absolute;top:33px;left:0;width:100%;height:24px!important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;}#left,#left-border,#center,#right-border,#right{position:absolute;top:39px;bottom:0;overflow:hidden;background:#fff;}#left,#center,#right{border-top:solid #999 1px;}#left-border,#right-border{background:#eee;border-left:solid #999 1px;border-right:solid #999 1px;padding-right:1px;padding-left:1px;width:5px;z-index:10000;}#left-border div,#right-border div{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;position:absolute;width:5px;height:100%;}#left-border div,#right-border.hidden div{background-image:url(tiny_arrow_left.png)
 ;cursor:w-resize;}#left-border.hidden div,#right-border div{background-image:url(tiny_arrow_right.png);cursor:e-resize;}#left-border.hover div,#right-border.hover div{background-color:#AAE;}#left{left:0;width:250px;z-index:200;}#left-border{left:250px;}#center{left:259px;right:259px;overflow:hidden;z-index:1;}#right-border{right:250px;}#right{width:250px;right:0;z-index:200;}.unified-panel-header{height:2em;z-index:1000;background:#ccc;background-image:url(panel_header_bg.png);background-position:top center;background-repeat:repeat-x;border-bottom:solid #999 1px;margin:0;padding:0;padding-right:10px;padding-left:10px;color:#333;font-weight:bold;}.unified-panel-header-inner{padding-top:.45em;}.menu-bg{background:#C1C9E5 url(menu_bg.png) top repeat-x;}div.unified-panel-body{position:absolute;top:2em;bottom:0;width:100%;margin-top:1px;}.panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;border:0;padding-right:.5em;pad
 ding-left:.5em;-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;background:transparent;}.panel-header-button:hover{color:black;background:#aaa;}.panel-header-button:active{color:white;background:#aaa;}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}.dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}.dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0,0,0,0.5);-moz-border-radius:1em;-webkit-border-radius:1em;}.dialog-box{border:solid #999 1px;background:white;min-width:230px;z-index:80000;}.dialog-box .body,.dialog-box .buttons{padding:5px;}.panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0;padding-left:26px;background-color:#FCC;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;}.panel-warning-message{background-image:url(warn_small.png);b
 ackground-color:#FFC;}.panel-done-message{background-image:url(done_small.png);background-color:#CFC;}.panel-info-message{background-image:url(info_small.png);background-color:#CCF;}#masthead{position:absolute;top:0;left:0;width:100%;height:32px;background:#2C3143;color:#fff;border-bottom:solid #444 1px;z-index:15000;padding:0;}#masthead a{color:#eee;}#masthead .title{padding:3px 10px;font-size:175%;font-weight:bold;}#masthead a{text-decoration:none;}#masthead a:hover{text-decoration:underline;}.tab-group{margin:0;padding:0 10px;height:100%;white-space:nowrap;cursor:default;user-select:none;-moz-user-select:none;-webkit-user-select:none;}.tab-group .tab{background:#2C3143;position:relative;float:left;margin:0;padding:0 1em;height:32px;line-height:32px;text-align:left;}.tab-group .tab:hover>a{color:gold!important;}.tab-group .active{background:#010101;}.tab-group .tab .submenu{display:none;position:absolute;z-index:16000;left:0;top:32px;padding:1em;margin:-1em;padding-top:0;m
 argin-top:0;background-color:rgba(0,0,0,0.5);-moz-border-radius:0 0 1em 1em;-webkit-border-bottom-right-radius:1em;-webkit-border-bottom-left-radius:1em;}.tab-group .tab .submenu ul{display:block;margin:0;padding:0;list-style-type:none;background:#2C3143;}.tab-group .tab .submenu ul li{display:block;padding:0 1em;white-space:nowrap;}
\ No newline at end of file
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/blue/reset.css
--- a/static/june_2007_style/blue/reset.css	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/blue/reset.css	Mon Jul 13 13:08:52 2009 -0400
@@ -1,3 +1,1 @@
-/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. */
-body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
-/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}*/
+body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
\ No newline at end of file
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/blue/tool_menu.css
--- a/static/june_2007_style/blue/tool_menu.css	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/blue/tool_menu.css	Mon Jul 13 13:08:52 2009 -0400
@@ -1,69 +1,1 @@
-body
-{
-    background: white;
-    color: #303030;
-    background: #C1C9E5 url(menu_bg.png) top repeat-x;
-    margin: 5px;
-    margin-right: 10px;
-    margin-left: 10px;
-}
-
-hr
-{
-    border: none;
-    height: 0px;
-    margin-top: 0px;
-}
-
-div.toolSectionPad
-{
-    margin: 0;
-    padding: 0;
-    height: 5px;
-    font-size: 0px;
-}
-
-div.toolSectionDetailsInner
-{ 
-  margin-left: 5px;
-  margin-right: 5px;
-}
-
-div.toolSectionTitle
-{
-  font-weight: bold;
-}
-
-div.toolPanelLabel
-{
-  padding-top: 10px;
-  padding-bottom: 5px;
-  font-weight: bold;
-  color: gray;
-  text-transform: uppercase;
-}
-
-div.toolTitle
-{
-  padding-top: 5px;
-  padding-bottom: 5px;
-  margin-left: 16px;
-  margin-right: 10px;
-  display: list-item;
-  list-style: square outside;
-}
-
-div.toolSectionBody div.toolPanelLabel
-{
-  padding-top: 5px;
-  padding-bottom: 5px;
-  margin-left: 16px;
-  margin-right: 10px;
-  display: list-item;
-  list-style: none outside;
-}
-
-div.toolTitleNoSection
-{
-  padding-bottom: 0px;
-}
+body{background:white;color:#303030;background:#C1C9E5 url(menu_bg.png) top repeat-x;margin:5px;margin-right:10px;margin-left:10px;}hr{border:none;height:0;margin-top:0;}div.toolSectionPad{margin:0;padding:0;height:5px;font-size:0;}div.toolSectionDetailsInner{margin-left:5px;margin-right:5px;}div.toolSectionTitle{font-weight:bold;}div.toolPanelLabel{padding-top:10px;padding-bottom:5px;font-weight:bold;color:gray;text-transform:uppercase;}div.toolTitle{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:square outside;}div.toolSectionBody div.toolPanelLabel{padding-top:5px;padding-bottom:5px;margin-left:16px;margin-right:10px;display:list-item;list-style:none outside;}div.toolTitleNoSection{padding-bottom:0;}
\ No newline at end of file
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/make_style.py
--- a/static/june_2007_style/make_style.py	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/make_style.py	Mon Jul 13 13:08:52 2009 -0400
@@ -4,7 +4,7 @@
 #import pkg_resources
 #pkg_resources.require("Cheetah")
 
-import sys, string, os.path
+import sys, string, os.path, tempfile, subprocess
 #from galaxy import eggs
 import pkg_resources
 pkg_resources.require( "Cheetah" )
@@ -73,7 +73,18 @@
 
 for input, output in templates:
     print input ,"->", output
-    open( os.path.join( out_dir, output ), "w" ).write( str( Template( file=input, searchList=[context] ) ) )
+    out_fname = os.path.join( out_dir, output )
+    temp_file = tempfile.NamedTemporaryFile()
+    # Write processed template to temporary file
+    print "Processing template..."
+    temp_file.write( str( Template( file=input, searchList=[context] ) ) )
+    temp_file.flush()
+    # Compress CSS with YUI
+    print "Compressing..."
+    subprocess.call( 
+        "java -jar ../../scripts/yuicompressor.jar --type css %s -o %s" % ( temp_file.name, out_fname ),
+        shell = True )
+
   
 """
 for rule, output in images:
diff -r d202e2f4b910 -r feb7438276fb static/june_2007_style/panel_layout.css.tmpl
--- a/static/june_2007_style/panel_layout.css.tmpl	Fri Jul 10 18:33:36 2009 -0400
+++ b/static/june_2007_style/panel_layout.css.tmpl	Mon Jul 13 13:08:52 2009 -0400
@@ -1,3 +1,11 @@
+#set $unselectable = """
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+"""
+
+## Rules
+
 body, html
 {
     overflow: hidden;
@@ -124,9 +132,6 @@
     padding-left: 10px;
     color: #333;
     font-weight: bold;
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
 }
   
 .unified-panel-header-inner {
@@ -281,17 +286,14 @@
     padding: 0 10px;
     height: 100%;
     white-space: nowrap;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
     cursor: default;
+    ${unselectable}
 }
 
 .tab-group .tab
 {
-    background: ${masthead_bg}; 
+    background: ${masthead_bg};
     position: relative;
-    display: block;
     float: left;
     margin: 0;
     padding: 0 1em;

    

[galaxy-dev] [hg] galaxy 2478: Pre-compressing CSS with yui-compressor

Greg Von Kuster