Changeset 6458


Ignore:
Timestamp:
Jun 3, 2010, 8:44:53 PM (10 years ago)
Author:
plg
Message:

move the CSS code specific to the slideshow page in a specific CSS stylesheet.

This tip suggested by P@t make feature:1712 useless (and I'll backmerge it)
and make the slideshow work in Piwigo 2.1.1, no need to wait for Piwigo 2.1.2

Location:
extensions/kardon
Files:
1 added
2 edited

Legend:

Unmodified
Added
Removed
  • extensions/kardon/template/slideshow.tpl

    r6453 r6458  
     1{html_head}
     2<link rel="stylesheet" type="text/css" href="themes/kardon/slideshow.css">
     3{/html_head}
     4
    15<div id="imageHeaderBar">
    26  <div class="browsePath">
  • extensions/kardon/theme.css

    r6453 r6458  
    201201
    202202
    203 /*{{{  Spécial mode diaporama */
    204 body.slideshow #imageHeaderBar .browsePath  a {
    205         background: url(icon/stop.png) right center no-repeat;
    206         padding-right: 20px;
    207         color: #DDE1E9;
    208         border-color: #DDE1E9;
    209         _background-image:url(images/stop-ie.png);
    210 }
    211 body.slideshow #imageHeaderBar .browsePath {
    212         float: left;
    213         margin: 0;
    214         padding: 0 3px 0 0;
    215         color: gray;
    216 }
    217 body.slideshow #imageHeaderBar .imageNumber {
    218         float: left;
    219 }
    220 body.slideshow #imageHeaderBar h2 {
    221         padding: 0;
    222         color:white;
    223         clear: none;
    224         margin: 0 230px;
    225         font-size: 110%;
    226         height: 32px;
    227         width: auto;
    228         position: static;
    229 }
    230 body.slideshow div#imageToolBar  {
    231         position: absolute;
    232         width: 230px;
    233         margin: 0;
    234         right: 0;
    235         top: 5px;
    236         height: 20px;
    237 }
    238 body.slideshow div#imageToolBar a {
    239         width: 28px;
    240 }
    241 body.slideshow  {
    242         background: #636363 url(images/fond_diapo.png);
    243 }
    244 body.slideshow #the_page {
    245         background: url(images/entete_diapo.png) 0 -10px repeat-x;
    246         padding-top: 1px;
    247 }
    248 
    249 body.slideshow #theHeader,
    250 body.slideshow #copyright
    251 {
    252         display: none !important;
    253 }
    254 body.slideshow #theImage,
    255 html body.slideshow div#theImage noscript>div {
    256         position:absolute;
    257         width:100%;
    258         top: 32px;
    259         bottom: 0;
    260 }
    261 
    262 html body.slideshow div#theImage noscript>div {
    263         top: 0;
    264         bottom: 0;
    265         height: 100%;
    266 }
    267 
    268 html body.slideshow div#theImage noscript>div>img {
    269         max-width: 100% !important;
    270         max-height: 100% !important;
    271         height: auto !important;
    272         width: auto !important;
    273         position: relative;
    274 }
    275 
    276 body.slideshow #the_page {
    277         position: static;
    278 }
    279 
    280 body.slideshow #theImage img {
    281         margin-left: auto;
    282         margin-right: auto;
    283         display: block;
    284 }
    285 body.slideshow {
    286         min-width: 0;
    287 }
    288 /*}}}*/
    289 
    290 
    291 
    292203/*{{{  Menu */
    293204#menubar {
Note: See TracChangeset for help on using the changeset viewer.