Changeset 2446

Show
Ignore:
Timestamp:
2006-09-06 17:53:53 (2 years ago)
Author:
ped039
Message:

some changes from id to class

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • design/trunk/hanami/ index.html

    r2410 r2446  
    8484</div><!--end recent-tag-box-->  
    8585 
    86 <div id="tag-arrows">          
     86<div class="tag-arrows">               
    8787<a href="#" onclick="new Effect.SlideUp('more-tags',{duration:1.5}); return false;"><p class="tags-arrows-up">&nbsp;</p></a> 
    8888<a href="#" onclick="new Effect.SlideDown('more-tags',{duration:1.5}); return false;"><p class="tags-arrows-down">&nbsp;<span class="more-tags-title">more tags</span></p></a></div> 
    …… 
    175175<!--<li class="pause">&nbsp;&nbsp;&nbsp;&nbsp;</li>--><!--this is instead of play--> 
    176176<li class="forward">&nbsp;&nbsp;&nbsp;&nbsp;</li> 
     177<!-- all the &nbsp;&nbsp;&nbsp;&nbsp; are for IE --> 
    177178</ul> 
    178179 
    …… 
    196197</div><!--end menu-video--> 
    197198 
    198 <div id="storybox"> 
     199<div class="storybox"> 
    199200        <div style="overflow:hidden"> 
    200201<h3>Headline of Story</h3> 
    …… 
    204205 
    205206 
    206 <div id="transcription"> 
     207<div class="transcription"> 
    207208        <div style="overflow:hidden"> 
    208209        <h3>Transcription</h3> 
    …… 
    211212</div> 
    212213 
    213 <div id="comment"> 
     214<div class="comment"> 
    214215        <div style="overflow:hidden"> 
    215216                <h3>Comments</h3> 

  • design/trunk/hanami/detail.html

    r2410 r2446  
    5959</div><!--end searcharea--> 
    6060 
    61 <div id="metadata-box"> 
     61<div class="metadata-box"> 
    6262<div class="sub-title">metadata</div> 
    6363                                <p><span class="bold">DC.contributor:</span> Pia Waugh</p> 
    …… 
    7777<div id="content-right"> 
    7878 
    79 <div id="detail-result"> 
    80  
    81 <div id="detail-result-headline"> 
     79<div class="detail-result"> 
     80 
     81<div class="detail-result-headline"> 
    8282<h1><span class="sub-title">media.annodex.net:</span></h1> 
    8383</div> 
    8484 
    85 <div id="searchblock"> 
     85<div class="searchblock"> 
    8686<div class="monitor-small"> 
    8787<p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
    …… 
    9595</div> 
    9696</div> 
    97 <div id="searchresult-text"> 
     97<div class="searchresult-text"> 
    9898<h2 class="bold">OSSForum-Intro</h2> 
    9999<p><span class="bold">Duration:</span> 00:01:33.407</p> 
    …… 
    108108<div class="title-clips"><img src="material/wikiClips.gif" /></div> 
    109109 
    110 <div id="block-clips"> 
    111 <div class="monitor-clips"> 
    112 <p class="centre-clip-video"><img src="material/dummyclip.gif" /></p> 
    113 <div class="tools"> 
    114 <ul> 
    115 <li>| <a>play</a> | </li>  
    116 <li><a>edit</a> | </li> 
    117 <li><a>delete</a> | </li> 
    118 </ul> 
    119 </div> 
    120 </div> 
    121 <div id="clips-result"> 
     110<div class="block-clips"> 
     111<div class="monitor-clips"> 
     112<p class="centre-clip-video"><img src="material/dummyclip.gif" /></p> 
     113<div class="tools"> 
     114<ul> 
     115<li>| <a>play</a> | </li>  
     116<li><a>edit</a> | </li> 
     117<li><a>delete</a> | </li> 
     118</ul> 
     119</div> 
     120</div> 
     121<div class="clips-result"> 
    122122<h2 class="bold">Titlechart</h2> 
    123123<p class="time">0:00:00.000</p> 
    …… 
    127127</div><!--end block-clips--> 
    128128 
    129 <div id="block-clips"> 
    130 <div class="monitor-clips"> 
    131 <p class="centre-clip-video"><img src="material/dummyclip.gif" /></p> 
    132 <div class="tools"> 
    133 <ul> 
    134 <li>| <a>play</a> | </li>  
    135 <li><a>edit</a> | </li> 
    136 <li><a>delete</a> | </li> 
    137 </ul> 
    138 </div> 
    139 </div> 
    140 <div id="clips-result"> 
     129<div class="block-clips"> 
     130<div class="monitor-clips"> 
     131<p class="centre-clip-video"><img src="material/dummyclip.gif" /></p> 
     132<div class="tools"> 
     133<ul> 
     134<li>| <a>play</a> | </li>  
     135<li><a>edit</a> | </li> 
     136<li><a>delete</a> | </li> 
     137</ul> 
     138</div> 
     139</div> 
     140<div class="clips-result"> 
    141141<h2 class="bold">Intro_PiaWaugh</h2> 
    142142<p class="time">0:00:04.415</p> 
    …… 
    146146</div><!--end block-clips--> 
    147147 
    148 <div id="block-clips"> 
    149 <div class="monitor-clips"> 
    150 <p class="centre-clip-video"><img src="material/dummyclip.gif" /></p> 
    151 <div class="tools"> 
    152 <ul> 
    153 <li>| <a>play</a> | </li>  
    154 <li><a>edit</a> | </li> 
    155 <li><a>delete</a> | </li> 
    156 </ul> 
    157 </div> 
    158 </div> 
    159 <div id="clips-result"> 
     148<div class="block-clips"> 
     149<div class="monitor-clips"> 
     150<p class="centre-clip-video"><img src="material/dummyclip.gif" /></p> 
     151<div class="tools"> 
     152<ul> 
     153<li>| <a>play</a> | </li>  
     154<li><a>edit</a> | </li> 
     155<li><a>delete</a> | </li> 
     156</ul> 
     157</div> 
     158</div> 
     159<div class="clips-result"> 
    160160<h2 class="bold">Intro_PiaWaugh</h2> 
    161161<p class="time">0:00:04.415</p> 
    …… 
    165165</div><!--end block-clips--> 
    166166 
    167 <div id="block-clips"> 
    168 <div class="monitor-clips"> 
    169 <p class="centre-clip-video"><img src="material/dummyclip.gif" /></p> 
    170 <div class="tools"> 
    171 <ul> 
    172 <li>| <a>play</a> | </li>  
    173 <li><a>edit</a> | </li> 
    174 <li><a>delete</a> | </li> 
    175 </ul> 
    176 </div> 
    177 </div> 
    178 <div id="clips-result"> 
     167<div class="block-clips"> 
     168<div class="monitor-clips"> 
     169<p class="centre-clip-video"><img src="material/dummyclip.gif" /></p> 
     170<div class="tools"> 
     171<ul> 
     172<li>| <a>play</a> | </li>  
     173<li><a>edit</a> | </li> 
     174<li><a>delete</a> | </li> 
     175</ul> 
     176</div> 
     177</div> 
     178<div class="clips-result"> 
    179179<h2 class="bold">Intro_PiaWaugh</h2> 
    180180<p class="time">0:00:04.415</p> 

  • design/trunk/hanami/main.css

    r2410 r2446  
    201201        color: #FFFFFF; 
    202202        } 
    203 #tag-arrows { 
     203.tag-arrows { 
    204204        width: auto; 
    205205        margin-left: 1.3em; 
    …… 
    337337/*story, comment, transcription*/        
    338338 
    339 #storybox, #comment, #transcription { 
     339.storybox, .comment, .transcription { 
    340340        font-size: .8em; 
    341341        color: #333333; 
    …… 
    352352/*search-result*/ 
    353353 
    354 #search-result, #detail-result  { 
     354.search-result, .detail-result  { 
    355355        padding-left: 2em; 
    356356        } 
    357 #searchblock{ 
    358         float: left; 
    359         } 
    360 #search-result-items, #detail-result-headline { 
     357.searchblock{ 
     358        float: left; 
     359        } 
     360.search-result-items, .detail-result-headline { 
    361361        font-size: .75em; 
    362362        margin-bottom: .8em; 
    …… 
    375375        padding-top: 9px;        
    376376        } 
    377 #searchresult-text { 
     377.searchresult-text { 
    378378        font-size: .75em; 
    379379        margin-left: 184px; 
    …… 
    396396/*detail-page (see searchresult too)*/ 
    397397 
    398 #metadata-box { 
     398.metadata-box { 
    399399        color: #FFFFFF; 
    400400        padding-left: 1.2em; 
    …… 
    403403        line-height: 1.35em; 
    404404        } 
    405 #metadata-box p{ 
     405.metadata-box p{ 
    406406        font-size: .8em; 
    407407        color: #FFFFFF; 
    408408        } 
    409 #metadata-box a  { 
     409.metadata-box a  { 
    410410        text-decoration: underline; 
    411411        color: #FFFFFF; 
    …… 
    414414/*Clips*/ 
    415415 
    416 #block-clips{ 
     416.block-clips{ 
    417417        float: left; 
    418418        margin-left: 40px; 
    419419        } 
    420 #clips-result { 
     420.clips-result { 
    421421        font-size: .75em; 
    422422        margin-left: 142px; 
    …… 
    467467        } 
    468468 
    469 #clips-result a  { 
     469.clips-result a  { 
    470470        text-decoration: underline; 
    471471        color: #000000; 

  • design/trunk/hanami/search.html

    r2410 r2446  
    8181</div><!--end recent-tag-box-->  
    8282 
    83 <div id="tag-arrows">          
     83<div class="tag-arrows">               
    8484<a href="#" onclick="new Effect.SlideUp('more-tags',{duration:1.5}); return false;"><p class="tags-arrows-up">&nbsp;</p></a> 
    8585<a href="#" onclick="new Effect.SlideDown('more-tags',{duration:1.5}); return false;"><p class="tags-arrows-down">&nbsp;<span class="more-tags-title">more tags</span></p></a></div> 
    …… 
    165165<div id="content-right"> 
    166166 
    167 <div id="search-result"> 
    168  
    169 <div id="search-result-items"> 
     167<div class="search-result"> 
     168 
     169<div class="search-result-items"> 
    170170<p>Welcome to CMML Wiki, an online media library that you can edit.</p> 
    171171<p class="items">This collection contains <strong>7</strong> items.</p> 
    172172</div> 
    173173 
    174 <div id="searchblock"> 
    175 <div class="monitor-small"> 
    176 <p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
    177 <div class="video-info"> 
    178 <p>Answer04</p> 
    179 <p>0:07:33.542</p> 
    180 </div></div> 
    181 <div id="searchresult-text"> 
    182 <p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
    183 <p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
    184 </div> 
    185 </div><!--end searchblock--> 
    186  
    187 <div id="searchblock"> 
    188 <div class="monitor-small"> 
    189 <p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
    190 <div class="video-info"> 
    191 <p>Answer04</p> 
    192 <p>0:07:33.542</p> 
    193 </div></div> 
    194 <div id="searchresult-text"> 
    195 <p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
    196 <p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
    197 </div> 
    198 </div><!--end searchblock--> 
    199  
    200 <div id="searchblock"> 
    201 <div class="monitor-small"> 
    202 <p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
    203 <div class="video-info"> 
    204 <p>Answer04</p> 
    205 <p>0:07:33.542</p> 
    206 </div></div> 
    207 <div id="searchresult-text"> 
    208 <p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
    209 <p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
    210 </div> 
    211 </div><!--end searchblock--> 
    212  
    213 <div id="searchblock"> 
    214 <div class="monitor-small"> 
    215 <p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
    216 <div class="video-info"> 
    217 <p>Answer04</p> 
    218 <p>0:07:33.542</p> 
    219 </div></div> 
    220 <div id="searchresult-text"> 
    221 <p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
    222 <p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
    223 </div> 
    224 </div><!--end searchblock--> 
    225  
    226 <div id="searchblock"> 
    227 <div class="monitor-small"> 
    228 <p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
    229 <div class="video-info"> 
    230 <p>Answer04</p> 
    231 <p>0:07:33.542</p> 
    232 </div></div> 
    233 <div id="searchresult-text"> 
    234 <p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
    235 <p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
    236 </div> 
    237 </div><!--end searchblock--> 
    238  
    239 <div id="searchblock"> 
    240 <div class="monitor-small"> 
    241 <p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
    242 <div class="video-info"> 
    243 <p>Answer04</p> 
    244 <p>0:07:33.542</p> 
    245 </div></div> 
    246 <div id="searchresult-text"> 
    247 <p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
    248 <p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
    249 </div> 
    250 </div><!--end searchblock--> 
    251  
    252 <div id="searchblock"> 
    253 <div class="monitor-small"> 
    254 <p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
    255 <div class="video-info"> 
    256 <p>Answer04</p> 
    257 <p>0:07:33.542</p> 
    258 </div></div> 
    259 <div id="searchresult-text"> 
     174<div class="searchblock"> 
     175<div class="monitor-small"> 
     176<p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
     177<div class="video-info"> 
     178<p>Answer04</p> 
     179<p>0:07:33.542</p> 
     180</div></div> 
     181<div class="searchresult-text"> 
     182<p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
     183<p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
     184</div> 
     185</div><!--end searchblock--> 
     186 
     187<div class="searchblock"> 
     188<div class="monitor-small"> 
     189<p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
     190<div class="video-info"> 
     191<p>Answer04</p> 
     192<p>0:07:33.542</p> 
     193</div></div> 
     194<div class="searchresult-text"> 
     195<p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
     196<p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
     197</div> 
     198</div><!--end searchblock--> 
     199 
     200<div class="searchblock"> 
     201<div class="monitor-small"> 
     202<p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
     203<div class="video-info"> 
     204<p>Answer04</p> 
     205<p>0:07:33.542</p> 
     206</div></div> 
     207<div class="searchresult-text"> 
     208<p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
     209<p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
     210</div> 
     211</div><!--end searchblock--> 
     212 
     213<div class="searchblock"> 
     214<div class="monitor-small"> 
     215<p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
     216<div class="video-info"> 
     217<p>Answer04</p> 
     218<p>0:07:33.542</p> 
     219</div></div> 
     220<div class="searchresult-text"> 
     221<p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
     222<p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
     223</div> 
     224</div><!--end searchblock--> 
     225 
     226<div class="searchblock"> 
     227<div class="monitor-small"> 
     228<p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
     229<div class="video-info"> 
     230<p>Answer04</p> 
     231<p>0:07:33.542</p> 
     232</div></div> 
     233<div class="searchresult-text"> 
     234<p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
     235<p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
     236</div> 
     237</div><!--end searchblock--> 
     238 
     239<div class="searchblock"> 
     240<div class="monitor-small"> 
     241<p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
     242<div class="video-info"> 
     243<p>Answer04</p> 
     244<p>0:07:33.542</p> 
     245</div></div> 
     246<div class="searchresult-text"> 
     247<p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
     248<p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p> 
     249</div> 
     250</div><!--end searchblock--> 
     251 
     252<div class="searchblock"> 
     253<div class="monitor-small"> 
     254<p class="centre-small-video"><img src="material/dummySmallVideo.gif"/></p> 
     255<div class="video-info"> 
     256<p>Answer04</p> 
     257<p>0:07:33.542</p> 
     258</div></div> 
     259<div class="searchresult-text"> 
    260260<p class="headline-text-search"><a>Linux Australia Open Source Forum 2005 in Sydney</a></p> 
    261261<p class="video-text">...number of those websites run <strong>PHP</strong> and most of the sites that run <strong>PHP</strong> tend to use MySQL, so a very conservative estimate would be that there are 6,000,000 installations. The exact number we don't know, we estimate that we have, or if we have 6,000,000 users, we know we have about 5 or 6,000 customers, so one to a thousand ...</p>