Changeset 2834 in products


Ignore:
Timestamp:
Sep 17, 2010 7:01:48 PM (10 years ago)
Author:
gvizdyk
Message:

registered resource for pictures, added picture, written style for 'dropdownmenu', cleaned templates

Location:
quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser
Files:
2 added
4 edited

Legend:

Unmodified
Added
Removed
  • quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser/configure.zcml

    r1197 r2834  
    4949      /> 
    5050 
     51<!-- Resource directory for images --> 
     52  <browser:resourceDirectory 
     53      name="quintagroup.dropdownmenu.images" 
     54      directory="images" 
     55      layer="..interfaces.IDropDownMenuLayer" 
     56      /> 
     57 
    5158</configure> 
  • quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser/resources/drop_down.css

    r1194 r2834  
    33body { 
    44  behavior:url("/@@csshover.htc"); 
    5 } 
     5  } 
     6#portal-top { 
     7  z-index:1; 
     8  } 
    69 
     10/*---------- BASIC STYLE one level ----------*/ 
     11#portal-globalnav { 
     12  list-style-image:none; 
     13  position:relative; /* fix ie */ 
     14  zoom:1; /* fix ie */ 
     15  } 
     16#portal-globalnav:after { 
     17  content:""; 
     18  clear:both; 
     19  display:block; 
     20  visibility:hidden; 
     21  } 
     22#portal-globalnav li { 
     23  display:block; 
     24  float:left; 
     25  position:relative; 
     26  } 
     27#portal-globalnav li a { 
     28  display:block; 
     29  } 
     30#portal-globalnav li.selected a, 
     31#portal-globalnav li.selected a:hover { 
     32  background-color:#205C90; 
     33  color:#fff; 
     34  } 
    735 
    8 /*             ------  Basic style  ------             */ 
    9 #portal-globalnav ul { 
    10         margin: 0; 
    11         padding: 0; 
    12         border: 0; 
    13         list-style-type: none; 
    14 } 
    15  
    16 #portal-globalnav li { 
    17         margin: 0; 
    18         padding: 0; 
    19         border: 0; 
    20         display: inline; 
    21         float: left; 
    22         z-index: 10000; 
    23         position: relative; 
    24 } 
    25  
    26 #portal-globalnav a { 
    27         float: left;/* \*/float: none;/*  */ 
    28         display: block; 
    29 } 
    30  
     36/*----- DropDown -----*/ 
    3137#portal-globalnav li ul { 
    32         visibility: hidden; 
    33         position: absolute; 
    34         width: 20em; 
    35 } 
    36  
    37 #portal-globalnav li ul li { 
    38         width: 100%; 
    39         display: block; 
    40         float: left; 
    41         position: static; 
    42 } 
    43  
    44 #portal-globalnav li ul li a { 
    45         width: 100%; 
    46 } 
    47  
    48 html>body #portal-globalnav li ul li { 
    49         float: none; 
    50         position: relative; 
    51 } 
    52  
    53 #portal-globalnav .csshover li ul li:hover { 
    54         position: relative; 
    55 } 
    56  
    57  
    58 /* fix the position */ 
    59 #portal-globalnav li ul li ul { 
    60         top: 0; 
    61         left: 100%; 
    62 } 
    63  
    64  
    65  
    66 /* simulate child selector for IE */ 
    67 div#portal-globalnav .csshover li:hover ul, #portal-globalnav .csshover li:hover li:hover ul, #portal-globalnav .csshover li:hover li:hover li:hover ul, #portal-globalnav .csshover li:hover li:hover li:hover li:hover ul { 
    68         visibility: visible; 
    69 } 
    70 #portal-globalnav .csshover li:hover li ul, #portal-globalnav .csshover li:hover li:hover li ul, #portal-globalnav .csshover li:hover li:hover li:hover li ul, #portal-globalnav .csshover li:hover li:hover li:hover li:hover li ul {  
    71         visibility: hidden; 
    72 } 
    73  
    74 /* do the normal show, with increased specificity */ 
    75 #portal-globalnav ul#portal-globalnavList .csshover li:hover > ul { 
    76        visibility: visible; 
    77 } 
    78  
    79 /*     ------   Make-up --------            */ 
    80  
    81 #portal-globalnav li.invisibleHeightKeeper { 
    82         visibility: hidden; 
    83         float: none; 
    84 } 
    85  
    86 #portal-globalnav .csshover ul li ul li a:hover, 
    87 #portal-globalnav .csshover ul li ul li:hover a { 
    88         color: #436976; 
    89 } 
    90  
    91 #portal-globalnav ul li ul li a { 
    92         border-style: none; 
    93         margin-right: 0em; 
    94 } 
    95  
    96 #portal-globalnav ul li ul { 
    97         border: 1px solid #8cacbb; 
    98         padding-bottom: 1px; 
    99         overflow: hidden; 
    100 } 
    101  
    102 #portal-globalnav .csshover ul li:hover ul li:hover ul  a { 
    103         color: #436976; 
    104 } 
    105  
    106 /* latest changes */ 
    107  
    108 #portal-globalnav ul { 
    109         font-size: 8pt; 
    110         list-style-type: none; 
    111         list-style-image: none; 
    112 } 
    113  
     38  display:none; 
     39  left:0; 
     40  position:absolute; 
     41  top:100%; 
     42  } 
     43#portal-globalnav li:hover > ul { 
     44  display:block; 
     45  } 
    11446#portal-globalnav ul li { 
    115         padding: 0; 
    116         margin: 0; 
    117         line-height: normal; 
    118 } 
    119  
    120 #portal-globalnav ul li.selected a, 
    121 #portal-globalnav .csshover ul li a:hover { 
    122         background-color: #dee7ec; 
    123         color: #436976; 
    124 } 
    125  
    126 #portal-globalnav .csshover ul li:hover ul { 
    127         margin: 0; 
    128         border: 1px solid #8cacbb; 
    129         background-color: White; 
    130         overflow: visible; 
    131 } 
    132  
    133 #portal-globalnav .csshover ul li:hover ul li { 
    134         padding: 0; 
    135         margin: 0; 
    136 } 
    137  
    138 #portal-globalnav .csshover ul li:hover ul li a { 
    139         color: #436976 !important; 
    140         margin: 0; 
    141         line-height: normal; 
    142         width: auto; 
    143 } 
    144  
    145 #portal-globalnav .csshover ul li ul li a:hover { 
    146         background-image: none; 
    147 } 
    148  
    149 .kupu-fulleditor-zoomed #portal-globalnav { 
    150         display: none; 
    151 } 
    152  
    153 /*Configlet styles************************************************************/ 
    154  
    155 .ieVisible {display: none;} 
    156  
    157 * html .ieHidden {display: none;} 
    158  
    159 * html .ieVisible {display: block;} 
     47  float:none; 
     48  margin:0; 
     49  } 
     50#portal-globalnav ul li a { 
     51  background-color:#ddd; 
     52  border-top:1px solid #fff; 
     53  height:auto; 
     54  padding:0.5em 1.5em 0.5em 1em; 
     55  width:12em; 
     56  } 
     57#portal-globalnav li.selected ul li a { 
     58  background-color:#ddd; 
     59  color:#205C90; 
     60  } 
     61#portal-globalnav li ul ul { 
     62  top:0; 
     63  left:100%; 
     64  } 
     65#portal-globalnav ul li a.hasChildrens { 
     66  background-image:url(++resource++quintagroup.dropdownmenu.images/ddm-pointer.gif); 
     67  background-position:100% 50%; 
     68  background-repeat:no-repeat; 
     69  background-color:#ddd; 
     70  } 
     71#portal-globalnav ul li a.hasChildrens:hover { 
     72  background-image:url(++resource++quintagroup.dropdownmenu.images/ddm-pointer.gif); 
     73  background-position:100% 50%; 
     74  background-repeat:no-repeat; 
     75  background-color:#205C90; 
     76  } 
  • quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser/templates/sections.pt

    r2702 r2834  
    11<tal:tabs tal:condition="view/portal_tabs" 
    22          i18n:domain="plone"> 
    3     <h5 class="hiddenStructure" i18n:translate="heading_sections">Sections</h5> 
    4     <div id="portal-globalnav"> 
    5         <div class="csshover"> 
    6             <ul class="globalSections"> 
    7                 <li tal:replace="structure view/createMenu"> 
    8                     DropDown Menu 
    9                 </li> 
    10                 <li class="invisibleHeightKeeper">&nbsp;</li> 
    11             </ul> 
    12         </div> 
    13       <div class="visualClear"><!-- --></div> 
    14     </div> 
     3    <ul id="portal-globalnav"> 
     4        <li tal:replace="structure view/createMenu"> 
     5            DropDown Menu 
     6        </li> 
     7    </ul> 
    158</tal:tabs> 
  • quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser/templates/sections_recurse.pt

    r2699 r2834  
    1818                li_folder_class python:show_children and ' globalSectionsFolderish' or ''; 
    1919                item_type       node/normalized_portal_type | nothing; 
    20                 li_class string:globalSectionsItem visualNoMarker${li_class}${li_extr_class}${li_folder_class}" 
    21     tal:attributes="class python:children and li_class+' hasChildrens' or li_class"> 
     20                li_class string:globalSectionsItem visualNoMarker${li_class}${li_extr_class}${li_folder_class}; 
     21                li_class python:children and li_class+' hasChildrens' or li_class" 
     22    tal:attributes="class li_class"> 
    2223 
    2324    <tal:level define="show_icons view/conf/show_icons; 
Note: See TracChangeset for help on using the changeset viewer.