Changeset 2480


Ignore:
Timestamp:
Aug 21, 2008, 3:14:03 AM (16 years ago)
Author:
rvelices
Message:
  • tried to reduce the number of css rules and selectors (most gains on menubar and usercomments) tested with IE6,IE7,FF,Opera9,Safari3
Location:
trunk
Files:
1 added
15 edited

Legend:

Unmodified
Added
Removed
  • trunk/template-common/default-layout.css

    r2390 r2480  
    2828  height: 140px;    /* max thumbnail height + 2px */
    2929}
    30 .content DIV.comment BLOCKQUOTE {
    31   margin-left: 150px;    /*maximum thumbnail width + ~10px */
     30DIV#comments DIV.comment A.illustration {
     31        width: 140px; /*maximum thumbnail width + ~5px */
    3232}
     33
    3334
    3435/* Category thumbnails on main page */
  • trunk/template/yoga/comments.tpl

    r2352 r2480  
    7070{if isset($comments)}
    7171<div id="comments">
    72 
    73   {foreach from=$comments item=comment}
    74   <div class="comment">
    75     <a class="illustration" href="{$comment.U_PICTURE}"><img src="{$comment.TN_SRC}" alt="{$comment.ALT}" /></a>
    76     <p class="commentHeader"><span class="author">{$comment.AUTHOR}</span> - <span class="date">{$comment.DATE}</span>
    77 
    78     {if isset($comment.U_DELETE)}
    79     <a href="{$comment.U_DELETE}" title="{'comments_del'|@translate}">
    80       <img src="{$ROOT_URL}{$themeconf.icon_dir}/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{'delete'|@translate}]"/>
    81     </a>
    82     {/if}
    83 
    84     {if isset($comment.U_VALIDATE)}
    85     <a href="{$comment.U_VALIDATE}" title="validate this comment">
    86       <img src="{$ROOT_URL}{$themeconf.icon_dir}/validate_s.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[validate]"/>
    87     </a>
    88     {/if}
    89 
    90     </p>
    91     <blockquote>{$comment.CONTENT}</blockquote>
    92     <hr class="separation">
    93   </div>
    94  
    95   {/foreach}
     72        {include file='comment_list.tpl'}
    9673</div>
    9774{/if}
    9875
    9976</div> <!-- content -->
     77
  • trunk/template/yoga/content.css

    r2352 r2480  
    11/* $Id$ */
    22.content {
    3     margin-right: 1em;
    4     margin-bottom: 1em; /* when it's longer than menu bar */
     3        margin-right: 1em;
     4        margin-bottom: 1em; /* when it's longer than menu bar */
    55}
    66
     
    1818BODY#theNBMPage .content
    1919{
    20   margin: 1em;
     20        margin: 1em;
    2121}
    2222
    2323.content H3 {
    24     margin-bottom: 1ex;
     24        margin-bottom: 1ex;
    2525}
    2626
     
    2828
    2929.content H3 {
    30     text-align: center;
    31 }
    32 
    33 .content .navigationBar, .content .additional_info {
    34     margin: 10px 0;
    35     text-align: center;
     30        text-align: center;
     31}
     32
     33.content .navigationBar, .content .additional_info, .content .calendarBar {
     34        margin: 8px 4px;
     35        text-align: center;
    3636}
    3737
     
    4242
    4343.content .additional_info {
    44     font-size: 110%;
    45 }
    46 
    47 .content FORM {
    48     text-align: left;
    49 }
    50 
    51 /* content defaults */
    52 .content DL, DD { margin: 10px; }
    53 .content DT {
    54   margin-bottom: 5px;
    55   font-style: italic;
    56   font-size: 110%;
    57 }
     44        font-size: 110%;
     45}
     46
    5847
    5948/* actions */
    6049UL.categoryActions {
    61   margin: 0 2px;
    62   width: auto;
    63   padding: 0;
    64   text-indent: 0;
    65   list-style: none;
    66   text-align: center;
     50        margin: 0 2px;
     51        width: auto;
     52        padding: 0;
     53        text-indent: 0;
     54        list-style: none;
     55        text-align: center;
    6756}
    6857
    6958.content DIV.titrePage UL.categoryActions {
    70   float: right;
    71   text-align: center;
     59        float: right;
     60        text-align: center;
    7261}
    7362
    7463.content DIV.titrePage {
    75   padding: 0 0 3px;
     64        padding: 0 0 3px;
    7665}
    7766
    7867.content UL.categoryActions LI {
    79   display: inline;
     68        display: inline;
    8069}
    8170
    8271.content UL.categoryActions A IMG, UL.categoryActions A {
    83   border: none;
    84   margin-bottom: -5px;
     72        border: none;
     73        margin-bottom: -5px;
    8574}
    8675
    8776/* User comments */
    8877
    89 .content DIV#comments {
    90   padding-left: 5px;
    91   padding-right: 5px;
    92 }
    93 .content DIV.comment {
    94   margin: 0 0 0.5em 0;
    95   padding: 0;
    96   overflow: hidden; /* these 2 lines keep the floating child in the DIV */
    97   width: 100%;      /* don't ask why. It's a very usefull trick         */
    98 }
    99 
    100 .content DIV.comment A.illustration {
    101   display: block;
    102   float: left;
    103   margin: 0.5em 0 0 0.5em;
    104 }
    105 
    106 .content DIV.comment P.commentHeader {
    107   text-align: right;
    108   margin: 0.5em 0.5em 0 0;
    109 }
    110 
    111 .content DIV.comment UL.actions {
    112   text-align: center;
    113   margin: 0.2em;
    114 }
    115 
    116 .content DIV.comment BLOCKQUOTE {
    117   margin-right: 0.5em;
    118   overflow: visible; /*avoid a very strange margin behaviour (all browsers) */
     78DIV#comments {
     79        padding-left: 5px;
     80        padding-right: 5px;
     81}
     82
     83DIV#comments HR {
     84        clear:both;
     85}
     86
     87DIV#comments DIV.comment A.illustration {
     88        display: block;
     89        float: left;
     90        margin: 0.5em 1em 0 0.5em;
     91        width: 140px;
    11992}
    12093
    12194/* begin chronology/calendar elements*/
    12295.content DIV.calendarViews {
    123   display: block;
    124   float: right;
    125   margin: 2px 0 0;
    126 }
    127 
    128 .content DIV.calendarBar { margin: 8px 4px; }
     96        display: block;
     97        float: right;
     98        margin: 2px 0 0;
     99}
    129100
    130101SPAN.calItem, SPAN.calItemEmpty {
    131   font-weight: bold;
    132   margin: 0 1px;
     102        font-weight: bold;
     103        margin: 0 1px;
    133104}
    134105
     
    136107
    137108.content DIV.calendarCalBar {
    138   margin: 10px 10px;
    139   text-align: left;
     109        margin: 10px 10px;
     110        text-align: left;
    140111}
    141112
    142113SPAN.calCalHead {
    143   font-weight: bold;
    144   font-size: 110%;
    145   margin: 0 2px;
     114        font-weight: bold;
     115        font-size: 110%;
     116        margin: 0 2px;
    146117}
    147118
     
    150121/* nice looking month calendar*/
    151122TABLE.calMonth {
    152   border: none;
    153   border-collapse: collapse;
    154   margin-bottom: 10px;  /*<-IE ignores this */
     123        border: none;
     124        border-collapse: collapse;
     125        margin-bottom: 10px;    /*<-IE ignores this */
    155126}
    156127
    157128TD.calDayCellFull, TD.calDayCellEmpty, TD.calDayCellBlank {
    158   text-align:left;
    159   vertical-align: top;
    160   font: bold 18px Arial, Helvetica, sans-serif;
    161 }
    162 
    163 TD.calDayHead { font: bold 12px Arial, Helvetica, sans-serif; }
     129        vertical-align: top;
     130        font: bold 18px Arial, Helvetica, sans-serif;
     131}
     132
     133TD.calDayHead {
     134        font: bold 12px Arial, Helvetica, sans-serif;
     135        text-align: center;
     136}
    164137
    165138DIV.calImg {
    166   overflow: hidden;
    167   vertical-align: bottom;
    168   z-index: 1;
    169   position: relative; /*<- this required by IE*/
     139        overflow: hidden;
     140        vertical-align: bottom;
     141        z-index: 1;
     142        position: relative; /*<- this required by IE*/
    170143}
    171144
    172145.calImg img {
    173   position: relative;
    174   border: 0;
     146        position: relative;
     147        border: 0;
    175148}
    176149
    177150.calBackDate {
    178   padding-left: 4px;
    179   padding-top: 0px;
    180   z-index: 2;
    181   position: absolute;
    182   text-align: left;
    183   vertical-align: top;
    184   color: #000;
     151        padding-left: 4px;
     152        padding-top: 0px;
     153        z-index: 2;
     154        position: absolute;
     155        vertical-align: top;
     156        color: #000;
    185157}
    186158
    187159.calForeDate {
    188   padding-left: 5px;
    189   padding-top: 1px;
    190   z-index: 3;
    191   position: absolute;
    192   text-align: left;
    193   vertical-align: top;
    194   color: #fff;
     160        padding-left: 5px;
     161        padding-top: 1px;
     162        z-index: 3;
     163        position: absolute;
     164        vertical-align: top;
     165        color: #fff;
    195166}
    196167
    197168/* Category thumbnails on main page, CSS code inspired from MOD subcatify */
    198169.content UL.thumbnailCategories {
    199   margin: 0;
    200   padding: 0;
    201   list-style: none;
    202   text-align: center;
    203   overflow: hidden;
    204   width: 100%;
     170        margin: 0;
     171        padding: 0;
     172        list-style: none;
     173        overflow: hidden;
     174        width: 100%;
    205175}
    206176
    207177.content UL.thumbnailCategories LI {
    208   margin:0;
    209   padding:0;
    210   float:left;
     178        margin:0;
     179        padding:0;
     180        float:left;
    211181}
    212182
    213183.content DIV.thumbnailCategory {
    214   display:block;
    215   padding: 2px 0px 0px 2px;
    216   margin: 5px;
     184        display:block;
     185        padding: 2px 0px 0px 2px;
     186        margin: 5px;
    217187}
    218188
    219189.content DIV.thumbnailCategory DIV.description {
    220   font-size: 90%;
    221   overflow: auto;
    222   /*width: inherit;*/
     190        font-size: 90%;
     191        overflow: auto;
     192        /*width: inherit;*/
    223193}
    224194
    225195.content DIV.thumbnailCategory DIV.description H3 {
    226   text-align: left;
    227   background: transparent;
    228   margin: 0;
    229   padding: 0.1em;
    230   font-size: 120%;
     196        text-align: left;
     197        background: transparent;
     198        margin: 0;
     199        padding: 0.1em;
     200        font-size: 120%;
    231201}
    232202
    233203.content DIV.thumbnailCategory DIV.description P {
    234   margin: 0;
     204        margin: 0;
    235205}
    236206
    237207.content DIV.thumbnailCategory DIV.illustration {
    238   text-align: left;
    239   margin: 2px 0 0 2px;
    240   float: left;
    241 }
     208        text-align: left;
     209        margin: 2px 0 0 2px;
     210        float: left;
     211}
  • trunk/template/yoga/default-colors.css

    r2352 r2480  
    1717INPUT[type="text"], INPUT[type="password"], INPUT[type="button"],
    1818INPUT[type="submit"], INPUT[type="reset"], INPUT[type="file"] {
    19   color:black;
    20   background-color: #d3d3d3;    /* lightgrey */
     19        color:black;
     20        background-color: #d3d3d3;      /* lightgrey */
    2121}
    2222
     
    2424INPUT.submit, INPUT.reset, INPUT.file,
    2525SELECT, TEXTAREA {
    26   color:black;
    27   background-color: #d3d3d3;    /* lightgrey */
     26        color:black;
     27        background-color: #d3d3d3;      /* lightgrey */
    2828}
    2929
    3030INPUT:focus, SELECT:focus, TEXTAREA:focus, INPUT.focus, FORM .focus {
    31   background-color: #f5f5f5;    /* whitesmoke */
     31        background-color: #f5f5f5;      /* whitesmoke */
    3232}
    3333
    3434/* some theme set a border on INPUT  which is not pretty for radio/checkbox */
    3535INPUT[type="radio"], INPUT[type="checkbox"] {
    36   border: none; /* <= Opera needs this */
     36        border: none;   /* <= Opera needs this */
    3737}
    3838
    3939INPUT.radio, INPUT.checkbox {
    40   border: none; /* <= IE6 needs this */
     40        border: none;   /* <= IE6 needs this */
    4141}
    4242
    4343/* rate buttons displayed like links */
    4444INPUT.rateButton, INPUT.rateButtonSelected, INPUT.rateButtonStarFull, INPUT.rateButtonStarEmpty {
    45   color:inherit;
    46   background-color:transparent; /* Konqueror doesn't accept transparent here */
     45        color:inherit;
     46        background-color:transparent;   /* Konqueror doesn't accept transparent here */
    4747}
    4848
    4949.errors { /* Errors display */
    50   color: red;
    51   background-color: #ffe1e1;
    52   font-weight: bold;
    53   text-align: left;
    54   margin: 5px;
    55   border: 1px solid red;
    56   background-image: url(icon/admin/errors.png);
    57   background-repeat: no-repeat;
    58   background-position: top right;
    59   padding: 10px 50px 10px 10px;
     50        color: red;
     51        background-color: #ffe1e1;
     52        font-weight: bold;
     53        margin: 5px;
     54        border: 1px solid red;
     55        background-image: url(icon/admin/errors.png);
     56        background-repeat: no-repeat;
     57        background-position: top right;
     58        padding: 10px 50px 10px 10px;
    6059}
    6160
     
    6463 */
    6564.infos {
    66   text-align: left;
    67   color: #002000;
    68   background-color: #98fb98; /* palegreen */
    69   background-image: url(icon/admin/infos.png);
    70   background-repeat: no-repeat;
    71   background-position: top right;
    72   margin: 5px;
    73   padding: 10px 50px 10px 10px;
     65        color: #002000;
     66        background-color: #98fb98; /* palegreen */
     67        background-image: url(icon/admin/infos.png);
     68        background-repeat: no-repeat;
     69        background-position: top right;
     70        margin: 5px;
     71        padding: 10px 50px 10px 10px;
    7472}
    7573
     
    7876 */
    7977.header_msgs {
    80   text-align:center;
    81   font-weight: bold;
    82   color:#696969;        /* dimgray */
    83   background-color: #d3d3d3;
    84   margin: 1px;
    85   padding: 1px;
     78        text-align:center;
     79        font-weight: bold;
     80        color:#696969;  /* dimgray */
     81        background-color: #d3d3d3;
     82        margin: 1px;
     83        padding: 1px;
    8684}
    8785
     
    9088 */
    9189.header_notes {
    92   border: 1px solid #aaaaaa; /* border color and style */
    93   text-align: center;
    94   background-image: url(icon/note.png);
    95   background-repeat: no-repeat;
    96   background-position: top left;
    97   font-weight: bold;
    98   margin: 14px;
    99   padding: 5px 00px 0px 0px;
     90        border: 1px solid #aaaaaa; /* border color and style */
     91        text-align: center;
     92        background-image: url(icon/note.png);
     93        background-repeat: no-repeat;
     94        background-position: top left;
     95        font-weight: bold;
     96        margin: 14px;
     97        padding: 5px 00px 0px 0px;
    10098}
    10199
    102100LEGEND {
    103   font-style: italic;
     101        font-style: italic;
    104102}
    105103
  • trunk/template/yoga/default-layout.css

    r2479 r2480  
    11/* $Id$ */
    22BODY {
    3   margin: 5px;
    4   padding: 0;
    5   font-size: 0.8em;
    6   font-family:  Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif;
    7   text-align: center; /* be nice to IE5 */
     3        margin: 5px;
     4        padding: 0;
     5        font-size: 0.8em;
     6        font-family:  Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif;
    87}
    98
    109
    1110H1 {
    12   text-align: center;
    13   font-size: 150%;
    14   font-weight: bold;
    15   padding: 0;
    16   margin: 0.5em 0 1em 0;
     11        text-align: center;
     12        font-size: 150%;
     13        font-weight: bold;
     14        padding: 0;
     15        margin: 0.5em 0 1em 0;
    1716}
    1817
     
    3938
    4039HR.separation {
    41   visibility: hidden;
    42   clear: both;
     40        visibility: hidden;
     41        clear: both;
    4342}
    4443
    4544#copyright {
    46     clear: both;
    47     font-size: 83%;
    48     text-align: center;
    49     margin: 0 0 10px 0;
     45        clear: both;
     46        font-size: 83%;
     47        text-align: center;
     48        margin: 0 0 10px 0;
    5049}
    5150
    5251/** General defaults **/
    5352INPUT, SELECT {
    54   margin: 0;
    55   font-size: 1em;       /* <= some browsers don't set it correctly */
    56 }
    57 UL, DL, LI { text-align: left;}
    58 TABLE {                 /* horizontaly centered */
    59   margin-left: auto;
    60   margin-right: auto;
    61 }
    62 /* for debugging purpose */
    63 PRE { text-align:left; }
     53        margin: 0;
     54        font-size: 1em; /* <= some browsers don't set it correctly */
     55}
     56
     57TABLE { /* horizontaly centered */
     58        margin-left: auto;
     59        margin-right: auto;
     60}
    6461
    6562/** forms **/
    6663
    67 FORM { padding: 0em; }
     64FORM { padding: 0; margin: 0; }
    6865
    6966FORM P {
     
    7976
    8077TEXTAREA.description {
    81   height: 6em;
    82   width: 40em;
    83   overflow: auto;
     78        height: 6em;
     79        width: 40em;
     80        overflow: auto;
    8481}
    8582
    8683SELECT.categoryList {
    87   height: 20em;
    88   width: auto;
    89 }
    90 
    91 DIV.comment BLOCKQUOTE {
    92   padding: 0.5em;
    93   overflow: auto;       /* no solution for IE6 */
    94   min-height: 2.75em;   /* fix a Gecko bug whith scrollbar and 1 line only */
     84        height: 20em;
     85        width: auto;
    9586}
    9687
     
    10293 */
    10394FIELDSET {
    104   padding: 1em;
    105   margin: 1em;
    106   overflow: hidden; /* <- makes Opera happy */
     95        padding: 1em;
     96        margin: 1em;
     97        overflow: hidden; /* <- makes Opera happy */
    10798}
    10899
     
    112103FORM.filter FIELDSET UL,
    113104FORM.filter FIELDSET LABEL {
    114   display: block;
    115   float: left;
    116   margin-right: 1em;
    117   padding: 0;
     105        display: block;
     106        float: left;
     107        margin-right: 1em;
     108        padding: 0;
    118109}
    119110
    120111FORM.filter FIELDSET LI {
    121   list-style: none;
    122   margin-bottom: 0.5em;
     112        list-style: none;
     113        margin-bottom: 0.5em;
    123114}
    124115
    125116FORM.filter FIELDSET LI LABEL {
    126   display: inline;
    127   float: none;
     117        display: inline;
     118        float: none;
    128119}
    129120
    130121FORM.filter FIELDSET UL.tagSelection LABEL {
    131   display: inline;
    132   float: none;
    133   margin-right:0.5em;/*reduce from above*/
     122        display: inline;
     123        float: none;
     124        margin-right:0.5em;/*reduce from above*/
    134125}
    135126
     
    186177
    187178FORM.properties SPAN.property {
    188   font-weight: bold;
    189   float: left;
    190   width: 50%;
    191   text-align: right;
    192   margin: 0;
    193   padding: 0 0.5em 0 0;
    194 }
    195 
    196 #theHeader H1 {
    197   margin-bottom: 0.5em;
     179        font-weight: bold;
     180        float: left;
     181        width: 50%;
     182        text-align: right;
     183        margin: 0;
     184        padding: 0 0.5em 0 0;
    198185}
    199186
    200187/* button tools */
    201188UL.actions {
    202   text-indent: 0;
    203   list-style: none;
    204 }
    205 UL.actions  LI {
    206   display: inline;
    207 }
    208 UL.actions  A {
    209   border: none;
     189        text-indent: 0;
     190        list-style: none;
     191}
     192UL.actions LI {
     193        display: inline;
     194}
     195UL.actions A, UL.actions IMG {
     196        border: none;
    210197}
    211198
    212199UL.tagSelection {
    213   width: 99%;
    214   margin: 1em 0 1em 0;
    215   padding: 0;
     200        width: 99%;
     201        margin: 1em 0 1em 0;
     202        padding: 0;
    216203}
    217204
    218205UL.tagSelection LI {
    219   display: inline;
    220   white-space: nowrap;
     206        display: inline;
     207        white-space: nowrap;
    221208}
    222209
    223210#fullTagCloud {
    224   font-size: 120%;
    225   text-align: justify;
    226   padding: 0;
    227   margin: 1em 2em 1em 2em;
     211        font-size: 120%;
     212        text-align: justify;
     213        padding: 0;
     214        margin: 1em 2em 1em 2em;
    228215}
    229216
    230217#fullTagCloud LI {
    231   display: inline;
    232   white-space: nowrap;
    233   margin: 0 2px;
     218        display: inline;
     219        white-space: nowrap;
     220        margin: 0 2px;
    234221}
    235222
     
    244231/* Popup help page */
    245232BODY#thePopuphelpPage #copyright {
    246   display: none;
     233        display: none;
    247234}
    248235
    249236BODY#thePopuphelpPage .content P {
    250   text-align: justify;
    251   padding: 0.5em;
     237        text-align: justify;
     238        padding: 0.5em;
    252239}
    253240
     
    255242BODY#thePopuphelpPage .content UL LI
    256243{
    257   margin-bottom: 0.5em;
     244        margin-bottom: 0.5em;
    258245}
    259246
    260247BODY#thePopuphelpPage P#pageBottomActions A {
    261   border: none;
     248        border: none;
    262249}
    263250
    264251TR.tagLine {
    265   border-bottom: 1px solid #ddd;
    266   text-align: left;
     252        border-bottom: 1px solid #ddd;
    267253}
    268254TD.nbEntries {
    269   text-align: right;
    270   font-style: italic;
    271   font-size: 90%;
     255        text-align: right;
     256        font-style: italic;
     257        font-size: 90%;
    272258}
    273259
    274260FIELDSET.tagLetter {
    275   border: 1px solid #d3d3d3;
    276   width: 200px;
    277   margin: 0.5em;
    278   padding: 10px;
     261        border: 1px solid #d3d3d3;
     262        width: 200px;
     263        margin: 0.5em;
     264        padding: 10px;
    279265}
    280266
    281267LEGEND.tagLetterLegend {
    282   border: 1px solid #d3d3d3;
    283   font-size:120%;
    284   font-weight: bold;
    285   padding: 0 5px;
    286   font-style: normal;
     268        border: 1px solid #d3d3d3;
     269        font-size:120%;
     270        font-weight: bold;
     271        padding: 0 5px;
     272        font-style: normal;
    287273}
    288274
    289275TABLE.tagLetterContent {
    290   width:100%;
    291   font-size:80%;
    292   border-collapse : collapse;
    293 }
     276        width:100%;
     277        font-size:80%;
     278        border-collapse : collapse;
     279}
  • trunk/template/yoga/identification.tpl

    r2352 r2480  
    5656
    5757  <p><input class="submit" tabindex="4" type="submit" name="login" value="{'Submit'|@translate}"></p>
    58 </form>
    59 
    60 <script type="text/javascript"><!--
    61 document.login_form.username.focus();
    62 //--></script>
    6358
    6459  <p>
     
    6964  </p>
    7065
     66</form>
     67
     68<script type="text/javascript"><!--
     69document.login_form.username.focus();
     70//--></script>
     71
    7172</div> <!-- content -->
  • trunk/template/yoga/menubar.css

    r2409 r2480  
    44        padding: 0;
    55        display: inline;
    6         text-align: left; /* follow-up of the "be nice to IE5" rule */
    76}
    87
     
    2423#menubar DT {
    2524        font-weight: bold;
    26         margin: 0;
    2725        padding: 5px 5px 5px 5px;
    2826        font-size: 120%;
     
    3129
    3230#menubar UL,
    33 #menubar HR,
    3431#menubar FORM,
    35 #menubar P, /* ooh, careful... */
    36 #menubar .totalImages {
     32#menubar P {
    3733        font-size: 92%;
    38         margin: 10px 0 10px 10px;
     34        margin: 10px 0 10px 5px;
    3935}
    4036#menubar UL {
     
    5854
    5955#menubar .menuInfoCatByChild {
    60   font-size: 80%;
    61   font-style: italic;
     56        font-size: 80%;
     57        font-style: italic;
    6258}
    6359
    64 #menubar HR {
    65         display: block;
    66         margin: 10px auto;
    67         width: 90%;
    68 }
    6960#menubar INPUT {
    7061        text-indent: 2px;
     
    7364/* quickconnect form */
    7465FORM#quickconnect {
    75         margin: 0;
    76         padding: 5px;
     66        margin: 5px;
     67        padding: 0;
    7768}
    7869
    7970FORM#quickconnect FIELDSET {
    8071        margin: 0;
    81         padding: 0 0 0.5em 0;
     72        padding: 0; /*IE6 requires padding 0*/
    8273}
    8374
    84 FORM#quickconnect P {
    85         margin-left: 0;
    86         font-size: 100%;
    87         float: left;
    88         clear: left;
     75FORM#quickconnect FIELDSET DIV {
     76        margin: 8px 5px;
     77        padding: 0;
    8978}
    90 
    91 FORM#quickconnect P INPUT {
    92         margin: 0;
    93 }
    94 
    95 FORM#quickconnect UL.actions {
    96         display: inline;
    97         float: right;
    98         padding: 0;
    99         text-align: right;      /* Opera 7.5 */
    100 }
    101 FORM#quickconnect FIELDSET>UL.actions {
    102         width: 40%;             /* Opera 7.5 cannot find why width:auto fails :-( */
    103 }
    104 
    105 FORM#quickconnect UL.actions,
    106 FORM#quickconnect P,
    107 FORM#quickconnect LABEL {
    108         padding: 0 0.5em 0 0.5em;
    109 }
    110 
    111 FORM#quickconnect LABEL {
    112         margin:0;
    113         width: 100%;
    114         box-sizing: border-box; /* CSS3 */
    115 }
    116 
    117 FORM#quickconnect INPUT[type=text],
    118 FORM#quickconnect INPUT[type=password] {
    119         width: 100%;    /* mozilla can handle 100% */
    120 }
    121 /* same as above for IE with inputfix.htc
    122 unfortunately IE doesn't handle that correctly
    123  so you should set a width in em in local_layout.css */
    124 /*FORM#quickconnect INPUT.text,
    125 FORM#quickconnect INPUT.password {
    126   width: 95%;
    127 }*/
    128 
    129 FORM#quicksearch {
    130         margin-top: 4px;
    131         margin-bottom: 1px;
    132 }
    133 INPUT#qsearchInput {
    134         width: 90%;
    135 }
    136 #menubar #mbMenu p { margin: 0px; padding: 0px; }
    13779
    13880#menubar #menuTagCloud {
  • trunk/template/yoga/menubar.tpl

    r2409 r2480  
    8181  <dd>
    8282    <form action="{$ROOT_URL}qsearch.php" method="get" id="quicksearch">
    83       <p>
    84         <input type="text" name="q" id="qsearchInput" onfocus="if (value==qsearch_prompt) value='';" onblur="if (value=='') value=qsearch_prompt;" />
     83      <p style="margin:0;padding:0"> {*this <p> is for html validation only - does not affect positioning*}
     84        <input type="text" name="q" id="qsearchInput" onfocus="if (value==qsearch_prompt) value='';" onblur="if (value=='') value=qsearch_prompt;" style="width:90%"/>
    8585      </p>
    8686    </form>
     
    126126 
    127127  {if isset($U_IDENTIFY)}
    128   <form method="post" action="{$U_IDENTIFY}" class="filter" id="quickconnect">
     128  <form method="post" action="{$U_IDENTIFY}" id="quickconnect">
    129129  <fieldset>
    130130    <legend>{'Quick connect'|@translate}</legend>
     131                <div>
     132                        <label for="username">{'Username'|@translate}</label><br/>
     133                        <input type="text" name="username" id="username" value="" style="width:99%">
     134                </div>
    131135
    132     <label>
    133       {'Username'|@translate}
    134       <input type="text" name="username" size="15" value="">
    135     </label>
     136                <div><label for="password">{'Password'|@translate}</label>
     137                  <br/>
     138                        <input type="password" name="password" id="password" style="width:99%">
     139                </div>
    136140
    137     <label>
    138       {'Password'|@translate}
    139       <input type="password" name="password" size="15">
    140     </label>
     141                {if $AUTHORIZE_REMEMBERING}
     142                <div><label>
     143                        {'remember_me'|@translate}
     144                        <input type="checkbox" name="remember_me" value="1">
     145                </label></div>
     146                {/if}
    141147
    142     {if $AUTHORIZE_REMEMBERING}
    143     <label>
    144       {'remember_me'|@translate}
    145       <input type="checkbox" name="remember_me" value="1">
    146     </label>
    147     {/if}
    148     <p>
    149      <input class="submit" type="submit" name="login" value="{'Submit'|@translate}">
    150     </p>
    151    
    152     <ul class="actions">
    153       <li><a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/lost_password.png" class="button" alt="{'Forgot your password?'|@translate}"></a></li>
    154       {if isset($U_REGISTER)}
    155       <li><a href="{$U_REGISTER}" title="{'Create a new account'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/register.png" class="button" alt="{'Register'|@translate}"/></a></li>
    156       {/if}
    157     </ul>
     148                <div>
     149                        <ul class="actions">
     150                                <li><a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/lost_password.png" class="button" alt="{'Forgot your password?'|@translate}"></a></li>
     151                                {if isset($U_REGISTER)}
     152                                <li><a href="{$U_REGISTER}" title="{'Create a new account'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/register.png" class="button" alt="{'Register'|@translate}"/></a></li>
     153                                {/if}
     154                        </ul>
     155                        <input class="submit" type="submit" name="login" value="{'Submit'|@translate}">
     156                </div>
    158157
    159158  </fieldset>
  • trunk/template/yoga/not-ie.css

    r2352 r2480  
    88  -webkit-border-radius: 4px; /* Safari webkit project */
    99}
    10 .content DIV#comments {
    11   padding-left: 5px;
    12   padding-right: 5px;
    13   -moz-box-sizing: padding-box !important;
    14 }
    15 FORM#quickconnect LABEL {
    16   margin:0;
    17   width: 100%;
    18  -moz-box-sizing: padding-box !important;
    19   box-sizing: border-box; /* CSS3 */
    20 }
    2110ul.tabsheet li {
    2211  -moz-border-radius: 6px 6px 0px 0px;  /* round corners with Geko */
  • trunk/template/yoga/picture.css

    r2479 r2480  
    4747#theImage {
    4848    clear: left;
     49    text-align: center;
    4950}
    5051
    5152#theImage>IMG {
    52     display: block;
    53     margin: 0 auto;
    54 }
    55 
    56 #theImage IMG {
    57   border-width: 3px;
    58   border-style: solid;
     53        display: block;
     54        margin: 0 auto;
     55        border: none;
    5956}
    6057
     
    7774}
    7875
    79 TABLE.infoTable .value {
    80     text-align: left;
    81 }
    82 
    8376TABLE.infoTable .label {
    84     font-weight: bold;
    85     text-align: right;
    86     padding-right: 0.5em;
     77        font-weight: bold;
     78        text-align: right;
     79        padding-right: 0.5em;
    8780}
    8881
    8982TABLE.infoTable TD.value UL {
    90   margin: 0;
    91   padding: 0 0 0 1.5em;
    92   list-style-type: square;
     83        margin: 0;
     84        padding: 0 0 0 1.5em;
     85        list-style-type: square;
    9386}
    9487
     
    115108}
    116109
    117 #comments {
    118   text-align: left;
    119 }
    120 
    121 #comments .comment {
    122   margin: 1em 0;
    123 }
    124 
    125 #comments P {
    126   margin: 0 0.5em 0 1em;
    127 }
    128 
    129 #comments .author {
    130   font-weight: bold;
    131 }
    132 
    133 #thePicturePage #comments BLOCKQUOTE {
    134   margin: 0.5em 1em 1em 4em;
    135 }
    136 
    137 #comments P.userCommentDelete {
    138   float: right;
    139   margin: 0 0.5em 0 0;
    140 }
  • trunk/template/yoga/picture.tpl

    r2479 r2480  
    179179  </td></tr>
    180180  {/if}
     181
    181182  {if isset($rate_summary) }
    182183  <tr>
     
    192193  </tr>
    193194  {/if}
     195 
     196{if isset($rating)}
     197        <tr>
     198                <td class="label">
     199                        <span id="updateRate">{if isset($rating.USER_RATE)}{'update_rate'|@translate}{else}{'new_rate'|@translate}{/if}</span>
     200                </td>
     201                <td class="value">
     202                        <form action="{$rating.F_ACTION}" method="post" id="rateForm" style="margin:0;">
     203                        <div>&nbsp;
     204                        {foreach from=$rating.marks item=mark name=rate_loop}
     205                        {if !$smarty.foreach.rate_loop.first} | {/if}
     206                        {if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}
     207                          <input type="button" name="rate" value="{$mark}" class="rateButtonSelected" />
     208                        {else}
     209                          <input type="submit" name="rate" value="{$mark}" class="rateButton" />
     210                        {/if}
     211                        {/foreach}
     212                        <script type="text/javascript" src="{$ROOT_URL}{$themeconf.template_dir}/rating.js"></script>
     213                        <script type="text/javascript">
     214                        makeNiceRatingForm( {ldelim}rootUrl: '{$ROOT_URL|@escape:"javascript"}', image_id: {$current.id},
     215                        updateRateText: "{'update_rate'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"),
     216                        ratingSummaryText: "{'%.2f (rated %d times, standard deviation = %.2f)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary") {rdelim} );
     217                        </script>
     218                        </div>
     219                        </form>
     220                </td>
     221        </tr>
     222{/if}
     223
    194224</table>
    195225
     
    210240{/if}
    211241
    212 {if isset($rating)}
    213 <form action="{$rating.F_ACTION}" method="post" id="rateForm">
    214 <div>
    215 <span id="updateRate">{if isset($rating.USER_RATE)}{'update_rate'|@translate}{else}{'new_rate'|@translate}{/if}</span>
    216 :
    217 {foreach from=$rating.marks item=mark name=rate_loop}
    218 {if !$smarty.foreach.rate_loop.first} | {/if}
    219 {if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}
    220   <input type="button" name="rate" value="{$mark}" class="rateButtonSelected" />
    221 {else}
    222   <input type="submit" name="rate" value="{$mark}" class="rateButton" />
    223 {/if}
    224 {/foreach}
    225 <script type="text/javascript" src="{$ROOT_URL}{$themeconf.template_dir}/rating.js"></script>
    226 <script type="text/javascript">
    227 makeNiceRatingForm( {ldelim}rootUrl: '{$ROOT_URL|@escape:"javascript"}', image_id: {$current.id},
    228 updateRateText: "{'update_rate'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"),
    229 ratingSummaryText: "{'%.2f (rated %d times, standard deviation = %.2f)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary") {rdelim} );
    230 </script>
    231 </div>
    232 </form>
    233 {/if}
    234242
    235243<hr class="separation">
     
    242250
    243251  {if isset($comments)}
    244   {foreach from=$comments item=comment}
    245   <div class="comment">
    246     {if isset($comment.U_DELETE)}
    247     <p class="userCommentDelete">
    248     <a href="{$comment.U_DELETE}" title="{'comments_del'|@translate}">
    249       <img src="{$ROOT_URL}{$themeconf.icon_dir}/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{'delete'|@translate}]"/>
    250     </a>
    251     </p>
    252     {/if}
    253     <p class="commentInfo"><span class="author">{$comment.AUTHOR}</span> - {$comment.DATE}</p>
    254     <blockquote>{$comment.CONTENT}</blockquote>
    255   </div>
    256   {/foreach}
     252                {include file='comment_list.tpl'}
    257253  {/if}
    258254
     
    274270{/if} {*comments*}
    275271
     272
     273
    276274{if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if}
  • trunk/template/yoga/theme/clear/theme.css

    r2352 r2480  
    2121
    2222/* borders */
    23 #menubar DL, .content, #imageToolBar,
    24 #comments DIV.comment BLOCKQUOTE {
     23#menubar DL, .content, #imageToolBar {
    2524  border: 1px solid #d3d3d3;
    2625}
    2726
    2827#theImage IMG {
    29   border-color: #d3d3d3;
     28  border: 3px solid #d3d3d3;
    3029}
    3130
     
    3837.content DIV.thumbnailCategory {
    3938  border: 1px solid gray;
    40 }
    41 
    42 #comments DIV.comment BLOCKQUOTE {
    43   border-left: 2px solid #696969;
    44   background-color: #eee;
    4539}
    4640
     
    8377
    8478.virtual_cat { background: #fff !important; }
    85 #mbMenu #quicksearch > p { text-align: left; }
    8679#qsearchInput { color: #d3d3d3; }
    8780#qsearchInput:focus { color: #005e89; }
  • trunk/template/yoga/theme/dark/theme.css

    r2352 r2480  
    3939
    4040/* borders */
    41 #menubar DL, .content,
    42 #comments DIV.comment BLOCKQUOTE {
     41#menubar DL, .content{
    4342        border: 1px solid #000000;
    4443}
     
    5150}
    5251
    53 #theImage IMG {
    54         border-color: #000000;
    55 }
    56 
    5752FIELDSET, INPUT, SELECT, TEXTAREA,
    5853.content DIV.comment  A.illustration IMG,
    5954.content DIV.thumbnailCategory {
    6055        border: 1px solid gray;
    61 }
    62 
    63 #comments DIV.comment BLOCKQUOTE {
    64         border-left: 2px solid #696969;
    6556}
    6657
  • trunk/template/yoga/theme/p0w0/theme.css

    r2392 r2480  
    163163  border-bottom: 1px solid #369;
    164164}
    165 #comments DIV.comment BLOCKQUOTE {
    166   border: 1px solid #fff;
    167 }
    168165H2, #imageToolBar {
    169166  border-bottom: 1px solid #fff;
     
    217214.zero { display: none }
    218215
    219 #the_page {
    220   text-align:center;
    221   display:block;
    222 }
    223 
    224216input[type="text"], input[type="password"], input.button,
    225217input.submit, input.reset, input.file,
  • trunk/template/yoga/theme/wipi/theme.css

    r2392 r2480  
    156156
    157157/* borders */
    158 #comments DIV.comment BLOCKQUOTE {
    159   border: 1px solid #000;
    160 }
    161158#imageHeaderBar {
    162159  border-top: 1px solid #000;
     
    168165
    169166#theImage IMG {
    170   border-color: #fff;
     167  border: 3px solid #fff;
    171168}
    172169
     
    185182  border: 1px solid #69c;
    186183  margin: 8px 4px;
    187 }
    188 #comments DIV.comment BLOCKQUOTE {
    189   border-left: 2px solid #696969;
    190184}
    191185
     
    229223  padding-top: 5px;
    230224  padding-bottom:30px;
    231   text-align:center;
    232   display:block;
    233225  margin: 2px;
    234226}
     
    252244FORM#quickconnect,
    253245FORM#quickconnect FIELDSET,
    254 FORM#quickconnect P,
     246FORM#quickconnect DIV,
    255247FORM#quickconnect UL.actions,
    256 FORM#quickconnect FIELDSET>UL.actions,
    257 FORM#quickconnect UL.actions,
    258 FORM#quickconnect P,
    259248FORM#quickconnect LABEL {
    260249  color: #69c;   
    261250}
    262 FORM#quickconnect P INPUT,
     251FORM#quickconnect DIV INPUT,
    263252FORM#quickconnect INPUT[type=text],
    264253FORM#quickconnect INPUT[type=password] {
    265   width: 85%;
    266254  color: #58c;   
    267255  background-color: #222; 
    268256  border: 1px solid #333;
    269   padding: 1px 3px;
    270257}
    271258
Note: See TracChangeset for help on using the changeset viewer.