Changeset 6458 for extensions/kardon

Timestamp:

Jun 3, 2010, 8:44:53 PM (14 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:

• slideshow.css (added)
• template/slideshow.tpl (modified) (1 diff)
• theme.css (modified) (1 diff)

extensions/kardon/template/slideshow.tpl

@@ +1 @@
+{html_head}
+<link rel="stylesheet" type="text/css" href="themes/kardon/slideshow.css">
+{/html_head}
+
 <div id="imageHeaderBar">
   <div class="browsePath">

extensions/kardon/theme.css

@@ -201 +201 @@
 
 
-/*{{{  Spécial mode diaporama */
-body.slideshow #imageHeaderBar .browsePath  a {
-        background: url(icon/stop.png) right center no-repeat;
-        padding-right: 20px;
-        color: #DDE1E9;
-        border-color: #DDE1E9;
-        _background-image:url(images/stop-ie.png);
-}
-body.slideshow #imageHeaderBar .browsePath {
-        float: left;
-        margin: 0;
-        padding: 0 3px 0 0;
-        color: gray;
-}
-body.slideshow #imageHeaderBar .imageNumber {
-        float: left;
-}
-body.slideshow #imageHeaderBar h2 {
-        padding: 0;
-        color:white;
-        clear: none;
-        margin: 0 230px;
-        font-size: 110%;
-        height: 32px;
-        width: auto;
-        position: static;
-}
-body.slideshow div#imageToolBar  {
-        position: absolute;
-        width: 230px;
-        margin: 0;
-        right: 0;
-        top: 5px;
-        height: 20px;
-}
-body.slideshow div#imageToolBar a {
-        width: 28px;
-}
-body.slideshow  {
-        background: #636363 url(images/fond_diapo.png);
-}
-body.slideshow #the_page {
-        background: url(images/entete_diapo.png) 0 -10px repeat-x;
-        padding-top: 1px;
-}
-
-body.slideshow #theHeader,
-body.slideshow #copyright
-{
-        display: none !important;
-}
-body.slideshow #theImage,
-html body.slideshow div#theImage noscript>div {
-        position:absolute;
-        width:100%;
-        top: 32px;
-        bottom: 0;
-}
-
-html body.slideshow div#theImage noscript>div {
-        top: 0;
-        bottom: 0;
-        height: 100%;
-}
-
-html body.slideshow div#theImage noscript>div>img {
-        max-width: 100% !important;
-        max-height: 100% !important;
-        height: auto !important;
-        width: auto !important;
-        position: relative;
-}
-
-body.slideshow #the_page {
-        position: static;
-}
-
-body.slideshow #theImage img {
-        margin-left: auto;
-        margin-right: auto;
-        display: block;
-}
-body.slideshow {
-        min-width: 0;
-}
-/*}}}*/
-
-
-
 /*{{{  Menu */
 #menubar {