Dotclear

source: admin/style/scss/partials/_main-menu.scss @ 3763:857d4768935c

Revision 3763:857d4768935c, 1.8 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

Use sass variables for every color used (mainly foreground, background, border)

Line 
1#main-menu {
2     div:last-child {
3          border-bottom: none;
4     }
5     h3 {
6          margin: 0;
7          padding: 10px 0 10px 8px;
8          color: $main-menu-title-color;
9          font-size: 1.15em;
10     }
11     a {
12          color: $main-menu-item-color;
13          border-bottom-color: $main-menu-item-border;
14     }
15     ul {
16          margin: 0 0 1.5em 0;
17          padding: 0;
18          list-style: none;
19          li {
20               display: block;
21               margin: 0.5em 0 0;
22               padding: 4px 0 1px 32px;
23               background-repeat: no-repeat;
24               background-position: 8px .3em;
25               &:first-child {
26                    margin-top: 0;
27               }
28          }
29     }
30     .active {
31          background-color: $main-menu-active-background;
32          font-weight: bold;
33          a {
34               border-bottom: none;
35               color: $main-menu-active-color;
36          }
37     }
38}
39
40#favorites-menu,
41#blog-menu,
42#system-menu,
43#plugins-menu {
44     border-bottom: 1px dashed $main-menu-border;
45}
46
47#favorites-menu {
48     h3 {
49          font-variant: small-caps;
50          padding-top: .2em;
51     }
52}
53
54#search-menu {
55     padding: 4px 5px 0;
56     font-size: 100%;
57     * {
58          height: 2em;
59          display: inline-block;
60          vertical-align: top;
61          line-height: 24px;
62     }
63     p {
64          border: 1px solid $search-border;
65          border-radius: .3em;
66          position: relative;
67          width: 95%;
68          overflow: hidden;
69     }
70     input[type="submit"] {
71          padding: 0 .25em;
72          margin-left: .33em;
73    color: $search-color;
74          background: $search-background;
75          border-color: $search-border;
76          border-bottom-right-radius: .3em;
77          border-top-right-radius: .3em;
78          border-top-left-radius: 0;
79          border-bottom-left-radius: 0;
80          border: none;
81          border-left: 1px solid $search-border;
82          font-size: .91em;
83          float: right;
84          &:hover,
85          &:focus {
86      color: $search-submit-color;
87               background: $search-submit-background;
88          }
89     }
90}
91
92#qx {
93     width: 80%;
94     border-bottom-left-radius: .3em;
95     border-top-left-radius: .3em;
96     background: transparent url(search.png) no-repeat 4px center;
97     text-indent: 18px;
98     padding: 0;
99     border: none;
100     height: 2em;
101     &:focus {
102          border: 1px solid $search-outline;
103     }
104}
Note: See TracBrowser for help on using the repository browser.

Sites map