Changeset 7877


Ignore:
Timestamp:
Nov 25, 2010, 10:26:29 PM (10 years ago)
Author:
rvelices
Message:

-fix css rules

  • comment_list.tpl style was broken
  • picture_nav_buttons.tpl shorter javascript
Location:
trunk/themes
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/themes/Sylvia/theme.css

    r7869 r7877  
    88#comments form.filter input[type="submit"] { margin-top:1.8em; }
    99/*  Sylvia Theme is close to the Roma Admin theme */
    10 BODY, H1, H3, DT, .rateButtonSelected, H2, #menubar DT {
     10BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {
    1111        color:#666;
    1212}
  • trunk/themes/clear/theme.css

    r7869 r7877  
    22/* text color */
    33BODY, H1, H2, H3, DT,
    4 .rateButtonSelected /* <= why IE doesn't inherit this ? */ {
     4INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
    55        color:#696969;  /* dimgray */
    66}
     
    5050
    5151/* links */
    52 A, .rateButton {
     52A, INPUT.rateButton {
    5353    color: #005e89;
    5454    background: transparent;
    5555}
    5656
    57 A:hover, .rateButton:hover {
     57A:hover, INPUT.rateButton:hover {
    5858    color: #858460;
    5959}
  • trunk/themes/dark/theme.css

    r7869 r7877  
    22/* text color */
    33BODY, H1, H3,
    4 .rateButtonSelected /* <= why IE doesn't inherit this ? */ {
     4INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
    55        color:#d0d0d0;
    66}
     
    6666
    6767/* links */
    68 A, .rateButton {
     68A, INPUT.rateButton {
    6969        color: #fff;
    7070        border: 0;
  • trunk/themes/default/template/comment_list.tpl

    r5682 r7877  
    33{foreach from=$comments item=comment name=comment_loop}
    44<li>
    5   <div class="thumbnailCategory {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
    6     {if isset($comment.TN_SRC)}
    7     <div class="illustration">
    8       <a href="{$comment.U_PICTURE}">
    9         <img src="{$comment.TN_SRC}" alt="{$comment.ALT}">
    10       </a>
    11     </div>
    12     {/if}
    13     <div class="description" style="height:{if isset($comment.IN_EDIT)}200{/if}px">
    14       {if isset($comment.U_DELETE) or isset($comment.U_VALIDATE) or isset($comment.U_EDIT) }
    15       <ul class="actions" style="float:right">
    16         {if isset($comment.U_DELETE)}
    17         <li>
    18           <a href="{$comment.U_DELETE}" title="{'delete this comment'|@translate}" onclick="return confirm('{'Are you sure?'|@translate|@escape:javascript}');">
    19             <img src="{$ROOT_URL}{$themeconf.icon_dir}/delete.png" class="button" alt="[delete]">
    20           </a>
    21         </li>
    22         {/if}
    23         {if isset($comment.U_EDIT) and !isset($comment.IN_EDIT)}
    24         <li>
    25           <a class="editComment" href="{$comment.U_EDIT}#edit_comment" title="{'edit this comment'|@translate}">
    26             <img src="{$ROOT_URL}{$themeconf.icon_dir}/edit.png" class="button" alt="[edit]">
    27           </a>
    28         </li>
    29         {/if}
    30         {if isset($comment.U_VALIDATE)}
    31         <li>
    32           <a href="{$comment.U_VALIDATE}" title="{'validate this comment'|@translate}">
    33             <img src="{$ROOT_URL}{$themeconf.icon_dir}/validate_s.png" class="button" alt="[validate]">
    34           </a>
    35         </li>
    36         {/if}
    37       </ul>
    38       {/if}
    39       <span class="author">{$comment.AUTHOR}</span> - <span class="date">{$comment.DATE}</span>
    40       {if isset($comment.IN_EDIT)}
    41       <a name="edit_comment"></a>
    42       <form  method="post" action="{$comment.U_EDIT}" class="filter" id="editComment">
    43   <fieldset>
    44     <legend>{'Edit a comment'|@translate}</legend>
    45     <label>{'Comment'|@translate}<textarea name="content" id="contenteditid" rows="5" cols="80">{$comment.CONTENT|@escape}</textarea></label>
    46     <input type="hidden" name="key" value="{$comment.KEY}">
    47     <input type="hidden" name="image_id" value="{$comment.IMAGE_ID|@default:$current.id}">
    48     <input class="submit" type="submit" value="{'Submit'|@translate}">
    49   </fieldset>
    50       </form>
    51       {else}
    52       <blockquote><div>{$comment.CONTENT}</div></blockquote>
    53       {/if}
    54     </div>
    55   </div>
     5        <div class="thumbnailCategory {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
     6        {if isset($comment.TN_SRC)}
     7        <div class="illustration">
     8                <a href="{$comment.U_PICTURE}">
     9                <img src="{$comment.TN_SRC}" alt="{$comment.ALT}">
     10                </a>
     11        </div>
     12        {/if}
     13        <div class="description"{if isset($comment.IN_EDIT)} style="height:200px"{/if}>
     14                {if isset($comment.U_DELETE) or isset($comment.U_VALIDATE) or isset($comment.U_EDIT) }
     15                <ul class="actions" style="float:right">
     16                {if isset($comment.U_DELETE)}
     17                <li>
     18                        <a href="{$comment.U_DELETE}" title="{'delete this comment'|@translate}" onclick="return confirm('{'Are you sure?'|@translate|@escape:javascript}');">
     19                                <img src="{$ROOT_URL}{$themeconf.icon_dir}/delete.png" class="button" alt="[delete]">
     20                        </a>
     21                </li>
     22                {/if}
     23                {if isset($comment.U_EDIT) and !isset($comment.IN_EDIT)}
     24                <li>
     25                        <a class="editComment" href="{$comment.U_EDIT}#edit_comment" title="{'edit this comment'|@translate}">
     26                                <img src="{$ROOT_URL}{$themeconf.icon_dir}/edit.png" class="button" alt="[edit]">
     27                        </a>
     28                </li>
     29                {/if}
     30                {if isset($comment.U_VALIDATE)}
     31                <li>
     32                        <a href="{$comment.U_VALIDATE}" title="{'validate this comment'|@translate}">
     33                                <img src="{$ROOT_URL}{$themeconf.icon_dir}/validate_s.png" class="button" alt="[validate]">
     34                        </a>
     35                </li>
     36                {/if}
     37                </ul>
     38                {/if}
     39
     40                <span class="author">{$comment.AUTHOR}</span> - <span class="date">{$comment.DATE}</span>
     41                {if isset($comment.IN_EDIT)}
     42                <a name="edit_comment"></a>
     43                <form  method="post" action="{$comment.U_EDIT}" class="filter" id="editComment">
     44                        <fieldset>
     45                                <legend>{'Edit a comment'|@translate}</legend>
     46                                <label>{'Comment'|@translate}<textarea name="content" id="contenteditid" rows="5" cols="80">{$comment.CONTENT|@escape}</textarea></label>
     47                                <input type="hidden" name="key" value="{$comment.KEY}">
     48                                <input type="hidden" name="image_id" value="{$comment.IMAGE_ID|@default:$current.id}">
     49                                <input class="submit" type="submit" value="{'Submit'|@translate}">
     50                        </fieldset>
     51                </form>
     52                {else}
     53                <blockquote><div>{$comment.CONTENT}</div></blockquote>
     54                {/if}
     55        </div>
     56        </div>
    5657</li>
    5758{/foreach}
  • trunk/themes/default/template/picture_nav_buttons.tpl

    r5305 r7877  
    6464  </div>
    6565
    66 <script type="text/javascript">// <![CDATA[
    67 {literal}
    68 function keyboardNavigation(e)
     66<script type="text/javascript">// <![CDATA[ {literal}
     67document.onkeydown = function(e)
    6968{
    70         if(!e) e=window.event;
     69        e=e||window.event;
    7170        if (e.altKey) return true;
    72         var target = e.target || e.srcElement;
     71        var target = e.target||e.srcElement;
    7372        if (target && target.type) return true; //an input editable element
    74         var keyCode=e.keyCode || e.which;
     73        var keyCode = e.keyCode||e.which;
    7574        var docElem = document.documentElement;
     75        var url;
    7676        switch(keyCode) {
    7777{/literal}
    7878{if isset($next)}
    79         case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth ){ldelim}window.location="{$next.U_IMG}".replace( "&amp;", "&" ); return false; } break;
     79        case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth)url="{$next.U_IMG|@escape:jasvascript}"; break;
    8080{/if}
    8181{if isset($previous)}
    82         case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0){ldelim}window.location="{$previous.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
     82        case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0)url="{$previous.U_IMG|@escape:jasvascript}"; break;
    8383{/if}
    8484{if isset($first)}
    85         /*Home*/case 36: if (e.ctrlKey){ldelim}window.location="{$first.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
     85        /*Home*/case 36: if (e.ctrlKey)url="{$first.U_IMG|@escape:jasvascript}"; break;
    8686{/if}
    8787{if isset($last)}
    88         /*End*/case 35: if (e.ctrlKey){ldelim}window.location="{$last.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
     88        /*End*/case 35: if (e.ctrlKey)url="{$last.U_IMG|@escape:jasvascript}"; break;
    8989{/if}
    9090{if isset($U_UP) and !isset($slideshow)}
    91         /*Up*/case 38: if (e.ctrlKey){ldelim}window.location="{$U_UP|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
     91        /*Up*/case 38: if (e.ctrlKey)url="{$U_UP|@escape:jasvascript}"; break;
    9292{/if}
    9393
    9494{if isset($slideshow.U_START_PLAY)}
    95         /*Pause*/case 32: {ldelim}window.location="{$slideshow.U_START_PLAY|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
     95        /*Pause*/case 32: url="{$slideshow.U_START_PLAY|@escape:jasvascript}"; break;
    9696{/if}
    9797{if isset($slideshow.U_STOP_PLAY)}
    98         /*Play*/case 32: {ldelim}window.location="{$slideshow.U_STOP_PLAY|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
     98        /*Play*/case 32: url="{$slideshow.U_STOP_PLAY|@escape:jasvascript}"; break;
    9999{/if}
    100100        }
     101        if (url) {ldelim}window.location=url.replace("&amp;","&"); return false;}
    101102        return true;
    102103}
    103 document.onkeydown=keyboardNavigation;
    104104// ]]></script>
  • trunk/themes/default/theme.css

    r7869 r7877  
    301301        display: table-cell;/* block prevents vertical-align here */
    302302        vertical-align: middle;/* Ok with Opera and Geko not IE6 */
    303         border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
     303        border-radius: 4px;     /* round corners with CSS3 compliant browsers */
    304304        -moz-border-radius: 4px;        /* round corners with Geko */
    305305        -webkit-border-radius: 4px; /* Safari webkit project */
     
    400400        padding:0;
    401401        border:0;
     402        color:inherit;
     403        background-color:transparent !important;        /* Konqueror doesn't accept transparent here */
    402404}
    403405
     
    418420        background: url('icon/rating-stars.gif') no-repeat scroll; background-position:0 center; width:16px;
    419421}
     422
    420423
    421424/**
     
    652655}
    653656
    654 #thePopuphelpPage P {
    655         text-align: justify;
     657#thePopuphelpPage P, #theNotificationPage P {
    656658        padding: 0.5em;
    657659}
    658660
    659 #thePopuphelpPage LI {
    660         margin-bottom: 0.5em;
    661 }
    662 
    663 #theNotificationPage P {
    664         padding: 0.5em;
     661#theNotificationPage DL, #thePopuphelpPage DL {
     662        margin: 0 25px 25px;
    665663}
    666664
     
    696694
    697695#theHeader {text-align: center;}
    698 
    699 #theNotificationPage DL, #thePopuphelpPage DL {
    700         margin: 0 25px 25px;
    701 }
    702696
    703697.content #comments UL.thumbnailCategories LI { width:99%; }
     
    772766}
    773767
    774 /* rate buttons displayed like links */
    775 .rateButton, .rateButtonSelected, .rateButtonStarFull, .rateButtonStarEmpty {
    776         color:inherit;
    777         background-color:transparent !important;        /* Konqueror doesn't accept transparent here */
    778 }
    779768
    780769.errors { /* Errors display */
Note: See TracChangeset for help on using the changeset viewer.