Changeset 2352 for trunk/template/yoga


Ignore:
Timestamp:
May 20, 2008, 2:27:26 AM (16 years ago)
Author:
patdenice
Message:

Change all #content by .content in css files.
In tpl files, id="content" stay here for backward compatibilities.
Add some plugins triggers in index.tpl and picture.tpl.

Location:
trunk/template/yoga
Files:
32 edited

Legend:

Unmodified
Added
Removed

  • trunk/template/yoga/about.tpl

    r2223 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33  <div class="titrePage">
    44    <ul class="categoryActions">

  • trunk/template/yoga/admin.tpl

    r2313 r2352  
    7979</div> <!-- menubar -->
    8080
    81 <div id="content">
     81<div id="content" class="content">
    8282  {if isset($errors)}
    8383  <div class="errors">

  • trunk/template/yoga/comments.tpl

    r2223 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33
    44  <div class="titrePage">

  • trunk/template/yoga/content.css

    r2101 r2352  
    11/* $Id$ */
    2 #content {
     2.content {
    33    margin-right: 1em;
    44    margin-bottom: 1em; /* when it's longer than menu bar */
    55}
    66
    7 BODY#theCommentsPage #content,
    8 BODY#theUploadPage #content,
    9 BODY#theRegisterPage #content,
    10 BODY#theIdentificationPage #content,
    11 BODY#theProfilePage #content,
    12 BODY#theSearchPage #content,
    13 BODY#theAboutPage #content,
    14 BODY#thePopuphelpPage #content,
    15 BODY#thePasswordPage #content,
    16 BODY#theNotificationPage #content,
    17 BODY#theTagsPage #content,
    18 BODY#theNBMPage #content
     7BODY#theCommentsPage .content,
     8BODY#theUploadPage .content,
     9BODY#theRegisterPage .content,
     10BODY#theIdentificationPage .content,
     11BODY#theProfilePage .content,
     12BODY#theSearchPage .content,
     13BODY#theAboutPage .content,
     14BODY#thePopuphelpPage .content,
     15BODY#thePasswordPage .content,
     16BODY#theNotificationPage .content,
     17BODY#theTagsPage .content,
     18BODY#theNBMPage .content
    1919{
    2020  margin: 1em;
    2121}
    2222
    23 #content H3 {
     23.content H3 {
    2424    margin-bottom: 1ex;
    2525}
    2626
    27 #content H2 { margin-bottom: 3px;} /*<- for IE otherwise calendar select is displaced to middle of page*/
    28 
    29 #content H3 {
     27.content H2 { margin-bottom: 3px;} /*<- for IE otherwise calendar select is displaced to middle of page*/
     28
     29.content H3 {
    3030    text-align: center;
    3131}
    3232
    33 #content .navigationBar, #content .additional_info {
     33.content .navigationBar, .content .additional_info {
    3434    margin: 10px 0;
    3535    text-align: center;
    3636}
    3737
    38 #content .pageNumberSelected {
     38.content .pageNumberSelected {
    3939        font-style: italic;
    4040        font-weight: bold;
    4141}
    4242
    43 #content .additional_info {
     43.content .additional_info {
    4444    font-size: 110%;
    4545}
    4646
    47 #content FORM {
     47.content FORM {
    4848    text-align: left;
    4949}
    5050
    5151/* content defaults */
    52 #content DL, DD { margin: 10px; }
    53 #content DT {
     52.content DL, DD { margin: 10px; }
     53.content DT {
    5454  margin-bottom: 5px;
    5555  font-style: italic;
    … …  
    6767}
    6868
    69 #content DIV.titrePage UL.categoryActions {
     69.content DIV.titrePage UL.categoryActions {
    7070  float: right;
    7171  text-align: center;
    7272}
    7373
    74 #content DIV.titrePage {
     74.content DIV.titrePage {
    7575  padding: 0 0 3px;
    7676}
    7777
    78 #content UL.categoryActions LI {
     78.content UL.categoryActions LI {
    7979  display: inline;
    8080}
    8181
    82 #content UL.categoryActions A IMG, UL.categoryActions A {
     82.content UL.categoryActions A IMG, UL.categoryActions A {
    8383  border: none;
    8484  margin-bottom: -5px;
    … …  
    8787/* User comments */
    8888
    89 #content DIV#comments {
     89.content DIV#comments {
    9090  padding-left: 5px;
    9191  padding-right: 5px;
    9292}
    93 #content DIV.comment {
     93.content DIV.comment {
    9494  margin: 0 0 0.5em 0;
    9595  padding: 0;
    … …  
    9898}
    9999
    100 #content DIV.comment A.illustration {
     100.content DIV.comment A.illustration {
    101101  display: block;
    102102  float: left;
    … …  
    104104}
    105105
    106 #content DIV.comment P.commentHeader {
     106.content DIV.comment P.commentHeader {
    107107  text-align: right;
    108108  margin: 0.5em 0.5em 0 0;
    109109}
    110110
    111 #content DIV.comment UL.actions {
     111.content DIV.comment UL.actions {
    112112  text-align: center;
    113113  margin: 0.2em;
    114114}
    115115
    116 #content DIV.comment BLOCKQUOTE {
     116.content DIV.comment BLOCKQUOTE {
    117117  margin-right: 0.5em;
    118118  overflow: visible; /*avoid a very strange margin behaviour (all browsers) */
    … …  
    120120
    121121/* begin chronology/calendar elements*/
    122 #content DIV.calendarViews {
     122.content DIV.calendarViews {
    123123  display: block;
    124124  float: right;
    … …  
    126126}
    127127
    128 #content DIV.calendarBar { margin: 8px 4px; }
     128.content DIV.calendarBar { margin: 8px 4px; }
    129129
    130130SPAN.calItem, SPAN.calItemEmpty {
    … …  
    135135SPAN.calItem A { border:0 }
    136136
    137 #content DIV.calendarCalBar {
     137.content DIV.calendarCalBar {
    138138  margin: 10px 10px;
    139139  text-align: left;
    … …  
    196196
    197197/* Category thumbnails on main page, CSS code inspired from MOD subcatify */
    198 #content UL.thumbnailCategories {
     198.content UL.thumbnailCategories {
    199199  margin: 0;
    200200  padding: 0;
    … …  
    205205}
    206206
    207 #content UL.thumbnailCategories LI {
     207.content UL.thumbnailCategories LI {
    208208  margin:0;
    209209  padding:0;
    … …  
    211211}
    212212
    213 #content DIV.thumbnailCategory {
     213.content DIV.thumbnailCategory {
    214214  display:block;
    215215  padding: 2px 0px 0px 2px;
    … …  
    217217}
    218218
    219 #content DIV.thumbnailCategory DIV.description {
     219.content DIV.thumbnailCategory DIV.description {
    220220  font-size: 90%;
    221221  overflow: auto;
    … …  
    223223}
    224224
    225 #content DIV.thumbnailCategory DIV.description H3 {
     225.content DIV.thumbnailCategory DIV.description H3 {
    226226  text-align: left;
    227227  background: transparent;
    … …  
    231231}
    232232
    233 #content DIV.thumbnailCategory DIV.description P {
     233.content DIV.thumbnailCategory DIV.description P {
    234234  margin: 0;
    235235}
    236236
    237 #content DIV.thumbnailCategory DIV.illustration {
     237.content DIV.thumbnailCategory DIV.illustration {
    238238  text-align: left;
    239239  margin: 2px 0 0 2px;

  • trunk/template/yoga/default-colors.css

    r2292 r2352  
    88
    99/* So that non-links are slightly greyed out */
    10 #content .navigationBar, SPAN.calItemEmpty, TD.calDayCellEmpty {
     10.content .navigationBar, SPAN.calItemEmpty, TD.calDayCellEmpty {
    1111        color: #b0b0b0;
    1212}

  • trunk/template/yoga/default-layout.css

    r2288 r2352  
    255255}
    256256
    257 BODY#thePopuphelpPage #content P {
     257BODY#thePopuphelpPage .content P {
    258258  text-align: justify;
    259259  padding: 0.5em;
    260260}
    261261
    262 BODY#thePopuphelpPage #content OL LI,
    263 BODY#thePopuphelpPage #content UL LI
     262BODY#thePopuphelpPage .content OL LI,
     263BODY#thePopuphelpPage .content UL LI
    264264{
    265265  margin-bottom: 0.5em;

  • trunk/template/yoga/fix-ie5-ie6.css

    r1900 r2352  
    88  width: 100%;  /* <- useless but seems to make IE6 happy */
    99}
    10 #content {
     10.content {
    1111  height: 1em;  /* for IE6 it's like min-height */
    1212}
    1313
    1414/* fix category thumbnails on main page */
    15 #content UL.thumbnailCategories {
     15.content UL.thumbnailCategories {
    1616  width: 99%;   /* buggy IE box model */
    1717}

  • trunk/template/yoga/fix-ie7.css

    r2108 r2352  
    22/* fix IE with another layout for thumbnails */
    33
    4 #content UL.thumbnails SPAN.wrap2 {
     4.content UL.thumbnails SPAN.wrap2 {
    55  display: block;
    66  position: relative;
    77  text-align: left;
    88}
    9 #content UL.thumbnails SPAN.wrap2 A,
    10 #content UL.thumbnails SPAN.wrap2 SPAN {
     9.content UL.thumbnails SPAN.wrap2 A,
     10.content UL.thumbnails SPAN.wrap2 SPAN {
    1111  overflow: visible;
    1212  position: absolute;
    … …  
    1515}
    1616
    17 #content UL.thumbnails IMG.thumbnail {
     17.content UL.thumbnails IMG.thumbnail {
    1818  position: relative;
    1919  top: -50%;   

  • trunk/template/yoga/fix-khtml.css

    r1900 r2352  
    22/* Issue in Safari/Konqueror only                                                 */
    33/* If H2 has a 0 margin-top categoryActions doesn't float right but overwrites H2 */
    4 #content>DIV.titrePage>H2 {
     4.content>DIV.titrePage>H2 {
    55    margin: 1px 0 0 0;  /* add an arbitrary margin-top */
    66}
    77
    8 #content>div.titrePage {
     8.content>div.titrePage {
    99    position: relative;
    1010    top: -1px;          /* move the container up by the same amount */

  • trunk/template/yoga/identification.tpl

    r2288 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33
    44  <div class="titrePage">

  • trunk/template/yoga/index.tpl

    r2268 r2352  
    11{* $Id$ *}
    22{$MENUBAR}
    3 <div id="content">
     3{if !empty($PLUGIN_INDEX_CONTENT_BEFORE)}{$PLUGIN_INDEX_CONTENT_BEFORE}{/if}
     4<div id="content" class="content">
    45  <div class="titrePage">
    56    <ul class="categoryActions">
    … …  
    113114{/if}
    114115
    115 
    116116{if !empty($PLUGIN_INDEX_CONTENT_END) }{$PLUGIN_INDEX_CONTENT_END}{/if}
    117117</div> <!-- content -->
     118
     119{if !empty($PLUGIN_INDEX_CONTENT_AFTER)}{$PLUGIN_INDEX_CONTENT_AFTER}{/if}

  • trunk/template/yoga/mail/text/html/header.tpl

    r2342 r2352  
    1717<body>
    1818<div id="the_page">
    19 <div id="content">
     19<div id="content" class="content">

  • trunk/template/yoga/nbm.tpl

    r2278 r2352  
    11{* $Id$ *}
    22
    3 <div id="content">
     3<div id="content" class="content">
    44  <div class="titrePage">
    55    <ul class="categoryActions">

  • trunk/template/yoga/not-ie.css

    r2108 r2352  
    44/* can be overiden in any theme but not hidden to IE */
    55
    6 #content UL.thumbnails SPAN.wrap2 {
     6.content UL.thumbnails SPAN.wrap2 {
    77  -moz-border-radius: 4px;      /* round corners with Geko */
    88  -webkit-border-radius: 4px; /* Safari webkit project */
    99}
    10 #content DIV#comments {
     10.content DIV#comments {
    1111  padding-left: 5px;
    1212  padding-right: 5px;

  • trunk/template/yoga/notification.tpl

    r2223 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33
    44  <div class="titrePage">

  • trunk/template/yoga/password.tpl

    r2223 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33
    44  <div class="titrePage">

  • trunk/template/yoga/picture.tpl

    r2295 r2352  
    3232</div>
    3333
     34{if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if}
    3435<div id="imageToolBar">
    3536  <div class="randomButtons">
    … …  
    227228{/if} {*comments*}
    228229
     230{if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if}

  • trunk/template/yoga/popuphelp.tpl

    r2223 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33{$HELP_CONTENT}
    44</div> <!-- content -->

  • trunk/template/yoga/print.css

    r1900 r2352  
    1 #menubar, #content .navigationBar, UL.categoryActions, #content DIV.calendarViews, .calendarBar,
     1#menubar, .content .navigationBar, UL.categoryActions, .content DIV.calendarViews, .calendarBar,
    22#imageToolBar, .navThumb, #addComment {
    33    display: none;
    … …  
    1010}
    1111
    12 #content {
     12.content {
    1313    margin: 0;
    1414}

  • trunk/template/yoga/profile.tpl

    r2246 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33
    44{if isset($errors)}

  • trunk/template/yoga/register.tpl

    r2247 r2352  
    22<div id="registerPage">
    33
    4 <div id="content">
     4<div id="content" class="content">
    55
    66  <div class="titrePage">

  • trunk/template/yoga/search.tpl

    r2294 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33
    44  <div class="titrePage">

  • trunk/template/yoga/search_rules.tpl

    r2223 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33<h2>{'Search rules'|@translate}</h2>
    44

  • trunk/template/yoga/tags.tpl

    r2223 r2352  
    11{* $Id$ *}
    2 <div id="content">
     2<div id="content" class="content">
    33
    44  <div class="titrePage">

  • trunk/template/yoga/theme/admin/theme.css

    r2332 r2352  
    4949 content: '';
    5050}
    51 #content .pageNumberSelected {
     51.content .pageNumberSelected {
    5252  color: #f92;
    5353}
    54 #content .infos {
     54.content .infos {
    5555  background-color: #69c;
    5656  color: #036;
    5757}
    58 #content .errors {
     58.content .errors {
    5959  background-color: #fc5;
    6060  border-color: #f92;
    … …  
    8484  border-color: #f92;
    8585}
    86 #content, .content {
     86.content {
    8787  background-color: #181818;
    8888  border: 1px solid #eee;
    8989  padding: 5px;
    9090}
    91 #theAdminPage #the_page #content, #theAdminPage #the_page .content {
     91#theAdminPage #the_page .content {
    9292  background-color: transparent;
    9393  border-width: 0px;
    … …  
    9898  background-repeat: repeat-x;
    9999}
    100 #content H2 {
     100.content H2 {
    101101  background: none;
    102102  border: 0px;
    … …  
    107107  margin-bottom: 20px;
    108108}
    109 #content ul.thumbnailCategories li div.thumbnailCategory .description h3,
    110 #content h3 { text-align: center; }
    111 #content ul.thumbnailCategories li div.thumbnailCategory .description p {
     109.content ul.thumbnailCategories li div.thumbnailCategory .description h3,
     110.content h3 { text-align: center; }
     111.content ul.thumbnailCategories li div.thumbnailCategory .description p {
    112112  color: #f92; text-indent: 0em;
    113113}
    114 #content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
     114.content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
    115115  color: #fff;
    116116}
    … …  
    118118  color: #eee;
    119119}
    120 #content H2:before, .browsePath:before, .imageNumber:before,
     120.content H2:before, .browsePath:before, .imageNumber:before,
    121121#imageHeaderBar H2:before {
    122122 content: "____\\_ ";
    … …  
    125125 letter-spacing: 0em;
    126126}
    127 #content H2:after, .browsePath:after, .imageNumber:after,
     127.content H2:after, .browsePath:after, .imageNumber:after,
    128128#imageHeaderBar H2:after {
    129129 content: " _/____";
    … …  
    179179}
    180180
    181 #content UL.thumbnail IMG {
     181.content UL.thumbnail IMG {
    182182  border: 1px solid #a0a0a0;
    183183}
    … …  
    186186}
    187187FIELDSET, INPUT, SELECT, TEXTAREA,
    188 #content DIV.comment  A.illustration IMG,
    189 #content DIV.thumbnailCategory {
     188.content DIV.comment  A.illustration IMG,
     189.content DIV.thumbnailCategory {
    190190  border: 1px solid gray;
    191191}
    192 #content DIV.thumbnailCategory {
     192.content DIV.thumbnailCategory {
    193193  border: 1px solid #69c;
    194194  margin: 8px 4px;
    … …  
    198198}
    199199
    200 #content UL.thumbnails SPAN.wrap2 {
     200.content UL.thumbnails SPAN.wrap2 {
    201201  border: 1px solid #aaaaaa;    /* thumbnails border color and style */
    202202  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
    203203}
    204204
    205 #content UL.thumbnails SPAN.wrap2:hover,
    206 #content UL.thumbnailCategories DIV.thumbnailCategory:hover {
     205.content UL.thumbnails SPAN.wrap2:hover,
     206.content UL.thumbnailCategories DIV.thumbnailCategory:hover {
    207207  background-color: #333;
    208208  border-color: #69c;           /* thumbnails border color when mouse cursor is over it */
    … …  
    327327  border-bottom: #ccc ridge 2px; width:13.5em; padding: 0; margin: 0;
    328328}
    329 body#theAdminPage #content, #theAdminPage #the_page .content { /*default-layout.cs... (line 1)*/
     329body#theAdminPage .content { /*default-layout.cs... (line 1)*/
    330330list-style-type:none; padding: 0px;
    331331 /*default-layout.cs... (line 23) */
    … …  
    413413background:transparent url(images/onglet_actif_transp.png) no-repeat scroll left 2px;
    414414color: #ff7700; }
    415 #content h2:before, #content h2:after,
     415.content h2:before, .content h2:after,
    416416#menubar DT:before, #menubar DT:after { content: ""; }
    417417#theHeader h1 { /*theme.css (line 345) */ color:#441100; }
    418 #content h2 { /*theme.css (line 100)*/
     418.content h2 { /*theme.css (line 100)*/
    419419letter-spacing:0.1em; margin-right:45px; text-align:right; color: #777777;
    420420text-transform:none; }
    421 #content dl, dd { /*content.css (line 52) */ margin:5px; }
     421.content dl, dd { /*content.css (line 52) */ margin:5px; }
    422422.content h2 { /* default-layout.cs... (line 6) */
    423423font-weight:bold; margin-right:30px; padding-left:2em; }
    … …  
    430430background:transparent url(images/bottom-left-bg.png) no-repeat fixed left bottom; }
    431431#the_page { /*theme.css (line 348)*/ padding-bottom:0px;}
    432 #content, .content {background-color:transparent;}
     432.content {background-color:transparent;}
    433433body#theAdminPage #menubar {  /* theme.css (line 324) */
    434434background:transparent none repeat-y scroll right top; border-bottom:0px; margin-top:110px;
    435435float: none; position: absolute; left: 0px; top: 160px;}
    436 #theAdminPage #the_page #content, #theAdminPage #the_page .content { /*theme.css (line 91)*/
     436#theAdminPage #the_page .content { /*theme.css (line 91)*/
    437437background-color:transparent; border-width:0px; padding:5px 35px 5px 5px; }
    438438body#theAdminPage #menubar dl.selected dd { padding-bottom: 145px; }

  • trunk/template/yoga/theme/clear/theme.css

    r2116 r2352  
    1616}
    1717
    18 #menubar DL, #content, #imageToolBar, .header_notes, .content {
     18#menubar DL, .content, #imageToolBar, .header_notes {
    1919  background-color: #eeeeee;
    2020}
    2121
    2222/* borders */
    23 #menubar DL, #content, #imageToolBar,
     23#menubar DL, .content, #imageToolBar,
    2424#comments DIV.comment BLOCKQUOTE {
    2525  border: 1px solid #d3d3d3;
    … …  
    3030}
    3131
    32 #content UL.thumbnail IMG {
     32.content UL.thumbnail IMG {
    3333    border: 1px solid #a0a0a0;
    3434}
    3535
    3636FIELDSET, INPUT, SELECT, TEXTAREA,
    37 #content DIV.comment  A.illustration IMG,
    38 #content DIV.thumbnailCategory {
     37.content DIV.comment  A.illustration IMG,
     38.content DIV.thumbnailCategory {
    3939  border: 1px solid gray;
    4040}
    … …  
    4545}
    4646
    47 #content UL.thumbnails SPAN.wrap2 {
     47.content UL.thumbnails SPAN.wrap2 {
    4848  border: 1px solid #aaaaaa;    /* thumbnails border color and style */
    4949  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
    5050}
    5151
    52 #content UL.thumbnails SPAN.wrap2:hover,
    53 #content UL.thumbnailCategories DIV.thumbnailCategory:hover,
    54 #content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
     52.content UL.thumbnails SPAN.wrap2:hover,
     53.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
     54.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
    5555  background-color: #faebd7;
    5656  border-color: yellow;         /* thumbnails border color when mouse cursor is over it */

  • trunk/template/yoga/theme/dark/theme.css

    r2292 r2352  
    1818}
    1919
    20 #menubar DL, #content, #imageToolBar, .header_notes, .content, UL.tabsheet LI.selected_tab {
     20#menubar DL, .content, #imageToolBar, .header_notes, UL.tabsheet LI.selected_tab {
    2121        background-color: #505050;
    2222}
    … …  
    3939
    4040/* borders */
    41 #menubar DL, #content, .content,
     41#menubar DL, .content,
    4242#comments DIV.comment BLOCKQUOTE {
    4343        border: 1px solid #000000;
    … …  
    5656
    5757FIELDSET, INPUT, SELECT, TEXTAREA,
    58 #content DIV.comment  A.illustration IMG,
    59 #content DIV.thumbnailCategory {
     58.content DIV.comment  A.illustration IMG,
     59.content DIV.thumbnailCategory {
    6060        border: 1px solid gray;
    6161}
    … …  
    6565}
    6666
    67 #content UL.thumbnails SPAN.wrap2 {
     67.content UL.thumbnails SPAN.wrap2 {
    6868        border: 1px solid #aaaaaa;      /* thumbnails border color and style */
    6969        border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
    7070}
    7171
    72 #content UL.thumbnails SPAN.wrap2:hover,
    73 #content UL.thumbnailCategories DIV.thumbnailCategory:hover,
    74 #content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
     72.content UL.thumbnails SPAN.wrap2:hover,
     73.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
     74.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
    7575        background-color: #faebd7;
    7676        border-color: yellow;   /* thumbnails border color when mouse cursor is over it */

  • trunk/template/yoga/theme/p0w0/theme.css

    r2116 r2352  
    2626  font-weight: bold;
    2727}
    28 #content .titrePage .categoryActions li { color: #cde;}
     28.content .titrePage .categoryActions li { color: #cde;}
    2929#menubar DT A:hover {
    3030  color: #f92;
    … …  
    3535#menubar .selected A { color: #c60; font-weight: bold; }
    3636#copyright { color: #c60; }
    37 #content .pageNumberSelected,
     37.content .pageNumberSelected,
    3838A, INPUT.rateButton, legend { color: #369; }
    3939A:hover { color: #f92; }
    … …  
    4242}
    4343.infoTable,
    44 #theAdminPage #content,
     44#theAdminPage .content,
    4545input#qsearchInput { color: #369; }
    46 #content .infos { color: #036; }
    47 #content .errors { color: #900; }
    48 #content .titrePage H2 A { color: #dfe8ff; }
     46.content .infos { color: #036; }
     47.content .errors { color: #900; }
     48.content .titrePage H2 A { color: #dfe8ff; }
    4949input.rateButtonSelected,
    50 #content .titrePage H2 A:hover { color: #f92; }
    51 #content H2 {
     50.content .titrePage H2 A:hover { color: #f92; }
     51.content H2 {
    5252  letter-spacing: 0.01em;
    5353  text-indent: 1em;
    5454  font-weight: normal;
    5555}
    56 #content ul.thumbnailCategories li div.thumbnailCategory .description h3,
    57 #content h3 { text-align: center; }
     56.content ul.thumbnailCategories li div.thumbnailCategory .description h3,
     57.content h3 { text-align: center; }
    5858.browsePath, .imageNumber,
    5959#imageHeaderBar H2,
    … …  
    6363}
    6464.browsePath A:hover { color: #fff; }
    65 #content H2:before, .browsePath:before, .imageNumber:before,
     65.content H2:before, .browsePath:before, .imageNumber:before,
    6666#imageHeaderBar H2:before,
    67 #content H2:after, .browsePath:after, .imageNumber:after,
     67.content H2:after, .browsePath:after, .imageNumber:after,
    6868#imageHeaderBar H2:after {
    6969 content: "   ";
    … …  
    7676  color: #69c;
    7777}
    78 #content ul.thumbnailCategories li div.thumbnailCategory .description p {
     78.content ul.thumbnailCategories li div.thumbnailCategory .description p {
    7979  color: #c60;
    8080}
    81 #content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
     81.content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
    8282  color: #369;
    8383}
    8484.tabsheet li, .tabsheet li a, #theAdminPage h3 a,
    85 #content div.thumbnailCategory .description h3 a {
     85.content div.thumbnailCategory .description h3 a {
    8686  color: #fff;
    8787}
    88 .tabsheet li a:hover, #content div.thumbnailCategory .description h3 a:hover {
     88.tabsheet li a:hover, .content div.thumbnailCategory .description h3 a:hover {
    8989  color: #f92;
    9090}
    … …  
    9898#thePicturePage #theImage,
    9999#theAdminPage #the_page,
    100 #content, DIV.content { background-color: #dfe8ff; }
     100.content { background-color: #dfe8ff; }
    101101#the_page { background-color: #dfe8ff; }
    102102#menubar, H3, #imageHeaderBar,
    … …  
    106106#imageHeaderBar, #imageHeaderBar H2, .tabsheet li,
    107107#theAdminPage H3 { background-color: #369; }
    108 #content H2 { background-color: #369; }
    109 #content .infos { background-color: #47a; ;}
    110 #content .errors { background-color: #fc5; ;}
     108.content H2 { background-color: #369; }
     109.content .infos { background-color: #47a; ;}
     110.content .errors { background-color: #fc5; ;}
    111111#thePicturePage #comments H2 { background-color: #eef; ;}
    112 #content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
     112.content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
    113113  background-color: #69c;
    114114}
    115 #content ul.thumbnailCategories li div.thumbnailCategory,
    116 #content UL.thumbnails SPAN.wrap2 { background-color: #eef; }
    117 #content ul.thumbnailCategories li div.thumbnailCategory:hover,
     115.content ul.thumbnailCategories li div.thumbnailCategory,
     116.content UL.thumbnails SPAN.wrap2 { background-color: #eef; }
     117.content ul.thumbnailCategories li div.thumbnailCategory:hover,
    118118#theImage IMG, .navThumb IMG,
    119 #content UL.thumbnails SPAN.wrap2:hover { background-color: #fff; }
    120 #content UL.thumbnails SPAN.wrap2:active img {
     119.content UL.thumbnails SPAN.wrap2:hover { background-color: #fff; }
     120.content UL.thumbnails SPAN.wrap2:active img {
    121121  outline: 3px ridge #f92;
    122122}
    … …  
    135135A { border: 0px; text-decoration: none; }
    136136A:hover { text-decoration: none; border: 0px; }
    137 #content, DIV.content {
     137.content {
    138138  border: 1px solid #369;
    139139  padding: 0px;
    140140}
    141 #menubar DT, #content H2 {
     141#menubar DT, .content H2 {
    142142  background-image: url(images/button-bg.png);
    143143  border: 0px;
    144144  margin-bottom: 3px;
    145145}
    146 #content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
     146.content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
    147147  background-image: url(images/button-bg.png);
    148148  border-width: 1px;
    … …  
    150150  border-color: #369;
    151151}
    152 #content ul.thumbnailCategories li div.thumbnailCategory .description h3:active
     152.content ul.thumbnailCategories li div.thumbnailCategory .description h3:active
    153153{
    154154        background: #69c;
    155155        border: 1px inset #369;
    156156}
    157 #content .errors { border-color: #f92; }
     157.content .errors { border-color: #f92; }
    158158#imageHeaderBar H2 { border: 0px; }
    159159#thePicturePage #imageToolBar { padding: 0px 25px 5px 25px; }
    … …  
    180180  box-shadow: 0.2em 0.2em #ccc;
    181181}
    182 #content UL.thumbnail IMG {
     182.content UL.thumbnail IMG {
    183183  border: 1px solid #666;
    184184}
    … …  
    187187}
    188188FIELDSET, INPUT, SELECT, TEXTAREA,
    189 #content DIV.comment  A.illustration IMG,
    190 #content DIV.thumbnailCategory {
     189.content DIV.comment  A.illustration IMG,
     190.content DIV.thumbnailCategory {
    191191  border: 1px solid #69c;
    192192  background-color: #dfe8ff;
    193193  margin: 3px;
    194194}
    195 #content DIV.thumbnailCategory:hover {
     195.content DIV.thumbnailCategory:hover {
    196196  border: 1px solid #f92;
    197197}
    198 #content UL.thumbnails SPAN.wrap2 {
     198.content UL.thumbnails SPAN.wrap2 {
    199199  border: 1px solid #69c;       /* thumbnails border color and style */
    200200  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
    201201}
    202 #content UL.thumbnails SPAN.wrap2:hover {
     202.content UL.thumbnails SPAN.wrap2:hover {
    203203  border-color: #f92;           /* thumbnails border color when mouse cursor is over it */
    204204}
    … …  
    212212  margin: 0px;
    213213}
    214 #theAdminPage #content table td { padding: 2px 8px; }
     214#theAdminPage .content table td { padding: 2px 8px; }
    215215ul.tabsheet, ul.tabsheet li { border-color: #369 !important; }
    216216.tabsheet li:hover { border-color: #f92 !important; }

  • trunk/template/yoga/theme/wipi/theme.css

    r2234 r2352  
    4949 content: '';
    5050}
    51 #content .pageNumberSelected {
     51.content .pageNumberSelected {
    5252  color: #f92;
    5353}
    54 #content .infos {
     54.content .infos {
    5555  background-color: #69c;
    5656  color: #036;
    5757}
    58 #content .errors {
     58.content .errors {
    5959  background-color: #fc5;
    6060  border-color: #f92;
    … …  
    8484  border-color: #f92;
    8585}
    86 #content, .content {
     86.content {
    8787  background-color: #181818;
    8888  border: 1px solid #eee;
    8989  padding: 5px;
    9090}
    91 #theAdminPage #the_page #content, #theAdminPage #the_page .content {
     91#theAdminPage #the_page .content {
    9292  background-color: #111;
    9393  border-width: 0px;
    … …  
    9898  background-repeat: repeat-x;
    9999}
    100 #content H2 {
     100.content H2 {
    101101  background: none;
    102102  border: 0px;
    … …  
    107107  margin-bottom: 20px;
    108108}
    109 #content ul.thumbnailCategories li div.thumbnailCategory .description h3,
    110 #content h3 { text-align: center; }
    111 #content ul.thumbnailCategories li div.thumbnailCategory .description p {
     109.content ul.thumbnailCategories li div.thumbnailCategory .description h3,
     110.content h3 { text-align: center; }
     111.content ul.thumbnailCategories li div.thumbnailCategory .description p {
    112112  color: #f92; text-indent: 0em;
    113113}
    114 #content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
     114.content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
    115115  color: #fff;
    116116}
    … …  
    118118  color: #eee;
    119119}
    120 #content H2:before, .browsePath:before, .imageNumber:before,
     120.content H2:before, .browsePath:before, .imageNumber:before,
    121121#imageHeaderBar H2:before {
    122122 content: "____\\_ ";
    … …  
    125125 letter-spacing: 0em;
    126126}
    127 #content H2:after, .browsePath:after, .imageNumber:after,
     127.content H2:after, .browsePath:after, .imageNumber:after,
    128128#imageHeaderBar H2:after {
    129129 content: " _/____";
    … …  
    179179}
    180180
    181 #content UL.thumbnail IMG {
     181.content UL.thumbnail IMG {
    182182  border: 1px solid #a0a0a0;
    183183}
    … …  
    186186}
    187187FIELDSET, INPUT, SELECT, TEXTAREA,
    188 #content DIV.comment  A.illustration IMG,
    189 #content DIV.thumbnailCategory {
     188.content DIV.comment  A.illustration IMG,
     189.content DIV.thumbnailCategory {
    190190  border: 1px solid gray;
    191191}
    192 #content DIV.thumbnailCategory {
     192.content DIV.thumbnailCategory {
    193193  border: 1px solid #69c;
    194194  margin: 8px 4px;
    … …  
    198198}
    199199
    200 #content UL.thumbnails SPAN.wrap2 {
     200.content UL.thumbnails SPAN.wrap2 {
    201201  border: 1px solid #aaaaaa;    /* thumbnails border color and style */
    202202  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
    203203}
    204204
    205 #content UL.thumbnails SPAN.wrap2:hover,
    206 #content UL.thumbnailCategories DIV.thumbnailCategory:hover {
     205.content UL.thumbnails SPAN.wrap2:hover,
     206.content UL.thumbnailCategories DIV.thumbnailCategory:hover {
    207207  background-color: #333;
    208208  border-color: #69c;           /* thumbnails border color when mouse cursor is over it */

  • trunk/template/yoga/thumbnails-fix-ie5-ie6.css

    r1900 r2352  
    11/* $Id$ */
    22/* fix IE with another layout for thumbnails */
    3 #content UL.thumbnails SPAN.wrap2 {
     3.content UL.thumbnails SPAN.wrap2 {
    44  display: block;
    55  position: relative;
    66  text-align: left;
    77}
    8 #content UL.thumbnails SPAN.wrap2 A,
    9 #content UL.thumbnails SPAN.wrap2 SPAN {
     8.content UL.thumbnails SPAN.wrap2 A,
     9.content UL.thumbnails SPAN.wrap2 SPAN {
    1010  overflow: visible;
    1111  position: absolute;
    … …  
    1414}
    1515
    16 #content UL.thumbnails IMG.thumbnail {
     16.content UL.thumbnails IMG.thumbnail {
    1717  position: relative;
    1818  top: -50%;
    … …  
    2121  /**/
    2222}
    23 #content UL.thumbnails INPUT {
     23.content UL.thumbnails INPUT {
    2424  position: absolute;
    2525  left: 2px;

  • trunk/template/yoga/thumbnails.css

    r2084 r2352  
    22
    33/* Thumbnails customization */
    4 #content UL.thumbnails SPAN.thumbLegend {
     4.content UL.thumbnails SPAN.thumbLegend {
    55  font-size: 80%;               /* font size */
    66  overflow: hidden;             /* oversized legend is clipped */
    … …  
    88
    99/* Thumbnail "elastic" layout */
    10 #content UL.thumbnails {
     10.content UL.thumbnails {
    1111  margin: 0;
    1212  padding: 0;
    1313  list-style: none;
    14   text-align: center;   /* to center the whole collection in #content */
     14  text-align: center;   /* to center the whole collection in .content */
    1515}
    16 #content UL.thumbnails LI { display: inline }
     16.content UL.thumbnails LI { display: inline }
    1717
    18 #content UL.thumbnails SPAN.wrap1 {
     18.content UL.thumbnails SPAN.wrap1 {
    1919  margin: 0 5px 5px 5px;
    2020  display: table-cell; display: inline-table;
    … …  
    2323  text-align: center;           /* to center the thumbnail and legend in Geko/Opera */
    2424}
    25 #content UL.thumbnails SPAN.wrap2 {
     25.content UL.thumbnails SPAN.wrap2 {
    2626  margin: 0;                    /* important reset the margins */
    2727  display: table-cell;          /* block prevents vertical-align here */
    2828  vertical-align: middle;       /* Ok with Opera and Geko not IE6 */
    2929}
    30 #content UL.thumbnails SPAN.wrap2 A,
    31 #content UL.thumbnails LABEL {
     30.content UL.thumbnails SPAN.wrap2 A,
     31.content UL.thumbnails LABEL {
    3232  display: block;
    3333  border-bottom: none;
    3434}
    35 #content UL.thumbnails IMG {
     35.content UL.thumbnails IMG {
    3636  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
    3737}
    3838
    3939/* label and input used for caddie in admin section */
    40 #content UL.thumbnails LABEL {
     40.content UL.thumbnails LABEL {
    4141  position: relative;
    4242}
    4343
    44 #content UL.thumbnails INPUT {
     44.content UL.thumbnails INPUT {
    4545  position: relative;   /* <= Opera can handle relative here */
    4646  top: -20px;
    4747}
    48 :root #content UL.thumbnails INPUT { /* hide from Opera */
     48:root .content UL.thumbnails INPUT { /* hide from Opera */
    4949  position: absolute;   /* <= Opera hide 1 checkbox over 2 !!! */
    5050  left: 2px;

  • trunk/template/yoga/upload.tpl

    r2325 r2352  
    11{* $Id$ *}
    22
    3 <div id="content">
     3<div id="content" class="content">
    44
    55  <div class="titrePage">
Note: See TracChangeset for help on using the changeset viewer.