To participate you must create an account on apostrophenow.org. If you have already done so, click Login.

Changeset 2149

Show
Ignore:
Timestamp:
09/08/10 14:48:02 (17 months ago)
Author:
johnnyoffline
Message:

1. Added _doNotEdit.php partial to layout.php for easy toggling of the editing message for staging sites after we launch production
2. Added app.yml flag app_a_do_not_edit true/false for toggling the doNotEdit partial
3. Moved .a-options to a-components.css from a-area-slot.css. Cleaned up the CSS so that it's less specific to areas because it's being re-used for the page settings and add page menus as well as variant options etc.
4. Fixed menu toggle for Add Page so that you can actually add a page

Location:
plugins/apostrophePlugin/trunk
Files:
1 added
5 modified

Legend:

Unmodified
Added
Removed

  • plugins/apostrophePlugin/trunk/modules/a/templates/_createPage.php

    r2146 r2149  
    55<?php use_helper('I18N') ?> 
    66 
    7 <a href="#" class="a-btn icon a-add" id="a-create-page-button" onclick="return false;"><span class="icon"></span><?php echo __("Add Page", null, 'apostrophe') ?></a> 
     7<a href="#" class="a-btn icon a-add a-create-page" id="a-create-page-button" onclick="return false;"><span class="icon"></span><?php echo __("Add Page", null, 'apostrophe') ?></a> 
    88 
    99<form method="POST" action="<?php echo url_for('a/create') ?>" id="a-create-page-form" class="a-ui a-options a-page-form a-create-page-form dropshadow"> 
    10          
    11         <div class="a-form-row a-hidden"> 
    12                 <?php echo $form->renderHiddenFields() ?> 
    13         </div> 
    14         <?php echo $form->renderGlobalErrors() ?> 
    15         <div class="a-form-row a-hidden">        
    16                 <?php echo $form['parent']->render(array('id' => 'a-create-page-parent', )) ?> 
     10 
     11        <div class="a-form-row a-hidden"><?php echo $form->renderHiddenFields() ?></div> 
     12        <div class="a-form-row a-hidden"><?php echo $form['parent']->render(array('id' => 'a-create-page-parent', )) ?></div> 
     13 
     14        <?php echo $form->renderGlobalErrors() ?>        
     15 
     16        <div class="a-options-section">  
     17                <div class="a-form-row a-page-title"> 
     18                        <div class="a-form-field"> 
     19                                <?php echo $form['title']->render(array('id' => 'a-create-page-title',  'class' => 'a-page-title-field')) ?> 
     20                        </div> 
     21                        <?php echo $form['title']->renderError() ?> 
     22                </div> 
    1723        </div> 
    1824         
    19         <div class="a-form-row a-page-title"> 
    20                 <div class="a-form-field"> 
    21                         <?php echo $form['title']->render(array('id' => 'a-create-page-title',  'class' => 'a-page-title-field')) ?> 
    22                 </div> 
    23                 <?php echo $form['title']->renderError() ?> 
    24         </div> 
     25        <hr/> 
    2526 
    26  
    27         <div class="a-page-options">     
     27        <div class="a-options-section">  
    2828                <div class="a-form-row a-page-type"> 
    2929                        <?php echo $form['engine']->renderLabel(__('Page Type', array(), 'apostrophe')) ?> 
    … …  
    4242                </div> 
    4343        </div>   
     44 
     45        <hr/>    
     46 
     47        <div class="a-options-section"> 
     48                <ul class="a-ui a-controls"> 
     49                <li><input type="submit" class="a-btn a-submit" value="<?php echo __('Create Page', null, 'apostrophe') ?>" /></li> 
     50                <li><a href="#" onclick="return false;" class="a-btn icon a-cancel"><?php echo __("Cancel", null, 'apostrophe') ?></a></li> 
     51                </ul> 
     52        </div> 
    4453         
    45         <ul class="a-ui a-controls"> 
    46           <li><input type="submit" class="a-btn a-submit" value="<?php echo __('Create Page', null, 'apostrophe') ?>" /></li> 
    47           <li><a href="#" onclick="return false;" class="a-btn icon a-cancel"><?php echo __("Cancel", null, 'apostrophe') ?></a></li> 
    48         </ul> 
    4954</form> 
    5055 
    … …  
    5358 
    5459                var aPageTypeSelect = $('#a-create-page-type'); 
    55                 var aPageTemplateSelect = $('.a-create-page-template'); 
     60                var aPageTemplateSelect = $('.a-form-row.a-page-template'); 
    5661 
    5762                if (aPageTypeSelect.attr('selectedIndex'))  

  • plugins/apostrophePlugin/trunk/modules/a/templates/layout.php

    r2142 r2149  
    3535<body class="<?php if (has_slot('body_class')): ?><?php include_slot('body_class') ?><?php endif ?><?php if (($sf_user->isAuthenticated())): ?> logged-in<?php endif ?>"> 
    3636 
    37   <?php // Everyone gets this now, but internally it determines which controls you should ?> 
    38   <?php // actually see ?> 
    39    
     37        <?php include_partial('a/doNotEdit') ?> 
    4038  <?php include_partial('a/globalTools') ?> 
    4139 
    4240        <div id="a-wrapper" class="a-wrapper"> 
     41 
    4342    <?php // Note that just about everything can be suppressed or replaced by setting a ?> 
    4443    <?php // Symfony slot. Use them - don't write zillions of layouts or do layout stuff ?> 
    … …  
    6059        <?php else: ?> 
    6160          <?php a_slot('logo', 'aButton', array( 
     61                                                'edit' => (isset($page) && $sf_user->hasCredential('cms_admin')) ? true : false,                                 
     62                                                'defaultImage' => '/apostrophePlugin/images/cmstest-sample-logo.png', 
     63                                                'link' => '/',  
    6264                                                'global' => true,  
    63                                                 'edit' => (isset($page) && $sf_user->hasCredential('cms_admin')) ? true : false,                                 
    6465                                                'width' => 360,  
    6566                                                'flexHeight' => true,  
    6667                                                'resizeType' => 's',  
    67                                                 'link' => '/',  
    68                                                 'defaultImage' => '/apostrophePlugin/images/cmstest-sample-logo.png' 
    6968                                        )) ?> 
    7069        <?php endif ?> 
    … …  
    7271    <?php endif ?> 
    7372 
    74     <?php // Perhaps we want some of this on non-CMS pages like 'reorganize' but we can't ?> 
    75     <?php // spew PHP warnings, so fix that before you take away this if ?> 
    7673     <?php if (has_slot('a-tabs')): ?> 
    7774       <?php include_slot('a-tabs') ?> 
    … …  
    9895          <?php include_partial('a/footer') ?> 
    9996        </div> 
     97 
    10098        <?php // Drop in the document.ready stuff at the bottom. ?> 
    10199        <?php // If we try to do this sooner, it works for the template but ?> 
    102100        <?php // doesn't yet know about any js calls relating to the layout. ?> 
    103101  <?php a_include_js_calls() ?> 
     102 
    104103</body> 
    105104</html> 

  • plugins/apostrophePlugin/trunk/modules/a/templates/settingsSuccess.php

    r2135 r2149  
    2121                    'name' => 'a-page-settings-form',  
    2222                    'id' => 'a-page-settings-form', 
    23                                 'class' => 'a-options a-page-form a-page-settings-form dropshadow')) ?> 
     23                                'class' => 'a-ui a-options a-page-form a-page-settings-form dropshadow')) ?> 
    2424 
    2525        <div class="a-form-row a-hidden"> 
    … …  
    139139        <hr/> 
    140140 
    141         <div class="a-page-settings-section page-submit"> 
    142                           <input type="submit" name="submit" value="<?php echo htmlspecialchars(__('Save Changes', null, 'apostrophe')) ?>" class="a-btn a-submit" id="a-page-settings-submit" /> 
    143                                 <?php echo jq_link_to_function(__('Cancel', null, 'apostrophe'), '',  array('class' => 'a-btn icon a-cancel', 'title' => __('Cancel', null, 'apostrophe'))) ?> 
     141        <div class="a-options-section"> 
     142                <ul class="a-ui a-controls">             
     143                  <input type="submit" name="submit" value="<?php echo htmlspecialchars(__('Save Changes', null, 'apostrophe')) ?>" class="a-btn a-submit" id="a-page-settings-submit" /> 
     144                        <?php echo jq_link_to_function(__('Cancel', null, 'apostrophe'), '',  array('class' => 'a-btn icon a-cancel', 'title' => __('Cancel', null, 'apostrophe'))) ?> 
    144145                        <?php if ($page->userHasPrivilege('manage')): ?> 
    145146                                <?php $childMessage = ''; ?> 

  • plugins/apostrophePlugin/trunk/web/css/a-area-slots.css

    r2135 r2149  
    438438} 
    439439 
    440 /* Options Element -- This creates a box for menu options and for slot options */ 
    441  
    442 .a-ui .a-options, 
    443 .a-options 
    444 {  
    445 padding: 35px 20px 20px 20px; 
    446 position: absolute; 
    447 float: left; 
    448 display: none; 
    449 top: -5px; 
    450 left: -5px; 
    451 z-index: 1; 
    452 list-style: none; 
    453 min-width: 120px; 
    454 width: auto; 
    455 margin: 0; 
    456 background-color: #fff; /* TODO: Debug for IE */ 
    457 background-color: rgba(255,255,255,0.9); 
    458 -moz-border-radius: 6px; 
    459 -webkit-border-radius: 6px; 
    460 border-radius: 6px; 
    461 -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.20); 
    462 -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.20); 
    463 box-shadow: 0 0 6px rgba(0, 0, 0, 0.20); 
    464 border: 1px solid #ccc; 
    465 overflow: hidden; 
    466 } 
    467  
    468 .a-ui .a-options.a-area-options { padding: 35px 10px 10px 10px; } 
    469  
    470 .a-options .a-options-item > a .icon { opacity: .65; } 
    471  
    472 .a-options .a-options-item > a:hover .icon { opacity: 1; } 
    473  
    474 .a-options .a-options-item > a 
    475 {  
    476 float: left; 
    477 clear: both; 
    478 color: #777; 
    479 } 
    480  
    481 .a-options .a-options-item > a:hover, 
    482 .a-options .a-options-item > span 
    483 {  
    484 color: #222 !important; 
    485 } 
    486  
    487 .a-ui .a-options .a-options-item > a.a-btn 
    488 {  
    489 color: #222 !important; 
    490 float: none !important; 
    491 display: block !important; 
    492 display: block !important; 
    493 -moz-border-radius: 2px !important; 
    494 text-shadow: none; 
    495 border: 0; 
    496 } 
    497  
    498 .a-options .a-options-item > a.a-btn:hover 
    499 {  
    500 color: #000 !important; 
    501 border-color: #ddd !important; 
    502 text-shadow: none; 
    503 background-color: rgba(255,255,255,0.5) !important; 
    504 } 
    505  
    506 .a-options .a-multiple-select a 
    507 {  
    508 color: #777 !important; 
    509 } 
    510  
    511 ul.a-controls .a-options li, 
    512 ul.a-controls .a-options li.last 
     440 
     441 
     442ul.a-controls .a-options .a-options-item, 
     443ul.a-controls .a-options .a-options-item.last 
    513444{  
    514445width: 100%; 

  • plugins/apostrophePlugin/trunk/web/css/a-components.css

    r2142 r2149  
    1 /* Attribution */ 
    2 /* IE6 Warning */ 
    3 /* Pager / Pagination */ 
     1/* Options Menu System */ 
     2/* Reorganize Tree */ 
     3/* Pagination */ 
    44/* Global Toolbar */ 
    55/* Global Toolbar  - Page Settings*/ 
    66/* Global Toolbar - Create Page */ 
    77/* History Browser */ 
    8  
    9 .a-attribution { margin: 20px 0; padding: 0 0 0 20px; color:#666; font-size:11px; background: url(/apostrophePlugin/images/apostrophe.png) no-repeat top left; } 
    10 .a-attribution a:hover { text-decoration:underline; } 
    11  
    12 #ie6-warning { background: #f00; color: #fff; position: relative; z-index:9999; overflow: auto; } 
    13 #ie6-warning h2 { margin: 0; padding: 5px; font-size: 14px; } 
    14 #ie6-warning h2 a { color: #fff; text-decoration: underline; } 
    15 #ie6-warning h2 a:hover { color: #222; } 
    16 .ie6 .a-controls, .ie6 .a-btn.icon, .ie6 .a-global-toolbar-breadcrumb { display: none !important; } /* Added precaution -- Let's hide any controls from IE7 */ 
    17  
    18 /* 10. aUI Pagination 
     8/* Search */ 
     9/* Search Results */ 
     10/* Feedback Form */ 
     11/* Login Form - Floating Form */ 
     12/* Signin Form - /login */ 
     13/* Login button and language switcher */ 
     14/* sfDoctrineActAsTaggable Inline Taggable Widget */ 
     15/* Attribution */ 
     16/* IE6 Warning */ 
     17 
     18 
     19 
     20/* aOptions Menu */ 
     21 
     22.a-ui .a-options 
     23{  
     24padding: 35px 20px 20px 20px; 
     25position: absolute; 
     26float: left; 
     27display: none; 
     28top: -5px; 
     29left: -5px; 
     30z-index: 1; 
     31list-style: none; 
     32min-width: 120px; 
     33width: auto; 
     34margin: 0; 
     35background-color: #fff; /* TODO: Debug for IE */ 
     36background-color: rgba(255,255,255,0.95); 
     37-moz-border-radius: 6px; 
     38-webkit-border-radius: 6px; 
     39border-radius: 6px; 
     40-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.20); 
     41-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.20); 
     42box-shadow: 0 0 6px rgba(0, 0, 0, 0.20); 
     43border: 1px solid #ccc; 
     44overflow: hidden; 
     45} 
     46 
     47/* aOptions Menu Item */ 
     48 
     49.a-ui .a-options .a-options-item, 
     50.a-ui .a-options .a-options-item.last 
     51{  
     52width: 100%; 
     53float: left; 
     54clear: both; 
     55margin: 0 0 4px 0; 
     56list-style: none; 
     57} 
     58 
     59.a-ui .a-options .a-options-item > a { float: left; clear: both; color: #777; } 
     60.a-ui .a-options .a-options-item > a .icon { opacity: .65; } 
     61.a-ui .a-options .a-options-item > a:hover .icon { opacity: 1; } 
     62.a-ui .a-options .a-options-item > a:hover, 
     63.a-ui .a-options .a-options-item > span { color: #222 !important; } 
     64 
     65.a-ui .a-options .a-options-item > a.a-btn 
     66{  
     67color: #222 !important; 
     68float: none !important; 
     69display: block !important; 
     70display: block !important; 
     71-moz-border-radius: 2px !important; 
     72text-shadow: none; 
     73border: 0; 
     74} 
     75 
     76.a-ui .a-options .a-options-item > a.a-btn:hover 
     77{  
     78color: #000 !important; 
     79border-color: #ddd !important; 
     80text-shadow: none; 
     81background-color: rgba(255,255,255,0.5) !important; 
     82} 
     83 
     84/* aOptions Multiple Select */ 
     85 
     86.a-ui .a-options .a-multiple-select a {  color: #777 !important; } 
     87 
     88/* aOptions HR */ 
     89 
     90.a-ui .a-options hr  
     91{ 
     92float: left; 
     93clear: both; 
     94width: 100%; 
     95height: 1px; 
     96border: 0; 
     97background-color: #efefef; /* TODO: Debug for IE */ 
     98background-color: rgba(0,0,0,0.1); 
     99margin: 10px 0; 
     100} 
     101 
     102/* aOptions Open */ 
     103 
     104.a-options-open {  z-index: 999; } 
     105.a-options-open .a-options {  display: block !important; } 
     106.a-options-open > a.a-btn { color: #fff !important; background-color: #333; z-index: 999; } 
     107 
     108 
     109 
     110 
     111/* Apostrophe Reorganize Tree 
     112---------------------------------------------------- */ 
     113 
     114.a-reorganize .a-content 
     115{ 
     116        display: block; 
     117        float: left; 
     118        clear: both; 
     119        width: 100%; 
     120} 
     121 
     122.a-page-tree-container 
     123{ 
     124        overflow: hidden; 
     125        position: relative; 
     126        margin: 20px 0; 
     127        padding: 20px; 
     128        border: 1px solid #ccc; 
     129        -moz-border-radius: 2px; 
     130        -webkit-border-radius: 2px; 
     131        border-radius: 2px; 
     132} 
     133 
     134.a-page-tree-title 
     135{ 
     136        margin-bottom: 20px; 
     137} 
     138 
     139.a-page-tree 
     140{ 
     141        position: relative; 
     142        z-index: 1; 
     143} 
     144 
     145.a-page-tree-in-progress 
     146{ 
     147        position: absolute; 
     148        z-index: 2; 
     149        top: 0; 
     150        left: 0; 
     151        right: 0; 
     152        bottom: 0; 
     153        width: 100%; 
     154        height: 100%; 
     155        background: rgba(255,255,255,0.75) url(/apostrophePlugin/images/a-icon-loader.gif) center center no-repeat; 
     156        display: none; 
     157} 
     158 
     159.a-page-tree-container.working .a-page-tree-in-progress 
     160{ 
     161        display: block; 
     162} 
     163 
     164 
     165/* Apostrophe Pagination 
    19166-------------------------------------*/ 
    20167 
    … …  
    163310 
    164311 
    165 /* 11. aUI Global Toolbar 
     312/* 11. Apostrophe Global Toolbar 
    166313-------------------------------------*/ 
    167314 
    … …  
    180327} 
    181328 
    182 .a-global-toolbar .the-apostrophe { float: left; margin: 1px 0 -1px 1px; height: 20px; width: 20px; text-indent: -9999px; background: url(/apostrophePlugin/images/apostrophe_logo_20px.png) center center no-repeat; overflow: hidden; } 
    183  
    184 .a-global-toolbar > .a-controls { margin-top: 5px; } 
    185  
    186 .a-ui.a-global-toolbar .a-global-toolbar-this-page 
    187 { 
    188         position: relative; 
    189         display: inline; 
    190         float:left; 
    191         clear: both; 
    192         width: 100%; 
    193         margin: 0; 
    194         padding: 0; 
    195         overflow: hidden; 
    196 } 
    197  
    198 .a-ui.a-global-toolbar .a-global-toolbar-this-page.ok { padding: 8px 0; } 
     329.a-ui.a-global-toolbar .the-apostrophe { float: left; margin: 1px 0 -1px 1px; height: 20px; width: 20px; text-indent: -9999px; background: url(/apostrophePlugin/images/apostrophe_logo_20px.png) center center no-repeat; overflow: hidden; } 
    199330 
    200331.a-ui.a-global-toolbar .a-controls .a-login { float: right; display: inline; margin-right:5px; line-height: 20px; } 
    201332 
    202 .a-ui.a-global-toolbar .a-logged-in-user 
    203 { 
    204         float: left; 
    205         line-height: 20px; 
    206         padding-right: 10px; 
    207 } 
    208  
    209 .a-logged-in-user a 
    210 { 
    211         text-decoration: underline; 
    212 } 
    213  
    214 .a-logged-in-user a:hover 
    215 { 
    216         color: #000; 
    217 } 
    218  
    219 #a-this-page-toggle.open 
    220 { 
    221         background-color: #333; 
    222 } 
     333.a-logged-in-user { float: left; line-height: 20px; padding-right: 10px; } 
     334 
     335.a-logged-in-user a { text-decoration: underline; } 
     336 
     337.a-logged-in-user a:hover { color: #000; } 
     338 
    223339 
    224340/* Edit/Create Page Form Shared Styles 
    225341--------------------------------------*/ 
    226342 
     343.a-ui.a-page-form .a-form-row 
     344{ 
     345clear: both; 
     346display: block; 
     347float: none; 
     348overflow: hidden; 
     349padding: 5px; 
     350margin: 5px 0; 
     351width: auto; 
     352-moz-border-radius: 2px; 
     353-webkit-border-radius: 2px; 
     354border-radius: 2px; 
     355border: 1px inset rgba(0,0,0,0); 
     356} 
     357 
     358.a-ui.a-page-form .a-form-row:hover 
     359{ 
     360        background-color:#f6f6f6; 
     361        background-color: rgba(0,0,0,0.025); 
     362        border: 1px inset rgba(0,0,0,0.025); 
     363} 
     364 
     365.a-ui.a-page-form .a-form-row.focus 
     366{ 
     367        background-color:#f0f0f0; 
     368        background-color: rgba(0,0,0,0.065); 
     369        border: 1px inset rgba(0,0,0,0.065); 
     370} 
     371 
    227372.a-ui .a-page-form .a-form-row.a-page-title label { display: none; } 
    228373 
    229 .a-ui .a-form-row input.a-page-title-field { width: 342px; font-size: 18px; } 
    230  
    231 .a-ui .a-form-row input.a-page-title-field:focus 
     374.a-ui .a-page-form .a-form-row input.a-page-title-field { width: 342px; font-size: 18px; } 
     375 
     376.a-ui .a-page-form .a-form-row input.a-page-title-field:focus 
    232377{ 
    233378        border: 1px solid rgba(0,0,0,0.35); 
    … …  
    239384} 
    240385 
    241 .a-ui.a-page-form .a-form-row 
    242 { 
    243 clear: both; 
    244 display: block; 
    245 float: none; 
    246 overflow: hidden; 
    247 padding: 10px; 
    248 margin: 5px 0; 
    249 width: auto; 
    250 } 
    251  
    252 .a-ui.a-page-form .a-form-row.focus 
    253 { 
    254         background-color:#f0f0f0; 
    255         background-color: rgba(0,0,0,0.065); 
    256         border: 1px inset rgba(0,0,0,0.065); 
    257         -moz-border-radius: 2px; 
    258         -webkit-border-radius: 2px; 
    259         border-radius: 2px; 
    260 } 
    261  
    262386.a-ui .a-page-options 
    263387{ 
    … …  
    269393-------------------------------------*/ 
    270394 
    271 .a-ui.a-page-form 
    272 { 
    273         position: absolute; 
    274         z-index: 998;    
    275 } 
    276  
    277 .a-ui.a-page-form .a-options 
    278 { 
    279         display: block !important; 
    280         min-width: 0; 
    281 } 
    282  
    283 .a-ui.a-page-form .a-page-settings-section 
    284 { 
    285         float: left; 
    286         clear: both; 
    287         width: 100%; 
    288 } 
    289  
    290 .a-page-settings-section .content { margin: 0 16px; float: left; } 
    291  
    292 .a-page-settings-section h4 
     395.a-ui.a-page-form { position: absolute; z-index: 998;   } 
     396 
     397.a-ui.a-page-form .a-options { display: block !important; min-width: 0; } 
     398 
     399.a-ui.a-page-form .a-page-settings-section { float: left; clear: both; width: 100%; } 
     400 
     401.a-ui.a-page-form .a-page-settings-section .content { margin: 0 16px; float: left; } 
     402 
     403.a-ui.a-page-form .a-page-settings-section h4 
    293404{ 
    294405        background: url(/apostrophePlugin/images/a-icon-arrow-toggle.png) -6px -40px no-repeat; 
    … …  
    301412} 
    302413 
    303 .a-page-settings-section h4:hover { background-position: -6px 0; } 
    304 .a-page-settings-section.open h4 { background-position: -6px -20px; } 
    305 .a-page-settings-section.open h4:hover { background-position: -6px -60px;       } 
     414.a-ui.a-page-form .a-page-settings-section h4:hover { background-position: -6px 0; } 
     415.a-ui.a-page-form .a-page-settings-section.open h4 { background-position: -6px -20px; } 
     416.a-ui.a-page-form .a-page-settings-section.open h4:hover { background-position: -6px -60px;     } 
    306417 
    307418.a-page-settings-section h5 
    … …  
    315426} 
    316427 
    317 .a-ui .a-page-settings-status 
    318 { 
    319         float: left; 
    320 } 
    321  
    322 .a-page-settings-section.page-submit 
    323 { 
    324         margin: 10px 0 5px 0; 
    325 } 
    326  
    327 .a-page-settings-section.page-submit a.a-btn.a-cancel 
    328 { 
    329         float: left !important; 
    330         clear: none !important; 
    331         margin-left: 2px; 
    332 } 
    333  
    334 .a-page-settings-section.page-submit a.a-btn.a-delete 
    335 { 
    336         clear: none; 
    337         float: right !important; 
    338 } 
     428.a-ui .a-page-settings-status { float: left; } 
     429 
     430.a-page-settings-section.page-submit { margin: 10px 0 5px 0; } 
     431.a-page-settings-section.page-submit a.a-btn.a-cancel { float: left !important; clear: none !important; margin-left: 2px; } 
     432.a-page-settings-section.page-submit a.a-btn.a-delete { float: right !important; clear: none; } 
    339433 
    340434.a-ui .a-page-permissions-section 
    … …  
    348442/* Create Page Form 
    349443--------------------------------------*/ 
    350 #a-create-page-button.aActiveMenu 
     444.a-page-settings.aActiveMenu 
     445.a-create-page.aActiveMenu 
    351446{ 
    352447        z-index: 999; 
    353448} 
    354449 
    355 #a-create-page-form 
     450.a-create-page-form 
    356451{ 
    357452        padding: 30px 5px 2px 5px; 
    … …  
    372467} 
    373468 
    374 #a-create-page-button-menu.show-options 
    375 { 
    376         position: relative; 
     469.show-options > .aActiveMenu 
     470{ 
    377471        z-index: 998; 
    378472} 
    … …  
    380474.a-ui .show-options .a-options 
    381475{ 
    382         display: block; 
    383 } 
    384  
    385 /* 13. History Browser 
     476        display: block !important; 
     477} 
     478 
     479/* History Browser 
    386480-------------------------------------*/ 
    387481 
    … …  
    575669 
    576670 
    577 /* 15. Apostrophe Login Form 
    578  **** This floats in the upper right corner when we use a login button 
    579 -------------------------------------*/ 
    580  
    581 #a-login-form-container 
    582 { 
    583 position: absolute; 
    584 display: none; 
    585 left: auto; 
    586 top: 5px; 
    587 right: 5px; 
    588 padding: 0; 
    589 z-index:9999 !important; 
    590 width: 222px; 
    591 min-width: 0; 
    592 } 
    593  
    594 #a-login-form 
    595 { 
    596 width: 220px; 
    597 height: 400px; 
    598 background: #f0f0f0 url(/apostrophePlugin/images/a-apostrophe-login.png) no-repeat top left; 
    599 position: absolute; 
    600 top: 50%; 
    601 left: 50%; 
    602 margin-left: -110px; 
    603 margin-top: -200px; 
    604 font-size: 16px; 
    605 text-transform: lowercase; 
    606 } 
    607  
    608 #a-login-form table 
    609 { 
    610 width: 100%; 
    611 margin-bottom: 10px; 
    612 } 
    613  
    614 #a-login-form h1 
    615 { 
    616 color: #fff; 
    617 margin: 15px 0 5px 0; 
    618 } 
    619  
    620 #a-login-form th, 
    621 #a-login-form td 
    622 { 
    623 width: 100%; 
    624 float: left; 
    625 display: inline; 
    626 clear: both; 
    627 padding-left: 20px; 
    628 } 
    629  
    630 #a-login-form td input 
    631 { 
    632 width: 175px; 
    633 border: 0px; 
    634 font-size: 12px; 
    635 padding: 3px 2px; 
    636 margin: 2px 0 8px; 
    637 font-family: arial; 
    638 } 
    639  
    640 #a-login-form .remember th, 
    641 #a-login-form .remember td 
    642 { 
    643 width: 80px; 
    644 clear: none; 
    645 } 
    646 #a-login-form .remember td 
    647 { 
    648 padding: 0; 
    649 } 
    650  
    651 #a-login-form .remember td input 
    652 { 
    653 width: auto; 
    654 margin: 2px; 
    655 } 
    656  
    657 #a-login-form .a-controls 
    658 { 
    659 width: 178px; 
    660 margin: 0 22px 
    661 } 
    662  
    663 #a-login-form .a-controls li 
    664 { 
    665 float: right; 
    666 } 
    667  
    668 #a-login-form .a-controls li.last 
    669 { 
    670 float: left; 
    671 } 
    672  
    673 #a-login-form .a-reset-password 
    674 { 
    675 font-size: 11px; 
    676 color: #333; 
    677 } 
    678  
    679 #a-login-form .a-reset-password:hover { color: #fff; } 
    680  
    681  
    682  
    683  
    684 /* 16. Apostrophe Signin Form 
    685  **** This is the actual signin page - We should eventually consolidate Login Form and Signin Form to be the same - 2/3/2010 
    686 -------------------------------------*/ 
    687  
    688 #a-signin 
    689 { 
    690 float: left; 
    691 position: relative; 
    692 overflow: hidden; 
    693 display: block; 
    694 clear: both; 
    695 width: 220px; 
    696 } 
    697      
    698 #a-signin-form 
    699 { 
    700 float: left; 
    701 position: relative; 
    702 overflow:hidden; 
    703 display: inline; 
    704 clear: both; 
    705 float: left; 
    706 width: 180px; 
    707 padding: 20px; 
    708 } 
    709   
    710 #a-signin-form label 
    711 { 
    712         font-size: 16px; 
    713 } 
    714  
    715 #a-signin-form .a-form-row input[type="text"], 
    716 #a-signin-form .a-form-row input[type="password"] 
    717 { 
    718         width: 155px;    
    719 } 
    720  
    721 #a-signin-form .a-form-row.submit input 
    722 { 
    723         color:#fff; 
    724 } 
    725  
    726 #a-signin-form .a-form-row 
    727 { 
    728 margin: 0 10px 10px 10px; 
    729 } 
    730  
    731 #a-signin-form .a-form-row.submit li 
    732 { 
    733 float: left; 
    734 display: inline; 
    735 width: auto; 
    736 clear:none; 
    737 position: relative; 
    738 margin-right: 5px; 
    739 } 
    740  
    741  
    742  
    743 /* 18. Site Search 
    744 -------------------------------------*/ 
     671 
     672/* Apostrophe Search 
     673----------------------------------------------- */ 
    745674 
    746675#a-search 
    … …  
    849778 
    850779 
    851  
    852  
    853  
    854 /* 19. Search Results 
    855 -------------------------------------*/ 
     780/* Apostrophe Search Results 
     781--------------------------------------------- */ 
    856782 
    857783#a-search-results-container, 
    … …  
    881807 
    882808 
    883  
    884  
    885  
    886 /* 20. Apostrophe Feedback Form 
    887 -------------------------------------*/ 
     809/* Apostrophe Feedback Form 
     810------------------------------------------- */ 
    888811 
    889812#feedback-form-container 
    … …  
    916839 
    917840 
     841 
     842/* Apostrophe Login Form **** This floats in the upper right corner when we use a login button 
     843-------------------------------------*/ 
     844 
     845#a-login-form-container 
     846{ 
     847position: absolute; 
     848display: none; 
     849left: auto; 
     850top: 5px; 
     851right: 5px; 
     852padding: 0; 
     853z-index:9999 !important; 
     854width: 222px; 
     855min-width: 0; 
     856} 
     857 
     858#a-login-form 
     859{ 
     860width: 220px; 
     861height: 400px; 
     862background: #f0f0f0 url(/apostrophePlugin/images/a-apostrophe-login.png) no-repeat top left; 
     863position: absolute; 
     864top: 50%; 
     865left: 50%; 
     866margin-left: -110px; 
     867margin-top: -200px; 
     868font-size: 16px; 
     869text-transform: lowercase; 
     870} 
     871 
     872#a-login-form table 
     873{ 
     874width: 100%; 
     875margin-bottom: 10px; 
     876} 
     877 
     878#a-login-form h1 
     879{ 
     880color: #fff; 
     881margin: 15px 0 5px 0; 
     882} 
     883 
     884#a-login-form th, 
     885#a-login-form td 
     886{ 
     887width: 100%; 
     888float: left; 
     889display: inline; 
     890clear: both; 
     891padding-left: 20px; 
     892} 
     893 
     894#a-login-form td input 
     895{ 
     896width: 175px; 
     897border: 0px; 
     898font-size: 12px; 
     899padding: 3px 2px; 
     900margin: 2px 0 8px; 
     901font-family: arial; 
     902} 
     903 
     904#a-login-form .remember th, 
     905#a-login-form .remember td 
     906{ 
     907width: 80px; 
     908clear: none; 
     909} 
     910#a-login-form .remember td 
     911{ 
     912padding: 0; 
     913} 
     914 
     915#a-login-form .remember td input 
     916{ 
     917width: auto; 
     918margin: 2px; 
     919} 
     920 
     921#a-login-form .a-controls 
     922{ 
     923width: 178px; 
     924margin: 0 22px 
     925} 
     926 
     927#a-login-form .a-controls li 
     928{ 
     929float: right; 
     930} 
     931 
     932#a-login-form .a-controls li.last 
     933{ 
     934float: left; 
     935} 
     936 
     937#a-login-form .a-reset-password 
     938{ 
     939font-size: 11px; 
     940color: #333; 
     941} 
     942 
     943#a-login-form .a-reset-password:hover { color: #fff; } 
     944 
     945 
     946 
     947 
     948/* Apostrophe Signin Form **** This is the actual signin page - We should eventually consolidate Login Form and Signin Form to be the same - 2/3/2010 
     949-------------------------------------*/ 
     950 
     951#a-signin 
     952{ 
     953float: left; 
     954position: relative; 
     955overflow: hidden; 
     956display: block; 
     957clear: both; 
     958width: 220px; 
     959} 
     960     
     961#a-signin-form 
     962{ 
     963float: left; 
     964position: relative; 
     965overflow:hidden; 
     966display: inline; 
     967clear: both; 
     968float: left; 
     969width: 180px; 
     970padding: 20px; 
     971} 
     972  
     973#a-signin-form label 
     974{ 
     975        font-size: 16px; 
     976} 
     977 
     978#a-signin-form .a-form-row input[type="text"], 
     979#a-signin-form .a-form-row input[type="password"] 
     980{ 
     981        width: 155px;    
     982} 
     983 
     984#a-signin-form .a-form-row.submit input 
     985{ 
     986        color:#fff; 
     987} 
     988 
     989#a-signin-form .a-form-row 
     990{ 
     991margin: 0 10px 10px 10px; 
     992} 
     993 
     994#a-signin-form .a-form-row.submit li 
     995{ 
     996float: left; 
     997display: inline; 
     998width: auto; 
     999clear:none; 
     1000position: relative; 
     1001margin-right: 5px; 
     1002} 
     1003 
     1004 
    9181005/* Login button and language switcher 
    919 -------------------------------------*/ 
     1006------------------------------------------- */ 
    9201007 
    9211008.a-login ul 
    … …  
    9361023 
    9371024 
    938 /* Inline Taggable Widget 
    939 -------------------------------------*/ 
     1025/* Apostrophe / sfDoctrineActAsTaggable Inline Taggable Widget 
     1026------------------------------------------- */ 
    9401027 
    9411028.a-inline-taggable-widget-tag-container 
    … …  
    9851072} 
    9861073 
    987 /* Apostrophe Reorganize Tree */ 
    988  
    989 .a-reorganize .a-content 
    990 { 
    991         display: block; 
    992         float: left; 
    993         clear: both; 
    994         width: 100%; 
    995 } 
    996  
    997 .a-page-tree-container 
    998 { 
    999         overflow: hidden; 
    1000         position: relative; 
    1001         margin: 20px 0; 
    1002         padding: 20px; 
    1003         border: 1px solid #ccc; 
    1004         -moz-border-radius: 2px; 
    1005         -webkit-border-radius: 2px; 
    1006         border-radius: 2px; 
    1007 } 
    1008  
    1009 .a-page-tree-title 
    1010 { 
    1011         margin-bottom: 20px; 
    1012 } 
    1013  
    1014 .a-page-tree 
    1015 { 
    1016         position: relative; 
    1017         z-index: 1; 
    1018 } 
    1019  
    1020 .a-page-tree-in-progress 
    1021 { 
    1022         position: absolute; 
    1023         z-index: 2; 
    1024         top: 0; 
    1025         left: 0; 
    1026         right: 0; 
    1027         bottom: 0; 
    1028         width: 100%; 
    1029         height: 100%; 
    1030         background: rgba(255,255,255,0.75) url(/apostrophePlugin/images/a-icon-loader.gif) center center no-repeat; 
    1031         display: none; 
    1032 } 
    1033  
    1034 .a-page-tree-container.working .a-page-tree-in-progress 
    1035 { 
    1036         display: block; 
    1037 } 
     1074 
     1075/* Apostrophe Attribution 
     1076-------------------------------------*/ 
     1077 
     1078.a-attribution { margin: 20px 0; padding: 0 0 0 20px; color:#666; font-size:11px; background: url(/apostrophePlugin/images/apostrophe.png) no-repeat top left; } 
     1079.a-attribution a:hover { text-decoration:underline; } 
     1080 
     1081 
     1082/* Apostrophe IE6 Warning for Admin 
     1083-------------------------------------*/ 
     1084 
     1085#ie6-warning { background: #f00; color: #fff; position: relative; z-index:9999; overflow: auto; } 
     1086#ie6-warning h2 { margin: 0; padding: 5px; font-size: 14px; } 
     1087#ie6-warning h2 a { color: #fff; text-decoration: underline; } 
     1088#ie6-warning h2 a:hover { color: #222; } 
     1089.ie6 .a-controls, .ie6 .a-btn { display: none !important; } /* Added precaution -- Let's hide any controls from IE6 */