Changeset 416:855e1968f802

Show
Ignore:
Timestamp:
07/12/07 14:27:58 (1 year ago)
Author:
James Taylor <james@bx.psu.edu>
branch:
default
convert_revision:
svn:9bcadc22-80f8-0310-8a53-c8f022958886/galaxy/trunk@1724
Message:

Make new style work better with old layout and vice versa (so people with
customized styles can still use the new layout). Changed the config parameter
to enable the new layout to "use_new_layout" (since it has nothing to do with style!!!)

NEXT PERSON TO UPDATE TEST PLEASE ADD

[app:universe]
use_new_layout=true

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • lib/galaxy/interfaces/root.py

    r410 r416  
    3232        #         result = trans.fill_template('index_frames.tmpl', mode=mode) 
    3333        #         return [ result ] 
    34         if trans.app.config.get( "new_style_june_2007", "false" ) == "true": 
     34        if trans.app.config.get( "use_new_layout", "false" ) == "true": 
    3535            return trans.fill_template( "root/index.tmpl" ) 
    3636        else: 

  • static/june_2007_style/base.css.tmpl

    r391 r416  
    4949div.toolParamHelp 
    5050{ 
    51   font-style: italic; 
     51  color: #666; 
    5252} 
    5353 
    5454div.toolFormBody 
    5555{  
    56   padding: 5px; 
     56  padding: 10px; 
    5757  background: $form_body_bg_bottom; 
    5858  background-image: url(form_body_bg.png); 
    …… 
    8080} 
    8181 
    82 select 
    83 { 
    84     max-width: 300px; 
    85 } 
     82/* Forms */ 
     83 
     84div.form-row  
     85{ 
     86    margin-bottom: 1em; 
     87} 
     88 
     89div.form-row label 
     90{ 
     91    font-weight: bold; 
     92    display: block; 
     93    margin-bottom: .1em; 
     94} 
     95 
     96select, input, textarea 
     97{ 
     98    font-size: 115%; 
     99} 
     100 
     101select, textarea, input[type="text"], input[type="file"] 
     102{ 
     103    max-width: 400px; 
     104} 
     105 
     106/* Messages */ 
    86107 
    87108.errormessage, .warningmessage, .donemessage, .infomessage, .welcomemessage 
    …… 
    90111    padding-left: 52px; 
    91112    min-height: 32px; 
    92     border-top: 1px solid $error_message_border; 
    93     border-bottom: 1px solid $error_message_border; 
     113    border: 1px solid $error_message_border; 
    94114    background-color: $error_message_bg; 
    95115    background-image: url(error_message_icon.png); 
    …… 
    131151    padding-left: 25px; 
    132152    min-height: 25px; 
    133     border-top: 1px solid $error_message_border; 
    134     border-bottom: 1px solid $error_message_border; 
     153    border: 1px solid $error_message_border; 
    135154    background-color: $error_message_bg; 
    136155    background-image: url(error_small.png); 
    …… 
    223242     
    224243#footer { 
    225   position: fixed; 
    226   background: $footer_bg; 
    227   width: 100%; 
    228   left: 0px; 
    229   bottom: 0px; 
    230   color: white; 
    231   z-index:10000; 
    232   opacity:0.9; 
    233   filter:alpha(opacity:90); 
    234 } 
    235  
    236 #footer a { 
    237     color: white; 
    238 } 
    239  
    240 .footerheader 
    241 { 
    242   padding: 5px; 
    243   text-align:center; 
    244   background-image: url(footer_title_bg.png); 
    245   background-position: bottom right; 
    246 } 
    247  
    248 .footermenu 
    249 { 
    250   /*border-top: solid white 1px; */ 
    251 } 
    252  
    253 .footermenuitem 
    254 { 
    255     margin-top: 5px; 
    256     margin-bottom: 5px; 
    257     margin-right: 5px; 
    258     margin-left: 25px; 
    259     display: list-item; 
    260     list-style: square outside; 
    261 } 
    262  
    263 .footermenumessage 
    264 { 
    265     margin: 5px; 
    266 } 
     244  display: none; 
     245} 

  • static/june_2007_style/blue/base.css

    r391 r416  
    4949div.toolParamHelp 
    5050{ 
    51   font-style: italic; 
     51  color: #666; 
    5252} 
    5353 
    5454div.toolFormBody 
    5555{  
    56   padding: 5px; 
     56  padding: 10px; 
    5757  background: #FFFFFF; 
    5858  background-image: url(form_body_bg.png); 
    …… 
    8080} 
    8181 
    82 select 
    83 { 
    84     max-width: 300px; 
    85 } 
     82/* Forms */ 
     83 
     84div.form-row  
     85{ 
     86    margin-bottom: 1em; 
     87} 
     88 
     89div.form-row label 
     90{ 
     91    font-weight: bold; 
     92    display: block; 
     93    margin-bottom: .1em; 
     94} 
     95 
     96select, input, textarea 
     97{ 
     98    font-size: 115%; 
     99} 
     100 
     101select, textarea, input[type="text"], input[type="file"] 
     102{ 
     103    max-width: 400px; 
     104} 
     105 
     106/* Messages */ 
    86107 
    87108.errormessage, .warningmessage, .donemessage, .infomessage, .welcomemessage 
    …… 
    90111    padding-left: 52px; 
    91112    min-height: 32px; 
    92     border-top: 1px solid #AA6666; 
    93     border-bottom: 1px solid #AA6666; 
     113    border: 1px solid #AA6666; 
    94114    background-color: #FFCCCC; 
    95115    background-image: url(error_message_icon.png); 
    …… 
    131151    padding-left: 25px; 
    132152    min-height: 25px; 
    133     border-top: 1px solid #AA6666; 
    134     border-bottom: 1px solid #AA6666; 
     153    border: 1px solid #AA6666; 
    135154    background-color: #FFCCCC; 
    136155    background-image: url(error_small.png); 
    …… 
    223242     
    224243#footer { 
    225   position: fixed; 
    226   background: #023858; 
    227   width: 100%; 
    228   left: 0px; 
    229   bottom: 0px; 
    230   color: white; 
    231   z-index:10000; 
    232   opacity:0.9; 
    233   filter:alpha(opacity:90); 
    234 } 
    235  
    236 #footer a { 
    237     color: white; 
    238 } 
    239  
    240 .footerheader 
    241 { 
    242   padding: 5px; 
    243   text-align:center; 
    244   background-image: url(footer_title_bg.png); 
    245   background-position: bottom right; 
    246 } 
    247  
    248 .footermenu 
    249 { 
    250   /*border-top: solid white 1px; */ 
    251 } 
    252  
    253 .footermenuitem 
    254 { 
    255     margin-top: 5px; 
    256     margin-bottom: 5px; 
    257     margin-right: 5px; 
    258     margin-left: 25px; 
    259     display: list-item; 
    260     list-style: square outside; 
    261 } 
    262  
    263 .footermenumessage 
    264 { 
    265     margin: 5px; 
    266 } 
     244  display: none; 
     245} 

  • static/june_2007_style/blue/history.css

    r391 r416  
    66    background-repeat: repeat-x; 
    77    background-position: top; 
    8     margin-top: 5px; 
    9     margin-right: 0; 
    10     margin-left: 0; 
     8    margin: 5px; 
    119    border: 0; 
    1210    padding: 0; 
    …… 
    2119{ 
    2220    padding: 5px; 
    23     margin: 5px; 
     21    margin-top: 5px; 
     22    margin-bottom: 5px; 
    2423    padding-right: 5px; 
    2524    padding-left: 5px; 
    …… 
    2928div.historyItem 
    3029{ 
    31     margin: 5px; 
    32     margin-right: 0px; 
     30    margin-right: -5px; 
     31    margin-top: 5px; 
     32    margin-bottom: 5px; 
    3333    padding: 5px; 
    3434    padding-right: 11px; 

  • static/june_2007_style/history.css.tmpl

    r391 r416  
    66    background-repeat: repeat-x; 
    77    background-position: top; 
    8     margin-top: 5px; 
    9     margin-right: 0; 
    10     margin-left: 0; 
     8    margin: 5px; 
    119    border: 0; 
    1210    padding: 0; 
    …… 
    2119{ 
    2220    padding: 5px; 
    23     margin: 5px; 
     21    margin-top: 5px; 
     22    margin-bottom: 5px; 
    2423    padding-right: 5px; 
    2524    padding-left: 5px; 
    …… 
    2928div.historyItem 
    3029{ 
    31     margin: 5px; 
    32     margin-right: 0px; 
     30    margin-right: -5px; 
     31    margin-top: 5px; 
     32    margin-bottom: 5px; 
    3333    padding: 5px; 
    3434    padding-right: 11px; 

  • static/june_2007_style/make_style.py

    r391 r416  
    1818images = [  
    1919           ( "./gradient.py 9 30 $panel_header_bg_top - $panel_header_bg_bottom 0 0 $panel_header_bg_bottom 1 1", "panel_header_bg.png" ), 
     20           ( "./gradient.py 9 30 $panel_header_bg_bottom - $panel_header_bg_top 0 0 $panel_header_bg_top 1 1", "panel_header_bg_pressed.png" ), 
    2021           ( "./gradient.py 9 1000 $menu_bg_top $menu_bg_hatch $menu_bg_over 0 0 $menu_bg_over 1 1", "menu_bg.png" ), 
    2122           ( "./gradient.py 9 1000 $base_bg_top - $base_bg_bottom 0 0 $base_bg_bottom 1 1", "base_bg.png" ), 

  • static/light_hatched_style/blue/history.css

    r301 r416  
    1616{ 
    1717    color: #base_text; 
     18} 
     19 
     20div.historyLinks 
     21{ 
     22    padding: 5px; 
     23    margin: 5px; 
    1824} 
    1925 

  • static/light_hatched_style/blue/masthead.css

    r301 r416  
    1212div.pageTitle 
    1313{ 
    14     font-size: x-large; 
     14    font-size: 160%; 
    1515    font-weight: bold; 
    1616} 

  • static/light_hatched_style/blue/tool_menu.css

    r301 r416  
    1414    height: 0px; 
    1515    margin-top: 0px; 
     16} 
     17 
     18div.toolSectionPad 
     19{ 
     20    margin: 0; 
     21    padding: 0; 
     22    height: 5px; 
     23    font-size: 0px; 
    1624} 
    1725 

  • static/light_hatched_style/history.css.tmpl

    r301 r416  
    1616{ 
    1717    color: #base_text; 
     18} 
     19 
     20div.historyLinks 
     21{ 
     22    padding: 5px; 
     23    margin: 5px; 
    1824} 
    1925 

  • static/light_hatched_style/masthead.css.tmpl

    r301 r416  
    1212div.pageTitle 
    1313{ 
    14     font-size: x-large; 
     14    font-size: 160%; 
    1515    font-weight: bold; 
    1616} 

  • static/light_hatched_style/tool_menu.css.tmpl

    r301 r416  
    1414    height: 0px; 
    1515    margin-top: 0px; 
     16} 
     17 
     18div.toolSectionPad 
     19{ 
     20    margin: 0; 
     21    padding: 0; 
     22    height: 5px; 
     23    font-size: 0px; 
    1624} 
    1725 

  • templates/history.tmpl

    r410 r416  
    306306</body> 
    307307 
    308 #if $app.config.get( "new_style_july_2007", "false" ) == "true" 
     308#if $app.config.get( "show_panel_footers", "true" ) == "true" 
    309309<div style="height: 20px"></div> 
    310310<div id="footer" > 

  • templates/index_frames.tmpl

    r391 r416  
    44<TITLE>Galaxy</TITLE> 
    55</HEAD> 
    6 <FRAMESET rows="40,*" border="0" framespacing="0" frameborder="0"> 
     6<FRAMESET rows="36,*" border="0" framespacing="0" frameborder="0"> 
    77    <FRAME name="galaxy_masthead" src="$h.url_for('masthead')" frameborder="0" border="0" framespacing="0"> 
    88    <FRAME name="mainframe" src="$h.url_for('static/index_frame_three_col.html')" border="3" framespacing="3" frameborder="1"> 

  • templates/tool_menu.tmpl

    r391 r416  
    105105</div> 
    106106 
    107 #if $app.config.get( "new_style_july_2007", "false" ) == "true" 
    108107<div style="height: 20px"></div> 
    109108 
    …… 
    112111</div> 
    113112</body> 
    114 #end if 
    115113 
    116114</html> 

  • universe_wsgi.ini.sample

    r410 r416  
    8989ucsc_display_sites = main,test,archaea 
    9090gbrowse_display_sites = wormbase,flybase 
     91# Use the new iframe/javascript based layout 
     92use_new_layout=true 
    9193 
    9294# Static files 
    …… 
    104106paste.app_factory = galaxy.web.static:make_static 
    105107cache_seconds = 360 
    106 document_root = %(here)s/static/light_hatched_style/blue 
     108# The new (June 2007) style 
     109document_root = %(here)s/static/june_2007_style/blue 
     110# The old hatched style 
     111#document_root = %(here)s/static/light_hatched_style/blue 
    107112#document_root = %(here)s/static/light_hatched_style/green 
    108113#document_root = %(here)s/static/old_blue_style