Changeset 19209


Ignore:
Timestamp:
Nov 28, 2012, 11:30:13 AM (11 years ago)
Author:
Miklfe
Message:
 
Location:
extensions/PwgCarbon_dft
Files:
10 edited

Legend:

Unmodified
Added
Removed

  • extensions/PwgCarbon_dft/js/menu.js

    r18803 r19209  
    55 */
    66$(document).ready(function(){
    7                
     7
     8        $("li.liSub:last-child dt").addClass('dd_wrapper');
     9        $("li.liSub:last-child dd").addClass('sub');
     10
     11
     12
    813        function megaHoverOver(){
    914                $(this).find(".sub").stop().fadeTo('slow', 1).show();
    … …  
    1621          });
    1722        }
    18        
     23
    1924
    2025        var configSub = {
    … …  
    5459
    5560        /*other menubar script*/
    56         //open form login menu
     61        //open form login menu         
     62       
     63
     64       
    5765        $(".cl_wrapper").next("div").hide();
    5866
    … …  
    100108        });
    101109       
    102                 $(".close").click(function(){
    103                 if($("#loger").is(":visible")){
    104                         $("#loger").fadeTo('fast', 0, function(){$(this).hide()});
    105                         $(".cc_wrapper").removeClass('activate');
    106                         $("#loger").attr(":hidden");
    107                 }
    108         });
     110
    109111       
    110112       

  • extensions/PwgCarbon_dft/template/footer.tpl

    r19028 r19209  
    11<div id="footer">
    22<div id="copyright">
     3
     4
    35{if isset($debug.TIME)}
    46        {'Page generated in'|@translate} {$debug.TIME} ({$debug.NB_QUERIES} {'SQL queries in'|@translate} {$debug.SQL_TIME}) -
    … …  
    3335</div>
    3436{/if}
    35 </div>{* the_page *}
     37
    3638<div id="bg_th_right"></div>
    3739                        </div> <!-- footer -->

  • extensions/PwgCarbon_dft/template/header.tpl

    r18803 r19209  
    3535{if $theme.load_css}
    3636{combine_css path="themes/`$theme.id`/theme.css" order=-10}
     37
    3738{/if}
    3839{if !empty($theme.local_head)}{include file=$theme.local_head load_css=$theme.load_css}{/if}

  • extensions/PwgCarbon_dft/template/index.tpl

    r19028 r19209  
    11{$MENUBAR}
     2
     3
    24{if !empty($PLUGIN_INDEX_CONTENT_BEFORE)}{$PLUGIN_INDEX_CONTENT_BEFORE}{/if}
    35

  • extensions/PwgCarbon_dft/template/menubar.tpl

    r18803 r19209  
    1 
    2 
    3 <div id=nav_wrapper>   
     1<div id=menubar>       
     2<span id="menu_start">
     3                <a href="index.php?/categories"></a>
     4</span>
    45
    56               
    … …  
    78                <ul id="topnav">       
    89                                {foreach from=$blocks key=id item=block}
    9                                         <span id="{$id}">
     10                                        <span id="{$id}" >
     11                                        <li class="liSub">
    1012                                                {if not empty($block->template)}
    1113                                                {include file=$block->template|@get_extent:$id }
    … …  
    1315                                                {$block->raw_content}
    1416                                                {/if}
     17                                        </li>
    1518                                        </span>
    1619                                {/foreach}
    1720                </ul>
    1821               
     22
     23
    1924                                <div id="search">
    2025                                        <form action="{$ROOT_URL}qsearch.php" method="get" id="quicksearch" onsubmit="return this.q.value!='' && this.q.value!=qsearch_prompt;">
    … …  
    3136
    3237
    33 

  • extensions/PwgCarbon_dft/template/menubar_categories.tpl

    r18803 r19209  
    1 <span id="menu_start">
    2                 <a href="{$block->data.U_CATEGORIES}">{'Albums'|@translate}</a>
    3 </span>
    4 
    5 
    6 <li class="liSub" >
    7 
    81        <span class="dd_wrapper">{'Categories'|@translate}</span>
    92       
    10                 <div class="sub" style="opacity: 0; display: none; width:700px;">
     3                <div class="sub" style="width:700px">
    114                {assign var='ref_level' value=0}
    125                        <div id="menu_cat_act">
    … …  
    2114                                        {/if}
    2215                                        {if isset($U_STOP_FILTER)}
    23                                         <a href="{$U_STOP_FILTER}" class="pwg-state-default pwg-button menubarFilter" title="{'return to the display of all photos'|@translate}"><span class="pwg-icon pwg-icon-filter-del"> </span></a>
     16                                        <a href="{$U_STOP_FILTER}" class="pwg-state-default pwg-button menubarFilter" title="{'return to the display of all photos'|@translate}"><span
     17                                        class="pwg-icon pwg-icon-filter-del"> </span></a>
    2418                                        {/if}
    2519                                </div>
    … …  
    2822                               
    2923                               
    30 {foreach from=$block->data.MENU_CATEGORIES item=cat}
    31 {if $cat.LEVEL > $ref_level}
    32 <ul class="mcol">
    33 {else}
     24                                {foreach from=$block->data.MENU_CATEGORIES item=cat}
     25                                {if $cat.LEVEL > $ref_level}
     26                                <ul class="mcol">
     27                                {else}
    3428
    35                 </li>
    36                         {'</ul></li>'|@str_repeat:$ref_level-$cat.LEVEL}
    37                   {/if}
    38                    <li {if $cat.SELECTED}class="selected"{/if}class="level{$cat.LEVEL}">
    39                    <a href="{$cat.URL}" {if $cat.IS_UPPERCAT}rel="up"{/if} title="{$cat.TITLE}" >{$cat.NAME}   [{$cat.count_images}] </a>
    40                   {assign var='ref_level' value=$cat.LEVEL}
    41                 {/foreach}
    42         {'</li></ul>'|@str_repeat:$ref_level}   
     29                                                </li>
     30                                                        {'</ul></li>'|@str_repeat:$ref_level-$cat.LEVEL}
     31                                                  {/if}
     32                                                   <li {if $cat.SELECTED}class="selected"{/if}class="level{$cat.LEVEL}">
     33                                                   <a href="{$cat.URL}" {if $cat.IS_UPPERCAT}rel="up"{/if} title="{$cat.TITLE}" >{$cat.NAME}   [{$cat.count_images}] </a>
     34                                                  {assign var='ref_level' value=$cat.LEVEL}
     35                                                {/foreach}
     36                                        {'</li></ul>'|@str_repeat:$ref_level}   
    4337
    44                 {if isset($block->data.U_UPLOAD)}
    45                
    46         <ul>
    47                
    48                         <li>
    49                                 <a href="{$block->data.U_UPLOAD}">{'Upload a picture'|@translate}</a>
    50                         </li>
     38                                                {if isset($block->data.U_UPLOAD)}
     39                                               
     40                                        <ul>
     41                                               
     42                                                        <li>
     43                                                                <a href="{$block->data.U_UPLOAD}">{'Upload a picture'|@translate}</a>
     44                                                        </li>
    5145
    52         </ul>
    53                
    54         {/if}
     46                                        </ul>
     47                                               
     48                                        {/if}
    5549               
    5650

  • extensions/PwgCarbon_dft/template/menubar_identification.tpl

    r18803 r19209  
    11{if isset($U_LOGIN)}
    2 <li class="liSub">
    32        <span class="cl_wrapper">{'Identification'|@translate}</span>
    43                <div id="loger">
    … …  
    4342                        </form>
    4443                </div>
    45 </li>
     44
    4645       
    4746        {else}
    4847       
    49 <li class="liSub">
    5048
    5149<span class="dd_wrapper">{'Identification'|@translate}</span>
    52                                         <div style="opacity: 0; display: none;" class="sub">
     50                                        <div class="sub">
    5351
    5452        {if isset($USERNAME)}
    … …  
    7775        {/if}
    7876        </ul>
    79 </li>
     77
    8078        {/if}

  • extensions/PwgCarbon_dft/template/menubar_menu.tpl

    r18803 r19209  
    1 
    2                 <li class="liSub">
    3                 <span class="dd_wrapper">{'Menu'|@translate}</span>
    4 <div style="opacity: 0; display: none; " class="sub">
     1<span class="dd_wrapper">{'Menu'|@translate}</span>
     2<div class="sub" >
    53
    64
    … …  
    1412        </ul>
    1513</div>
    16 </li>
    1714
     15

  • extensions/PwgCarbon_dft/theme.css

    r18803 r19209  
     1html{height:100%}
     2BODY{background-image:url(images/background/bg1.png);background-color:#FFD11D;padding:0;margin:0;min-width:800px;width:100%;color:#FFD11D}
     3H1,H3,INPUT.rateButtonSelected{color:#FFF}
     4A,INPUT.rateButton{color:#FFF;border:medium none;text-decoration:none}
     5A:hover{color:#C2C2C2;text-decoration:none;border-bottom:medium none}
     6FIELDSET{border:0 none;background:url(images/bg_content.png) repeat scroll 0 0 transparent}
     7INPUT[type=submit],INPUT[type=reset]{cursor:pointer;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;margin:0 5px;padding-bottom:4px;min-width:150px;width:auto;height:25px;text-align:center;color:#C5C5C5;border-radius:8px 8px 8px 8px;text-shadow:0px 1px 0px rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5), 0px -1px 0px rgba(255,255,255,0.4)}
     8INPUT[type=submit]:hover,INPUT[type=reset]:hover{color:#222;background:-moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent}
     9INPUT[type=submit]:active,INPUT[type=reset]:active{color:#000;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;box-shadow:1px 1px 10px #000 inset, 0px 1px 0px rgba(255,255,255,0.4)}
     10INPUT[type=text],INPUT[type=password],INPUT[type=file]{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 3px 3px 3px}
     11INPUT[type=text]:hover,INPUT[type=password]:hover,INPUT[type=file]:hover,SELECT:hover{background:-moz-linear-gradient(right center , #FFFFFF 20%, #E5E5E5 80%) repeat scroll 0% 0% transparent}
     12SELECT.categoryList:hover{background:none repeat scroll 0 0 #FFF}
     13SELECT{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 0 0 3px}
     14LEGEND{font-style:normal;font-weight:700;font-size:110%;margin-top:25px}
     15.properties LI{list-style:none outside none}
     16
     17/*======================================================Header======================================================*/
     18#header_bgDef{padding-top:30px;background-image:url(images/background/bg4.png);background-color:#FFD11D;height:140px;width:inherit}
     19#Header{background-image:url(images/bg_header.png);background-repeat:repeat-x;z-index:10;display:block}
     20#header-content{position:relative;width:92%;margin-left:auto;margin-right:auto}
     21#theHeader{display:block;position:absolute;right:20px}
     22#logo{background:url(images/piwigo_org_logo.png) no-repeat;width:500px;display:block;position:absolute;height:100px;margin-top:20px}
     23#headertransi{background:none repeat scroll 0 0 #FFD11D;height:12px}
     24#headertransiH{background-image:url(images/htransi.png);background-repeat:repeat-x;height:10px}
     25#headertransiB{height:2px;background-image:url(images/btransi.png);background-repeat:repeat}
     26
     27/*======================================================Content======================================================*/
     28#the_page{z-index:100;width:100%;height:0}
     29#bg_th_left{background-image:url(images/theme/sprite_theme_left.png);background-position:0 0;width:400px;height:400px;float:left;position:absolute;z-index:-999}
     30.content .titrePage{position:relative}
     31.categoryActions{float:none;display:block;position:absolute;right:10px}
     32#page_content{z-index:100000;background:url(images/border_rigth.png) repeat-y scroll 0 0 transparent;min-width:680px;width:80%;height:auto;min-height:530px;margin:2px auto 30px}
     33#page_content1{background:url(images/bg_content.png) repeat scroll 0 0 transparent;margin-left:2px}
     34#page_content2{background:url(images/border_rigth.png) repeat-y scroll right center transparent;padding-top:10px;min-height:500px;padding-bottom:20px}
     35.content{margin-left:5px;margin-right:5px;margin-bottom:30px;height:auto}
     36H2{color:#FFF;background-image:url(images/border_dt.png);background-repeat:repeat-x;background-position:center bottom;height:25px;margin:0 5px 5px;padding:5px 0 0}
     37#fullTagCloud{background:url(images/bg_content.png) repeat scroll 0 0 transparent;min-height:500px}
     38.switchBox{background-color:gray;z-index:1000;margin-top:30px}
     39#sortOrderBox{width:250px}
     40
     41/*======================================================icon======================================================*/
     42.pwg-icon{background-image:url(../default/s26/outline_ffffff.png)}
     43A:hover .pwg-icon{background-image:url(../default/s26/outline_808080.png)}
     44.pwg-icon-filter{background-image:url(../default/s26/outline_005e89.png)}
     45
     46/*======================================================Thumbnail page======================================================*/
     47.thumbnailCategory{margin-left:auto;margin-right:auto}
     48.illustration{position:relative}
     49.content ul.thumbnails .wrap1{display:inline-block;margin:20px 20px 5px;text-align:center;vertical-align:top}
     50.content UL.thumbnails .wrap2{height:140px}
     51.content UL.thumbnails .wrap2 A{margin-top:10px}
     52.thumbnail :before{content:""}
     53.thumbnail{position:relative}
     54.thumbnail .description,.thumbnailCategory DIV.description{height:80px;padding-top:0;background:none repeat scroll 0 0 #000;overflow:hidden;color:#FFF;position:absolute;top:0;left:0;z-index:100;opacity:0;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;width:100%}
     55.thumbnail:hover .description,.thumbnailCategory:hover DIV.description{background:none repeat scroll 0 0 #000;opacity:0.65;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s}
     56.thumbnails SPAN.thumbLegend{height:80px}
     57
     58/*======================================================Footer======================================================*/
     59#footer{background-repeat:no-repeat;background-position:right center;width:100%;bottom:0;height:400px;position:fixed;top:100%;margin:-400px auto 0;z-index:-999}
     60#bg_th_right{background-image:url(images/theme/sprite_theme_right.png);background-position:0 0;width:400px;height:400px;float:right}
     61#copyright{position:relative;background-color:transparent;text-align:left;padding-left:30px;margin-bottom:0;float:left;height:20px;padding-top:380px}
    162
    263
    3 html {
    4     height: 100%;
    5 }
     64/*======================================================Menu======================================================*/
     65#menubar{position:absolute;color:#757575;height:30px;min-width:800px;width:100%;margin:auto;background:url(images/menu/back_nav.png) repeat-x;z-index:1000;top:0;left:0}
     66#menubar FORM{margin:0}
     67#menubar UL{list-style:none; margin:0}
     68.dd_wrapper,.cl_wrapper,.cc_wrapper,#menubar dt,#menubar dt a{float:left;padding:0 16px 6px;font-weight:normal;font-size:100%;color:#FFF;height:30px;line-height:30px;text-decoration:none;text-shadow:0 0 2px #000;text-transform:uppercase}
     69.dd_wrapper:hover,.cl_wrapper:hover,.cc_wrapper:hover,#menubar dt:hover,#menubar dt a:hover,.activate{z-index:100;background:url(images/menu/back_nav_hover.png) repeat-x;color:#c2c2c2;padding:0 16px 6px;text-shadow:none}
     70#menubar dt a,#menubar dt a:hover{padding:0 0}
     71span#menu_start{background:url(images/menu/li_border.png) no-repeat right top;width:85px;float:left;display:block;height:30px}
     72span#menu_start a{background:url(images/menu/home_nav.png) no-repeat left top;width:52px;height:30px;padding:0;margin:0 20px 0 25px;display:block;line-height:46px}
     73span#menu_start a:hover{background-position:left -30px}
     74span#menu_start a:active{background-position:left -60px}
     75#topnav{margin:0;padding:0 2px 0 0;list-style:none;height:30px;position:relative;z-index:999;display:inline-block}
     76#topnav .liSub{float:left;position:relative;background:url(images/menu/li_border.png) no-repeat right top;padding-right:2px}
     77#topnav .sub, #topnav #loger{position:absolute;top:30px;margin-left:0;background:#FFF;padding:5px 8px 10px 5px;float:left;max-width:100em;min-width:200px;display:none;max-height:500px;overflow:auto;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow:0px 0px 5px #5A5A5A;z-index:100}
     78#topnav #loger{z-index:50}
     79.sub{z-index:100;max-width:600px}
     80.sub p{color:#4C4C4C;font-size:13px;text-shadow:none;text-transform:none}
     81.sub a{color:#757575}
     82.sub a:hover{color:#4c4c4c}
     83ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{width:95%;color:#757575;background:none;font-size:10px;margin-bottom:2px;border:1px solid #CBCBCB;border-radius:10px}
     84ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px;color:#4C4C4C;text-decoration:none;border:none}
     85ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:none;background:none}
     86ul#topnav .sub ul li a,ul#topnav #loger ul li a{float:none;text-indent:0;height:auto;background:url(images/menu/navlist_arrow.png) no-repeat 0 5px;margin:0 8px;display:block;text-decoration:none;color:#757575;font-size:1.1em;text-shadow:none;text-transform:none;line-height:17px;padding:0 0 0 12px}
     87ul#topnav .sub ul li a:hover,ul#topnav .sub #menuTagCloud div a:hover{color:#c4c4c4;background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px}
     88ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 8px;padding:0}
     89.level2,.level3,.level4,.level5{border:none!important}
     90.mcol{width:100%}
     91.menubarFilter{margin:0}
     92#menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px}
     93#filter{width:26px;height:26px;background:none;padding-left:2px}
     94#nbImg{height:30px;float:right;line-height:10px}
     95#menuTagCloud a{text-decoration:none;text-shadow:none;z-index:200}
     96#quickconnect{width:225px}
     97#search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block}
     98#quicksearch{float:left;width:240px}
     99#quicksearch input[type=text]{float:left;background:url(images/menu/search.png) no-repeat left top;width:172px;height:22px;padding:0 0 0 4px;margin:0 1px 0 0;border:0 none;font-size:13px;color:#CCC!important;min-width:0}
     100#quicksearch input[type=text]:hover{background-position:left bottom}
     101#quicksearch input[type=submit]{float:left;padding:0;border:0 none;height:22px;width:23px;background:url(images/menu/search.png) no-repeat right top;font-size:13px;cursor:pointer;min-width:0;margin-left:2px;border-radius:0 0 0 0;box-shadow:none}
     102#quicksearch input[type=submit]:hover{background-position:right bottom}
     103#loger{line-height:25px;width:220px;position:absolute;top:30px;background:none repeat 0 0 #FFF;padding:10px;float:left;max-width:100em;min-width:200px;display:none;z-index:0}
     104#loger p{margin-bottom:20px;text-shadow:none;}
     105#log{text-transform:none;text-shadow:none;margin-bottom:20px}
     106#log INPUT[type=password]{border:0 none;height:22px;width:175px;background:url(images/menu/password.png) no-repeat left top}
     107#log INPUT[type=password]:hover{background-position:left bottom}
     108#log INPUT[type=text]{border:none;width:175px;height:22px;background:url(images/menu/user.png) no-repeat left top}
     109#log INPUT[type=text]:hover{background-position:left bottom}
     110#go INPUT[type=submit]{color:transparent;border:none;height:32px;width:64px;min-width:inherit;background:url(images/menu/go.png) no-repeat left top;margin-left:65px;margin-top:20px;text-shadow:none}
     111#go INPUT[type=submit]:hover{background-position:left bottom}
     112.close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat;float:right}
     113.close:hover{background:url(images/menu/close.png) no-repeat 0 -16px }
    6114
    7 BODY {
    8     background-image: url("images/background/bg1.png");
    9     background-color: #FFD11D;
    10     padding: 0px;
    11     margin: 0px;
    12     min-width: 800px;
    13     width: 100%;
    14     color: #FFD11D;
    15 }
    16115
    17 H1, H3, INPUT.rateButtonSelected {
    18     color: #FFFFFF;
    19 }
    20 
    21 A, INPUT.rateButton {
    22     color: #FFFFFF;
    23     border: medium none;
    24     text-decoration: none;
    25 }
    26 
    27 A:hover {
    28     color: #C2C2C2;
    29     text-decoration: none;
    30     border-bottom: medium none;
    31 }
    32 
    33 FIELDSET {
    34     border: 0px none;
    35     background: url("images/bg_content.png") repeat scroll 0px 0px transparent;
    36 }
    37 
    38 INPUT[type="submit"], INPUT[type="reset"] {
    39     cursor: pointer;
    40     background: -moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;
    41     margin: 0px 5px;
    42     padding-bottom: 4px;
    43     min-width: 150px;
    44     width: auto;
    45     height: 25px;
    46     text-align: center;
    47     color: #C5C5C5;
    48     border-radius: 8px 8px 8px 8px;
    49     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    50     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 0px rgba(255, 255, 255, 0.4);
    51 }
    52 
    53 INPUT[type="submit"]:hover, INPUT[type="reset"]:hover {
    54     color: #222222;
    55     background: -moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent;
    56 }
    57 
    58 INPUT[type="submit"]:active, INPUT[type="reset"]:active {
    59     color: #000000;
    60     background: -moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;
    61     box-shadow: 1px 1px 10px #000000 inset, 0px 1px 0px rgba(255, 255, 255, 0.4);
    62 }
    63 
    64 INPUT[type="text"], INPUT[type="password"], INPUT[type="file"] {
    65     margin: 0px 5px;
    66     padding: 0px;
    67     background: none repeat scroll 0px 0px #FFFFFF;
    68     min-width: 150px;
    69     width: auto;
    70     height: 22px;
    71     border: 0px none;
    72     color: #000000 ! important;
    73     border-radius: 3px 3px 3px 3px;
    74 }
    75 
    76 INPUT[type="text"]:hover, INPUT[type="password"]:hover, INPUT[type="file"]:hover, SELECT:hover {
    77     background: -moz-linear-gradient(right center , #FFFFFF 20%, #E5E5E5 80%) repeat scroll 0% 0% transparent;
    78 }
    79 
    80 SELECT.categoryList:hover {
    81     background: none repeat scroll 0px 0px #FFFFFF;
    82 }
    83 
    84 SELECT {
    85     margin: 0px 5px;
    86     padding: 0px;
    87     background: none repeat scroll 0px 0px #FFFFFF;
    88     min-width: 150px;
    89     width: auto;
    90     height: 22px;
    91     border: 0px none;
    92     color: #000000 ! important;
    93     border-radius: 3px 0px 0px 3px;
    94 }
    95 
    96 LEGEND {
    97     font-style: normal;
    98     font-weight: 700;
    99     font-size: 110%;
    100     margin-top: 25px;
    101 }
    102 
    103 .properties LI {
    104     list-style: none outside none;
    105 }
    106 
    107 /*======================================================Header======================================================*/
    108 #header_bgDef {
    109     padding-top: 30px;
    110     background-image: url("images/background/bg4.png");
    111     background-color: #FFD11D;
    112     height: 140px;
    113     width: inherit;
    114 }
    115 
    116 #Header {
    117     background-image: url("images/bg_header.png");
    118     background-repeat: repeat-x;
    119     z-index: 10;
    120     display: block;
    121 }
    122 
    123 #header-content {
    124     position: relative;
    125     width: 92%;
    126     margin-left: auto;
    127     margin-right: auto;
    128 }
    129 
    130 #theHeader {
    131     display: block;
    132     position: absolute;
    133     right: 20px;
    134 }
    135 
    136 #logo {
    137     background: url("images/piwigo_org_logo.png") no-repeat scroll 0% 0% transparent;
    138     width: 500px;
    139     display: block;
    140     position: absolute;
    141     height: 100px;
    142     margin-top: 20px;
    143 }
    144 
    145 #headertransi {
    146     background: none repeat scroll 0px 0px #FFD11D;
    147     height: 12px;
    148 }
    149 
    150 #headertransiH {
    151     background-image: url("images/htransi.png");
    152     background-repeat: repeat-x;
    153     height: 10px;
    154 }
    155 
    156 #headertransiB {
    157     height: 2px;
    158     background-image: url("images/btransi.png");
    159     background-repeat: repeat;
    160 }
    161 
    162 /*======================================================Content======================================================*/
    163 #the_page {
    164     z-index: 100;
    165     width: 100%;
    166     height: 0px;
    167 }
    168 
    169 #bg_th_left {
    170     background-image: url("images/theme/sprite_theme_left.png");
    171     background-position: 0px 0px;
    172     width: 400px;
    173     height: 400px;
    174     float: left;
    175     position: absolute;
    176     z-index: -999;
    177 }
    178 
    179 .content .titrePage {
    180     position: relative;
    181 }
    182 
    183 .categoryActions {
    184     float: none;
    185     display: block;
    186     position: absolute;
    187     right: 10px;
    188 }
    189 
    190 #page_content {
    191     z-index: 100000;
    192     background: url("images/border_rigth.png") repeat-y scroll 0px 0px transparent;
    193     min-width: 680px;
    194     width: 80%;
    195     height: auto;
    196     min-height: 530px;
    197     margin: 2px auto 30px;
    198 }
    199 
    200 #page_content1 {
    201     background: url("images/bg_content.png") repeat scroll 0px 0px transparent;
    202     margin-left: 2px;
    203 }
    204 
    205 #page_content2 {
    206     background: url("images/border_rigth.png") repeat-y scroll right center transparent;
    207     padding-top: 10px;
    208     min-height: 500px;
    209     padding-bottom: 20px;
    210 }
    211 
    212 .content {
    213     margin-left: 5px;
    214     margin-right: 5px;
    215     margin-bottom: 30px;
    216     height: auto;
    217     padding-top: 50px;
    218 }
    219 
    220 H2 {
    221     color: #FFFFFF;
    222     background-image: url("images/border_dt.png");
    223     background-repeat: repeat-x;
    224     background-position: center bottom;
    225     height: 25px;
    226     margin: 0px 5px 5px;
    227     padding: 5px 0px 0px;
    228 }
    229 
    230 #fullTagCloud {
    231     background: url("images/bg_content.png") repeat scroll 0px 0px transparent;
    232     min-height: 500px;
    233 }
    234 
    235 .switchBox {
    236     background-color: gray;
    237     z-index: 1000;
    238     margin-top: 30px;
    239 }
    240 
    241 #sortOrderBox {
    242     width: 250px;
    243 }
    244 
    245 /*======================================================icon======================================================*/
    246 .pwg-icon {
    247     background-image: url("../default/s26/outline_ffffff.png");
    248 }
    249 
    250 A:hover .pwg-icon {
    251     background-image: url("../default/s26/outline_808080.png");
    252 }
    253 
    254 .pwg-icon-filter {
    255     background-image: url("../default/s26/outline_005e89.png");
    256 }
    257 
    258 /*======================================================Thumbnail page======================================================*/
    259 .thumbnailCategory {
    260     margin-left: auto;
    261     margin-right: auto;
    262 }
    263 
    264 .illustration {
    265     position: relative;
    266 }
    267 
    268 .content ul.thumbnails .wrap1 {
    269     display: inline-block;
    270     margin: 20px 20px 5px;
    271     text-align: center;
    272     vertical-align: top;
    273 }
    274 
    275 .content UL.thumbnails .wrap2 {
    276     height: 140px;
    277 }
    278 
    279 .content UL.thumbnails .wrap2 A {
    280     margin-top: 10px;
    281 }
    282 
    283 .thumbnail *:before {
    284     content: "";
    285 }
    286 
    287 .thumbnail {
    288     position: relative;
    289 }
    290 
    291 .thumbnail .description, .thumbnailCategory DIV.description {
    292     height: 80px;
    293     padding-top: 0px;
    294     background: none repeat scroll 0px 0px #000000;
    295     overflow: hidden;
    296     color: #FFFFFF;
    297     position: absolute;
    298     top: 0px;
    299     left: 0px;
    300     z-index: 100;
    301     opacity: 0;
    302     -moz-transition: bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;
    303     width: 100%;
    304 }
    305 
    306 .thumbnail:hover .description, .thumbnailCategory:hover DIV.description {
    307     background: none repeat scroll 0px 0px #000000;
    308     opacity: 0.65;
    309     -moz-transition: bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    310 }
    311 
    312 .thumbnails SPAN.thumbLegend {
    313     height: 80px;
    314 }
    315 
    316 /*======================================================Footer======================================================*/
    317 #footer {
    318     background-repeat: no-repeat;
    319     background-position: right center;
    320     width: 100%;
    321     bottom: 0px;
    322     height: 400px;
    323     position: fixed;
    324     top: 100%;
    325     margin: -400px auto 0px;
    326     z-index: -999;
    327 }
    328 
    329 #bg_th_right {
    330     background-image: url("images/theme/sprite_theme_right.png");
    331     background-position: 0px 0px;
    332     width: 400px;
    333     height: 400px;
    334     float: right;
    335 }
    336 
    337 #copyright {
    338     position: relative;
    339     background-color: transparent;
    340     text-align: left;
    341     padding-left: 30px;
    342     margin-bottom: 0px;
    343     float: left;
    344     height: 20px;
    345     padding-top: 380px;
    346 }
    347 
    348 /*======================================================Menu======================================================*/
    349 #menubar {
    350     width: 24em;
    351     margin-left: 0px;
    352 }
    353 
    354 #menubar UL {
    355     list-style-type: none;
    356     list-style-position: inside;
    357     padding: 0px 0px 0px 2px;
    358 }
    359 
    360 #menubar a, #menubar dt, div#menubar dl:hover dd, div#menubar ul li:hover ul, div#menubar ul ul li:hover ul, div#menubar ul ul ul li:hover ul, div#menubar ul ul ul ul li:hover ul, div#menubar ul ul ul ul ul li:hover ul {
    361     display: block;
    362 }
    363 
    364 input:focus {
    365     outline-style: none;
    366 }
    367 
    368 #menubar p {
    369     color: #757575;
    370 }
    371 
    372 #menu {
    373     color: #FFFFFF;
    374     height: 30px;
    375     line-height: 30px;
    376     padding: 0px;
    377     text-decoration: none;
    378     text-shadow: 0px 0px 2px #000000;
    379     text-transform: uppercase;
    380 }
    381 
    382 #nav_wrapper {
    383     position: absolute;
    384     height: 30px;
    385     min-width: 800px;
    386     width: 100%;
    387     margin: auto;
    388     background: url("images/menu/back_nav.png") repeat-x scroll 0px 0px transparent;
    389     z-index: 1000;
    390     top: 0px;
    391     left: 0px;
    392 }
    393 
    394 span#menu_start {
    395     background: url("images/menu/li_border.png") no-repeat scroll right top transparent;
    396     float: left;
    397     display: block;
    398     height: 30px;
    399     width: 85px;
    400 }
    401 
    402 span#menu_start a {
    403     background: url("images/menu/home_nav.png") no-repeat scroll left top transparent;
    404     width: 52px;
    405     height: 30px;
    406     text-indent: -9999px;
    407     padding: 0px;
    408     margin: 0px 20px 0px 25px;
    409     display: block;
    410     line-height: 46px;
    411 }
    412 
    413 span#menu_start a:hover {
    414     background-position: left -30px;
    415 }
    416 
    417 span#menu_start a:active {
    418     background-position: left -60px;
    419 }
    420 
    421 ul#topnav {
    422     background: url("images/menu/li_border.png") no-repeat scroll right top transparent;
    423     margin: 0px;
    424     padding: 0px 2px 0px 0px;
    425     list-style: none outside none;
    426     height: 30px;
    427     position: relative;
    428     z-index: 999;
    429     display: inline-block;
    430 }
    431 
    432 ul#topnav .liSub {
    433     float: left;
    434     position: relative;
    435     background: url("images/menu/li_border.png") no-repeat scroll right top transparent;
    436     padding-right: 2px;
    437 }
    438 
    439 ul#topnav span dt {
    440     padding: 0px 16px;
    441 }
    442 
    443 ul#topnav span dt:hover {
    444     background: url("images/menu/back_nav_hover.png") repeat-x scroll 0px 0px transparent;
    445 }
    446 
    447 #menuTagCloud a {
    448     color: #000000;
    449     text-decoration: none;
    450     text-shadow: none;
    451     z-index: 200;
    452 }
    453 
    454 .sub p {
    455     color: #4C4C4C;
    456     font-size: 13px;
    457     text-shadow: none;
    458     text-transform: none;
    459 }
    460 
    461 ul#topnav li .sub, ul#topnav li #loger {
    462     position: absolute;
    463     top: 30px;
    464     background: none repeat scroll 0px 0px #FFFFFF;
    465     padding: 5px 8px 10px;
    466     float: left;
    467     max-width: 100em;
    468     min-width: 200px;
    469     display: none;
    470     max-height: 500px;
    471     overflow: auto;
    472     border-bottom-right-radius: 10px;
    473     border-bottom-left-radius: 10px;
    474     box-shadow: 0px 0px 5px #5A5A5A;
    475     z-index: 0;
    476 }
    477 
    478 .level2, .level3, .level4, .level5 {
    479     border: medium none ! important;
    480 }
    481 
    482 ul#topnav li .sub {
    483     z-index: 100;
    484 }
    485 
    486 #quickconnect {
    487     width: 225px;
    488 }
    489 
    490 .mcol {
    491     width: 100%;
    492 }
    493 
    494 .menubarFilter {
    495     margin: 0px;
    496 }
    497 
    498 #menu_cat_act {
    499     border-bottom: 1px solid #CBCBCB;
    500     margin-bottom: 5px;
    501     height: 30px;
    502 }
    503 
    504 #filter {
    505     width: 26px;
    506     height: 26px;
    507     background: none repeat scroll 0px 0px transparent;
    508     padding-left: 2px;
    509 }
    510 
    511 #nbImg {
    512     height: 30px;
    513     float: right;
    514     line-height: 10px;
    515 }
    516 
    517 ul#topnav li .sub ul, ul#topnav #loger ul {
    518     list-style: none outside none;
    519     margin: 0px 5px 0px 8px;
    520     padding: 0px;
    521 }
    522 
    523 ul#topnav .sub ul li, ul#topnav #loger ul li, ul#topnav .sub #menuTagCloud div {
    524     width: 95%;
    525     color: #757575;
    526     background: none repeat scroll 0px 0px transparent;
    527     font-size: 10px;
    528     margin-bottom: 2px;
    529     border: 1px solid #CBCBCB;
    530     border-radius: 10px 10px 10px 10px;
    531 }
    532 
    533 ul#topnav .sub ul li.selected {
    534     text-decoration: none;
    535     border: 1px solid #CBCBCB;
    536     border-radius: 10px 10px 10px 10px;
    537 }
    538 
    539 ul#topnav .sub ul li.selected a, ul#topnav .sub ul li.selected a:hover {
    540     color: #4C4C4C;
    541     text-decoration: none;
    542     border: medium none;
    543 }
    544 
    545 ul#topnav .sub ul li.selected a {
    546     background: url("images/menu/navlist_arrow_hover.png") no-repeat scroll 0px 5px transparent;
    547 }
    548 
    549 ul#topnav .sub ul .level1 li, ul#topnav .sub ul .level1 li .selected {
    550     border: medium none;
    551     background-image: none;
    552 }
    553 
    554 ul#topnav .sub ul li a, ul#topnav #loger ul li a {
    555     float: none;
    556     text-indent: 0px;
    557     height: auto;
    558     background: url("images/menu/navlist_arrow.png") no-repeat scroll 0px 5px transparent;
    559     margin: 0px 8px;
    560     display: block;
    561     text-decoration: none;
    562     color: #757575;
    563     font-size: 1.1em;
    564     text-shadow: none;
    565     text-transform: none;
    566     line-height: 17px;
    567     padding: 0px 0px 0px 12px;
    568 }
    569 
    570 ul#topnav .sub ul li a:hover, ul#topnav .sub #menuTagCloud div a:hover {
    571     color: #4C4C4C;
    572     background: url("images/menu/navlist_arrow_hover.png") no-repeat scroll 0px 5px transparent;
    573     text-decoration: underline;
    574 }
    575 
    576 span.dd_wrapper, span.cl_wrapper, span.cc_wrapper, span dt {
    577     float: left;
    578     padding: 0px 16px 6px;
    579 }
    580 
    581 li.liSub:hover span.dd_wrapper, li.liSub:hover span.cl_wrapper, .activate {
    582     z-index: 100;
    583     background: url("images/menu/back_nav_hover.png") repeat-x scroll 0px 0px transparent;
    584     color: #C2C2C2;
    585     padding: 0px 16px 6px;
    586     text-shadow: none;
    587 }
    588 
    589 li.liSub:hover span.cc_wrapper {
    590     color: #8F8F8F;
    591 }
    592 
    593 .close {
    594     cursor: pointer;
    595     height: 16px;
    596     width: 16px;
    597     background: url("images/menu/close.png") no-repeat scroll 0px 0px transparent;
    598     float: right;
    599 }
    600 
    601 .close:hover {
    602     background: url("images/menu/close.png") no-repeat scroll 0px -16px transparent;
    603 }
    604 
    605 .sub {
    606     max-width: 600px;
    607 }
    608 
    609 #search {
    610     position: absolute;
    611     width: 240px;
    612     right: 0px;
    613     margin-top: 4px;
    614     height: 22px;
    615     display: inline-block;
    616 }
    617 
    618 #quicksearch {
    619     float: left;
    620     width: 240px;
    621 }
    622 
    623 #quicksearch input[type="text"] {
    624     float: left;
    625     background: url("images/menu/search.png") no-repeat scroll left top transparent;
    626     width: 172px;
    627     height: 22px;
    628     padding: 0px 0px 0px 4px;
    629     margin: 0px 1px 0px 0px;
    630     border: 0px none;
    631     font-size: 13px;
    632     color: #CCCCCC ! important;
    633     min-width: 0px;
    634 }
    635 
    636 #quicksearch input[type="text"]:hover {
    637     background-position: left bottom;
    638 }
    639 
    640 #quicksearch input[type="submit"] {
    641     float: left;
    642     padding: 0px;
    643     border: 0px none;
    644     height: 22px;
    645     width: 23px;
    646     background: url("images/menu/search.png") no-repeat scroll right top transparent;
    647     font-size: 13px;
    648     cursor: pointer;
    649     min-width: 0px;
    650     margin-left: 2px;
    651     border-radius: 0px 0px 0px 0px;
    652     box-shadow: none;
    653 }
    654 
    655 #quicksearch input[type="submit"]:hover {
    656     background-position: right bottom;
    657 }
    658 
    659 #loger {
    660     line-height: 25px;
    661     width: 220px;
    662     position: absolute;
    663     top: 30px;
    664     background: none repeat scroll 0px 0px #FFFFFF;
    665     padding: 10px;
    666     float: left;
    667     max-width: 100em;
    668     min-width: 200px;
    669     display: none;
    670     z-index: 0;
    671 }
    672 
    673 #loger p {
    674     color: #000000;
    675     margin-bottom: 20px;
    676     text-shadow: none;
    677 }
    678 
    679 #log {
    680     color: #000000;
    681     text-transform: none;
    682     text-shadow: none;
    683     margin-bottom: 20px;
    684 }
    685 
    686 ul#topnav li .sub ul#loged {
    687     width: 200px;
    688 }
    689 
    690 #log INPUT[type="password"] {
    691     border: 0px none;
    692     height: 22px;
    693     background: url("images/menu/password.png") no-repeat scroll left top transparent;
    694     width: 175px;
    695 }
    696 
    697 #log INPUT[type="password"]:hover {
    698     background-position: left bottom;
    699 }
    700 
    701 #log INPUT[type="text"] {
    702     border: 0px none;
    703     height: 22px;
    704     background: url("images/menu/user.png") no-repeat scroll left top transparent;
    705     width: 175px;
    706 }
    707 
    708 #log INPUT[type="text"]:hover {
    709     background-position: left bottom;
    710 }
    711 
    712 #go INPUT[type="submit"] {
    713     color: transparent;
    714     border: 0px none;
    715     height: 32px;
    716     width: 64px;
    717     min-width: inherit;
    718     background: url("images/menu/go.png") no-repeat scroll left top transparent;
    719     margin-left: 65px;
    720     margin-top: 20px;
    721     box-shadow: none;
    722     text-shadow: none;
    723 }
    724 
    725 #go INPUT[type="submit"]:hover {
    726     background-position: left bottom;
    727 }
    728 
    729 #topnav dt a:hover {
    730     color: #C2C2C2;
    731 }
    732116
    733117/*=========================================picture======================================================*/
    734 #thePicturePage #page_content {
    735     display: table;
    736 }
     118#thePicturePage #page_content{display:table}
     119#thePicturePage #page_content1{padding-left:20px}
     120#thePicturePage #page_content2{padding-right:20px}
     121#theImage > IMG{margin-top:20px;margin-bottom:20px;position:relative}
     122#imageHeaderBar{margin:0 0 20px;padding:50px 0 0}
     123#groupbuttons{margin:auto;width:200px}
     124#slideshow #groupbuttons{width:30px}
     125#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
     126#imgContent{position:relative;display:table;margin:auto}
     127.navThumbs,#imgHoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
     128#imgHoverNav a{outline:medium none}
     129#imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{width:48%;height:100%;display:block;border:medium none!important;opacity:0;position:relative}
     130#imgPrevHov{left:0;float:left;margin-left:3px;background:url(images/picture/imgPrevHover.png) no-repeat scroll left 45% transparent}
     131#imgNextHov{right:0;float:right;margin-right:3px;background:url(images/picture/imgNextHover.png) no-repeat scroll right 45% transparent}
     132#thumbPrevHov{left:0;float:left;background:none repeat scroll 0 0 transparent}
     133#thumbNextHov{right:0;float:right;background:none repeat scroll 0 0 transparent}
     134#imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{opacity:1}
     135.linkPrev{position:absolute;left:-80px;top:40%}
     136.linkNext{position:absolute;right:-80px;top:40%}
     137.imageNumber{text-align:right;margin-right:20px}
    737138
    738 #thePicturePage #page_content1 {
    739     padding-left: 20px;
    740 }
     139/*=========================================comment on picture page======================================================*/
     140#comments{overflow-y:auto;overflow-x:hidden;width:880px;margin:auto;text-align:left;padding-bottom:40px}
     141#pictcomm{margin-bottom:50px;width:99%;height:190px;background:none repeat scroll 0 0 #7F7E7E;float:left}
     142.commentElement{background:url(images/bg_content.png) repeat scroll 0 0 transparent;margin-bottom:20px;padding-bottom:10px}
     143.filter{margin-bottom:50px}
     144#pictcomm ul{list-style-type:none}
     145.even,.odd{color:#FFF}
     146.odd{padding-top:10px}
     147.thumbnailCategories1{padding:0}
     148.thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0}
     149.author,.date{color:#C5C5C5}
     150#adcomm{margin-bottom:30px}
     151.addcom{float:none!important;margin-right:0!important}
     152#addComment FIELDSET{margin:0;padding:0;border:medium none;background:none repeat scroll 0 0 transparent}
     153#contentid{border:medium none;background:none repeat scroll 0 0 #7F7E7E;margin:0 auto 20px}
     154#comcontent{width:750px;padding-left:5px;padding-top:5px}
     155#scrollbar1{width:97%;margin:5px 0 10px}
     156#scrollbar1 .viewport{height:170px;overflow:hidden;position:relative}
     157#scrollbar1 .overview{list-style:none outside none;position:absolute;left:0;top:0;padding:0;margin:0;width:96%}
     158#scrollbar1 .scrollbar{background:url(images/picture/bg-scrollbar-track-y1.png) no-repeat scroll 0 0 transparent;position:relative;float:right;width:6px;margin-top:40px}
     159#scrollbar1 .track{background:url(images/picture/bg-scrollbar-end-y1.png) no-repeat scroll 0 100% transparent;height:100%;width:3px;position:relative;padding:0 1px}
     160#scrollbar1 .thumb{background:url(images/picture/bg-scrollbar-thumb-y1.png) no-repeat scroll 50% 50% transparent;height:0;width:15px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:-6px}
     161#scrollbar1 .thumb .end{overflow:hidden;height:5px;width:3px}
     162#scrollbar1 .disable{display:none}
    741163
    742 #thePicturePage #page_content2 {
    743     padding-right: 20px;
    744 }
    745 
    746 #theImage > IMG {
    747     margin-top: 20px;
    748     margin-bottom: 20px;
    749     position: relative;
    750 }
    751 
    752 #imageHeaderBar {
    753     margin: 0px 0px 20px;
    754     padding: 50px 0px 0px;
    755 }
    756 
    757 #groupbuttons {
    758     margin: auto;
    759     width: 200px;
    760 }
    761 
    762 #slideshow #groupbuttons {
    763     width: 30px;
    764 }
    765 
    766 #imgContainer {
    767     position: relative;
    768     margin-left: auto;
    769     margin-right: auto;
    770     text-align: left;
    771 }
    772 
    773 #imgContent {
    774     position: relative;
    775     display: table;
    776     margin: auto;
    777 }
    778 
    779 .navThumbs, #imgHoverNav {
    780     position: absolute;
    781     top: 0px;
    782     left: 0px;
    783     height: 100%;
    784     width: 100%;
    785     z-index: 10;
    786 }
    787 
    788 #imgHoverNav a {
    789     outline: medium none;
    790 }
    791 
    792 #imgPrevHov, #imgNextHov, #thumbPrevHov, #thumbNextHov {
    793     width: 48%;
    794     height: 100%;
    795     display: block;
    796     border: medium none ! important;
    797     opacity: 0;
    798     position: relative;
    799 }
    800 
    801 #imgPrevHov {
    802     left: 0px;
    803     float: left;
    804     margin-left: 3px;
    805     background: url("images/picture/imgPrevHover.png") no-repeat scroll left 45% transparent;
    806 }
    807 
    808 #imgNextHov {
    809     right: 0px;
    810     float: right;
    811     margin-right: 3px;
    812     background: url("images/picture/imgNextHover.png") no-repeat scroll right 45% transparent;
    813 }
    814 
    815 #thumbPrevHov {
    816     left: 0px;
    817     float: left;
    818     background: none repeat scroll 0px 0px transparent;
    819 }
    820 
    821 #thumbNextHov {
    822     right: 0px;
    823     float: right;
    824     background: none repeat scroll 0px 0px transparent;
    825 }
    826 
    827 #imgPrevHov:hover, #imgNextHov:hover, #thumbPrevHov:hover, #thumbNextHov:hover {
    828     opacity: 1;
    829 }
    830 
    831 .linkPrev {
    832     position: absolute;
    833     left: -80px;
    834     top: 40%;
    835 }
    836 
    837 .linkNext {
    838     position: absolute;
    839     right: -80px;
    840     top: 40%;
    841 }
    842 
    843 .imageNumber {
    844     text-align: right;
    845     margin-right: 20px;
    846 }
    847 
    848 /*=========================================comment on picture page======================================================*/
    849 #comments {
    850     overflow-y: auto;
    851     overflow-x: hidden;
    852     width: 880px;
    853     margin: auto;
    854     text-align: left;
    855     padding-bottom: 40px;
    856 }
    857 
    858 #pictcomm {
    859     margin-bottom: 50px;
    860     width: 99%;
    861     height: 190px;
    862     background: none repeat scroll 0px 0px #7F7E7E;
    863     float: left;
    864 }
    865 
    866 .commentElement {
    867     background: url("images/bg_content.png") repeat scroll 0px 0px transparent;
    868     margin-bottom: 20px;
    869     padding-bottom: 10px;
    870 }
    871 
    872 .filter {
    873     margin-bottom: 50px;
    874 }
    875 
    876 #pictcomm ul {
    877     list-style-type: none;
    878 }
    879 
    880 .even, .odd {
    881     color: #FFFFFF;
    882 }
    883 
    884 .odd {
    885     padding-top: 10px;
    886 }
    887 
    888 .thumbnailCategories1 {
    889     padding: 0px;
    890 }
    891 
    892 .thumbnailCategories1 LI {
    893     width: 100%;
    894     float: none;
    895     margin: 0px;
    896     padding: 0px;
    897 }
    898 
    899 .author, .date {
    900     color: #C5C5C5;
    901 }
    902 
    903 #adcomm {
    904     margin-bottom: 30px;
    905 }
    906 
    907 .addcom {
    908     float: none ! important;
    909     margin-right: 0px ! important;
    910 }
    911 
    912 #addComment FIELDSET {
    913     margin: 0px;
    914     padding: 0px;
    915     border: medium none;
    916     background: none repeat scroll 0px 0px transparent;
    917 }
    918 
    919 #contentid {
    920     border: medium none;
    921     background: none repeat scroll 0px 0px #7F7E7E;
    922     margin: 0px auto 20px;
    923 }
    924 
    925 #comcontent {
    926     width: 750px;
    927     padding-left: 5px;
    928     padding-top: 5px;
    929 }
    930 
    931 #scrollbar1 {
    932     width: 97%;
    933     margin: 5px 0px 10px;
    934 }
    935 
    936 #scrollbar1 .viewport {
    937     height: 170px;
    938     overflow: hidden;
    939     position: relative;
    940 }
    941 
    942 #scrollbar1 .overview {
    943     list-style: none outside none;
    944     position: absolute;
    945     left: 0px;
    946     top: 0px;
    947     padding: 0px;
    948     margin: 0px;
    949     width: 96%;
    950 }
    951 
    952 #scrollbar1 .scrollbar {
    953     background: url("images/picture/bg-scrollbar-track-y1.png") no-repeat scroll 0px 0px transparent;
    954     position: relative;
    955     float: right;
    956     width: 6px;
    957     margin-top: 40px;
    958 }
    959 
    960 #scrollbar1 .track {
    961     background: url("images/picture/bg-scrollbar-end-y1.png") no-repeat scroll 0px 100% transparent;
    962     height: 100%;
    963     width: 3px;
    964     position: relative;
    965     padding: 0px 1px;
    966 }
    967 
    968 #scrollbar1 .thumb {
    969     background: url("images/picture/bg-scrollbar-thumb-y1.png") no-repeat scroll 50% 50% transparent;
    970     height: 0px;
    971     width: 15px;
    972     cursor: pointer;
    973     overflow: hidden;
    974     position: absolute;
    975     top: 0px;
    976     left: -6px;
    977 }
    978 
    979 #scrollbar1 .thumb .end {
    980     overflow: hidden;
    981     height: 5px;
    982     width: 3px;
    983 }
    984 
    985 #scrollbar1 .disable {
    986     display: none;
    987 }
    988 
    989 /*======================================================panel on picture page======================================================*/
    990 .panel {
    991     position: fixed;
    992     top: 115px;
    993     left: 0px;
    994     display: none;
    995     border: 1px solid #111111;
    996     border-top-right-radius: 20px;
    997     border-bottom-right-radius: 20px;
    998     min-width: 330px;
    999     height: auto;
    1000     padding: 10px 30px 30px 20px;
    1001     z-index: 100;
    1002     background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.7);
    1003 }
    1004 
    1005 .panel p {
    1006     margin: 0px 0px 15px;
    1007     padding: 0px;
    1008     color: #CCCCCC;
    1009 }
    1010 
    1011 a.trigger {
    1012     position: fixed;
    1013     text-decoration: none;
    1014     top: 130px;
    1015     left: 0px;
    1016     font-size: 14px;
    1017     letter-spacing: -1px;
    1018     font-family: verdana,helvetica,arial,sans-serif;
    1019     color: #FFFFFF;
    1020     padding: 10px 30px 10px 5px;
    1021     font-weight: 700;
    1022     background: url("images/picture/plus.png") no-repeat scroll 85% 55% #333333;
    1023     border: 1px solid #444444;
    1024     border-top-right-radius: 15px;
    1025     border-bottom-right-radius: 15px;
    1026     display: block;
    1027     z-index: 100000;
    1028 }
    1029 
    1030 a.trigger:hover {
    1031     background-color: #222222;
    1032 }
    1033 
    1034 a.active.trigger {
    1035     background: url("images/picture/minus.png") no-repeat scroll 85% 55% #222222;
    1036 }
    1037 
    1038 .columns {
    1039     clear: both;
    1040     width: 330px;
    1041     padding: 0px 0px 20px;
    1042     line-height: 22px;
    1043 }
    1044 
    1045 .colleft {
    1046     float: left;
    1047     width: 130px;
    1048     line-height: 22px;
    1049 }
    1050 
    1051 .colright {
    1052     float: right;
    1053     width: 130px;
    1054     line-height: 22px;
    1055 }
    1056 
    1057 .panel ul li {
    1058     list-style-type: none;
    1059 }
    1060 
    1061 .panel ul {
    1062     padding: 0px;
    1063     margin: 0px;
    1064 }
    1065 
    1066 .panel .value {
    1067     padding-right: 5px;
    1068 }
    1069 
    1070 .rateButtonStarFull {
    1071     background: url("icon/rating-stars.gif") no-repeat scroll -16px center transparent;
    1072     width: 16px;
    1073 }
    1074 
    1075 .rateButtonStarEmpty {
    1076     background: url("icon/rating-stars.gif") no-repeat scroll 0px center transparent;
    1077     width: 16px;
    1078 }
    1079 
    1080 #rating {
    1081     margin: 5px 0px;
    1082 }
    1083 
    1084 #imageToolBar {
    1085     margin: 50px 0px 20px;
    1086     text-align: left;
    1087 }
    1088 
    1089 #imageToolBar li {
    1090     list-style-type: none;
    1091 }
    1092 
    1093 TABLE#standard, TABLE#Metadata {
    1094     font-size: 80%;
    1095 }
    1096 
    1097 .infoTable .label, .infoTable2 .label {
    1098     text-align: left;
    1099 }
    1100 
    1101 .infoTable .value a, .infoTable .value, .infoTable2 .value a, .infoTable2 .value {
    1102     color: silver;
    1103 }
    1104 
    1105 TABLE#Metadata th {
    1106     font-size: 120%;
    1107     color: #FFFFFF;
    1108     padding-bottom: 10px;
    1109     text-align: left;
    1110 }
    1111 
    1112 .panel .switchBox {
    1113     top: 60px;
    1114 }
     164/*======================================================panel on picture page======================================================*/
     165.panel{position:fixed;top:115px;left:0;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;min-width:330px;height:auto;padding:10px 30px 30px 20px;z-index:100;background:none repeat scroll 0 0 rgba(0,0,0,0.7)}
     166.panel p{margin:0 0 15px;padding:0;color:#CCC}
     167a.trigger{position:fixed;text-decoration:none;top:130px;left:0;font-size:14px;letter-spacing:-1px;font-family:verdana,helvetica,arial,sans-serif;color:#FFF;padding:10px 30px 10px 5px;font-weight:700;background:url(images/picture/plus.png) no-repeat scroll 85% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000}
     168a.trigger:hover{background-color:#222}
     169a.active.trigger{background:url(images/picture/minus.png) no-repeat scroll 85% 55% #222}
     170.columns{clear:both;width:330px;padding:0 0 20px;line-height:22px}
     171.colleft{float:left;width:130px;line-height:22px}
     172.colright{float:right;width:130px;line-height:22px}
     173.panel ul li{list-style-type:none}
     174.panel ul{padding:0;margin:0}
     175.panel .value{padding-right:5px}
     176.rateButtonStarFull{background:url(icon/rating-stars.gif) no-repeat scroll -16px center transparent;width:16px}
     177.rateButtonStarEmpty{background:url(icon/rating-stars.gif) no-repeat scroll 0 center transparent;width:16px}
     178#rating{margin:5px 0}
     179#imageToolBar{margin:50px 0 20px;text-align:left}
     180#imageToolBar li{list-style-type:none}
     181TABLE#standard,TABLE#Metadata{font-size:80%}
     182.infoTable .label,.infoTable2 .label{text-align:left}
     183.infoTable .value a,.infoTable .value,.infoTable2 .value a,.infoTable2 .value{color:silver}
     184TABLE#Metadata th{font-size:120%;color:#FFF;padding-bottom:10px;text-align:left}
     185.panel .switchBox{top:60px}
    1115186
    1116187/*======================================================plugin======================================================*/
    1117 .contact-form-content {
    1118     background: url("images/bg_content.png") repeat scroll 0px 0px transparent;
    1119 }
     188.contact-form-content{background:url(images/bg_content.png) repeat scroll 0 0 transparent}
     189#mbContact dd{padding:0!important}

  • extensions/PwgCarbon_dft/themeconf.inc.php

    r19044 r19209  
    2121        'local_head'                            => 'local_head.tpl',
    2222        'icon_dir'                                      => 'themes/PwgCarbon_dft/icon/',
     23
    2324        );
    2425
    … …  
    3536
    3637
     38
    3739 
    3840 
Note: See TracChangeset for help on using the changeset viewer.