/[svn]/doc/tmpl/css/main.css
ViewVC logotype

Diff of /doc/tmpl/css/main.css

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 3267 by schoenebeck, Thu Jun 1 16:05:18 2017 UTC revision 3272 by schoenebeck, Sat Jun 3 15:38:32 2017 UTC
# Line 12  html { Line 12  html {
12      font-weight:200;      font-weight:200;
13      font-size:17px;      font-size:17px;
14      line-height:1.2;      line-height:1.2;
15        background-color:#c1b5b5;
16  }  }
17    
18  body {  body {
# Line 27  body { Line 28  body {
28      -webkit-text-size-adjust:100%;      -webkit-text-size-adjust:100%;
29  }  }
30    
31    .no-effect {
32        -webkit-transition: none !important;
33           -moz-transition: none !important;
34            -ms-transition: none !important;
35             -o-transition: none !important;
36                transition: none !important;
37    }
38    
39    
40    
41  /* top most header strip */  /* top most header strip */
# Line 83  header > menu a { Line 92  header > menu a {
92              transition: text-shadow 0.9s linear, color 0.9s linear;              transition: text-shadow 0.9s linear, color 0.9s linear;
93  }  }
94    
95  header > menu a:hover {  .no-touch header > menu a:hover,
96    .touch header > menu a:focus,
97    .touch header > menu a:active
98    {
99      color:#ffffff;      color:#ffffff;
100      text-shadow: 0px 0px 13px #ff9999;      text-shadow: 0px 0px 13px #ff9999;
101      -webkit-transition: text-shadow 0.31s, color 0.31s; /* Safari */      -webkit-transition: text-shadow 0.31s, color 0.31s; /* Safari */
# Line 116  nav { Line 128  nav {
128      background:    -moz-linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* For Firefox 3.6 to 15 */      background:    -moz-linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* For Firefox 3.6 to 15 */
129      background:         linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* Standard syntax */      background:         linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* Standard syntax */
130      box-shadow: 0px 10px 8px rgba(15,15,15,0.25);      box-shadow: 0px 10px 8px rgba(15,15,15,0.25);
131    
132        -webkit-transition: -webkit-transform 0.16s ease, padding-left 0.2s ease;
133             -o-transition:      -o-transform 0.16s ease, padding-left 0.2s ease;
134            -ms-transition:     -ms-transform 0.16s ease, padding-left 0.2s ease;
135           -moz-transition:    -moz-transform 0.16s ease, padding-left 0.2s ease;
136                transition:         transform 0.16s ease, padding-left 0.2s ease;
137    }
138    
139    .no-effect nav {
140        -webkit-transition: none !important;
141           -moz-transition: none !important;
142            -ms-transition: none !important;
143             -o-transition: none !important;
144                transition: none !important;
145    }
146    
147    .no-toc nav {
148        padding-left:56px;
149    
150        -webkit-transition: -webkit-transform 0.16s ease, padding-left 0.2s ease;
151             -o-transition:      -o-transform 0.16s ease, padding-left 0.2s ease;
152            -ms-transition:     -ms-transform 0.16s ease, padding-left 0.2s ease;
153           -moz-transition:    -moz-transform 0.16s ease, padding-left 0.2s ease;
154                transition:         transform 0.16s ease, padding-left 0.2s ease;
155    }
156    
157    .no-effect
158    .no-toc nav {
159        -webkit-transition: none !important;
160           -moz-transition: none !important;
161            -ms-transition: none !important;
162             -o-transition: none !important;
163                transition: none !important;
164    }
165    
166    nav > div.foldbtn {
167        display:block;
168        position:fixed;
169        top:33;
170        left:10;
171        color:#998952;
172        font-weight:200;
173        font-size:28px;
174  }  }
175    
176  nav > ul {  nav > ul {
# Line 132  nav > ul > li { Line 187  nav > ul > li {
187      padding:4px 4px 4px 3px;      padding:4px 4px 4px 3px;
188  }  }
189    
190  nav > ul > li:hover {  .no-touch nav > ul > li:hover,
191    .touch nav > ul > li.active
192    {
193      color:white;      color:white;
194      background-color:rgba(80,80,80,0.5);      background-color:rgba(80,80,80,0.5);
195      border-left-style:solid;      border-left-style:solid;
# Line 152  nav > ul > li:last-child { Line 209  nav > ul > li:last-child {
209      font-weight:500;      font-weight:500;
210  }  }
211    
212  nav > ul > li:last-child:hover {  .no-touch nav > ul > li:last-child:hover,
213    .touch nav > ul > li:last-child.active
214    {
215      color:white;      color:white;
216  }  }
217    
# Line 232  nav > ul > li ul { /* rule extension for Line 291  nav > ul > li ul { /* rule extension for
291              transition:         transform 0.16s ease, opacity 0.2s ease;              transition:         transform 0.16s ease, opacity 0.2s ease;
292  }  }
293    
294  .hasTransform  
295  nav > ul > li:hover ul { /* rule extension for drop down menu */  .no-touch .hasTransform nav > ul > li:hover ul,
296    .touch .hasTransform nav > ul > li.active ul
297    { /* rule extension for drop down menu */
298      display:block;      display:block;
299      opacity:1;      opacity:1;
300    
# Line 307  aside { Line 368  aside {
368      -webkit-border-bottom-left-radius: 11px;      -webkit-border-bottom-left-radius: 11px;
369      -moz-border-radius-bottomleft: 11px;      -moz-border-radius-bottomleft: 11px;
370      border-bottom-left-radius: 11px;      border-bottom-left-radius: 11px;
371    
372        -webkit-transition: -webkit-transform 0.16s ease, width 0.2s ease;
373             -o-transition:      -o-transform 0.16s ease, width 0.2s ease;
374            -ms-transition:     -ms-transform 0.16s ease, width 0.2s ease;
375           -moz-transition:    -moz-transform 0.16s ease, width 0.2s ease;
376                transition:         transform 0.16s ease, width 0.2s ease;
377    }
378    
379    .no-effect aside {
380        -webkit-transition: none !important;
381           -moz-transition: none !important;
382            -ms-transition: none !important;
383             -o-transition: none !important;
384                transition: none !important;
385    }
386    
387    .no-toc aside {
388        overflow:hidden;
389        width:0;
390    
391        -webkit-transition: -webkit-transform 0.16s ease, width 0.2s ease;
392             -o-transition:      -o-transform 0.16s ease, width 0.2s ease;
393            -ms-transition:     -ms-transform 0.16s ease, width 0.2s ease;
394           -moz-transition:    -moz-transform 0.16s ease, width 0.2s ease;
395                transition:         transform 0.16s ease, width 0.2s ease;
396    }
397    
398    .no-effect
399    .no-toc aside {
400        -webkit-transition: none !important;
401           -moz-transition: none !important;
402            -ms-transition: none !important;
403             -o-transition: none !important;
404                transition: none !important;
405  }  }
406    
407  aside > div.toc {  aside > div.toc {
# Line 390  aside > div.toc > ul > li > ul > li.curr Line 485  aside > div.toc > ul > li > ul > li.curr
485      text-shadow: 0px 0px 8px #fbf1f1;      text-shadow: 0px 0px 8px #fbf1f1;
486  }  }
487    
488  aside > div.toc > ul > li:hover {  
489    .no-touch aside > div.toc > ul > li:hover,
490    .touch aside > div.toc > ul > li:focus,
491    .touch aside > div.toc > ul > li:active
492    {
493      background-color:rgba(255,0,0,0.22);      background-color:rgba(255,0,0,0.22);
494      -webkit-transition: background-color 0.25s; /* Safari */      -webkit-transition: background-color 0.25s; /* Safari */
495         -moz-transition: background-color 0.25s;         -moz-transition: background-color 0.25s;
# Line 399  aside > div.toc > ul > li:hover { Line 498  aside > div.toc > ul > li:hover {
498              transition: background-color 0.25s linear;              transition: background-color 0.25s linear;
499  }  }
500    
501  aside > div.toc > ul > li > ul > li:hover {  .no-touch aside > div.toc > ul > li > ul > li:hover,
502    .touch aside > div.toc > ul > li > ul > li:focus,
503    .touch aside > div.toc > ul > li > ul > li:active
504    {
505      list-style-type:disc;      list-style-type:disc;
506  }  }
507    
# Line 476  aside > div.toc > div.buttons > *:last-c Line 578  aside > div.toc > div.buttons > *:last-c
578      border-bottom-right-radius: 11px;      border-bottom-right-radius: 11px;
579  }  }
580    
581  aside > div.toc > div.buttons > *:not(.disabled):hover {  .no-touch aside > div.toc > div.buttons > *:not(.disabled):hover,
582    .touch aside > div.toc > div.buttons > *:not(.disabled):focus,
583    .touch aside > div.toc > div.buttons > *:not(.disabled):active
584    {
585      background-color:rgba(255,0,0,0.21);      background-color:rgba(255,0,0,0.21);
586      -webkit-transition: background-color 0.25s; /* Safari */      -webkit-transition: background-color 0.25s; /* Safari */
587         -moz-transition: background-color 0.25s;         -moz-transition: background-color 0.25s;
# Line 514  article { Line 619  article {
619      border-left-style:solid;      border-left-style:solid;
620      border-left-width:1px;      border-left-width:1px;
621      border-left-color:#898989;      border-left-color:#898989;
622    
623        -webkit-transition: -webkit-transform 0.16s ease, margin-left 0.2s ease;
624             -o-transition:      -o-transform 0.16s ease, margin-left 0.2s ease;
625            -ms-transition:     -ms-transform 0.16s ease, margin-left 0.2s ease;
626           -moz-transition:    -moz-transform 0.16s ease, margin-left 0.2s ease;
627                transition:         transform 0.16s ease, margin-left 0.2s ease;
628    }
629    
630    .no-effect article {
631        -webkit-transition: none !important;
632           -moz-transition: none !important;
633            -ms-transition: none !important;
634             -o-transition: none !important;
635                transition: none !important;
636    }
637    
638    .no-toc article {
639        margin-left:0px;
640    
641        -webkit-transition: -webkit-transform 0.16s ease, margin-left 0.2s ease;
642             -o-transition:      -o-transform 0.16s ease, margin-left 0.2s ease;
643            -ms-transition:     -ms-transform 0.16s ease, margin-left 0.2s ease;
644           -moz-transition:    -moz-transform 0.16s ease, margin-left 0.2s ease;
645                transition:         transform 0.16s ease, margin-left 0.2s ease;
646    }
647    
648    .no-effect
649    .no-toc article {
650        -webkit-transition: none !important;
651           -moz-transition: none !important;
652            -ms-transition: none !important;
653             -o-transition: none !important;
654                transition: none !important;
655  }  }
656    
657  article h1 {  article h1 {
# Line 586  article li img { Line 724  article li img {
724      float:left;      float:left;
725  }  }
726    
727  article a:hover {  .no-touch article a:hover,
728    .touch article a:focus,
729    .touch article a:active
730    {
731      text-decoration:underline;      text-decoration:underline;
732  }  }
733    
# Line 1031  footer a { Line 1172  footer a {
1172      border:0;      border:0;
1173  }  }
1174    
1175  footer a:hover {  .no-touch footer a:hover,
1176    .touch footer a:focus,
1177    .touch footer a:active
1178    {
1179      text-decoration:underline;      text-decoration:underline;
1180  }  }
Legend:
Removed from v.3267  
changed lines
  Added in v.3272
  ViewVC Help
Powered by ViewVC