@@ -64,6 +64,10 @@ body {
6464
6565/* Demos */
6666
67+ .normal h3 .demo-header { font-size : 32px ; padding : 0 0 5px ; border-bottom : 1px solid # eeetext-transform : capitalize; }
68+
69+ .normal h4 .demo-subheader { font-size : 10px ; text-transform : uppercase; color : # 999padding : 8px 0 3px ; border : 0 ; margin : 0 ; }
70+
6771.demos-nav , .demos-nav dt , .demos-nav dd {
6872 margin : 0 ;
6973 padding : 0
@@ -104,3 +108,53 @@ body {
104108 background : # EAEAEA
105109 border-color : # BBBBBB
106110}
111<
8000
code class="diff-text syntax-highlighted-line addition">+
112+ /* new styles for demo pages, added by Filament 12.29.08
113+ eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts
114+ */
115+
116+ .normal a : link ,
117+ .normal a : visited { color : # 1b75bbtext-decoration : none; }
118+ .normal a : hover ,
119+ .normal a : active { color : # 0b559b
120+
121+ # demo-config { padding : 20px 0 0 ; }
122+
123+ # demo-frame { float : left; width : 520px ; height : 300px ; border : 1px solid # ddd
124+
125+ # demo-config-menu { float : right; width : 150px ; }
126+ # demo-config-menu h4 { font-size : 13px ; color : # 666font-weight : normal; border : 0 ; padding-left : 18px ; }
127+
128+ # demo-config-menu li { font-size : 11px ; padding : 0 0 0 10px ; margin : 3px 0 ; zoom : 1 ; }
129+
130+ # demo-config-menu li a : link ,
131+ # demo-config-menu li a : visited { display : block; padding : 2px 8px 3px ; border-bottom : 1px dotted # b3b3b3
132+ # demo-config-menu li a : hover ,
133+ # demo-config-menu li a : active { background-color : # f6f6f6
134+
135+ # demo-config-menu li .demo-config-on { background : url (images/demo-config-on-tile.gif) repeat-x left center; }
136+
137+ # demo-config-menu li .demo-config-on a : link ,
138+ # demo-config-menu li .demo-config-on a : visited ,
139+ # demo-config-menu li .demo-config-on a : hover ,
140+ # demo-config-menu li .demo-config-on a : active { background : url (images/demo-config-on.gif) no-repeat left; padding-left : 18px ; color : # fffborder : 0 ; margin-left : -10px ; }
141+
142+ # demo-source , # demo-notes { clear : both; padding : 20px 0 0 ; }
143+
144+ # demo-notes { width : 520px ; color : # 333
145+ # demo-notes code { padding-left : 20px ; }
146+
147+ # demo-source a : link ,
148+ # demo-source a : visited ,
149+ # demo-source a : hover ,
150+ # demo-source a : active { font-size : 12px ; padding-left : 13px ; background-position : left center; background-repeat : no-repeat; }
151+
152+ # demo-source a .source-open : link ,
153+ # demo-source a .source-open : visited ,
154+ # demo-source a .source-open : hover ,
155+ # demo-source a .source-open : active { background-image : url (images/demo-spindown-open.gif); }
156+
157+ # demo-source a .source-closed : link ,
158+ # demo-source a .source-closed : visited ,
159+ # demo-source a .source-closed : hover ,
160+ # demo-source a .source-closed : active { background-image : url (images/demo-spindown-closed.gif); }
0 commit comments