Dotclear

source: themes/berlin/scss/partials/_content.scss @ 2949:4e44ab2ef195

Revision 2949:4e44ab2ef195, 1.7 KB checked in by franck <carnet.franck.paul@…>, 11 years ago (diff)

Use base64 inline url for png/svg images <= 2Kb (recommendation from  http://yellowlab.tools/ tools)

Line 
1/* *** navigation *** */
2.navlinks {
3    color: $white;
4    margin: 0;
5}
6.prev {
7    @include replace-text(inline-image('icon_prev.png'));
8}
9.next {
10    @include replace-text(inline-image('icon_next.png'));
11}
12.prev, .next {
13    vertical-align: middle;
14    width: 2.5em;
15    height: 2.5em;
16    display: inline-block;
17    border-radius: 50%;
18    border: 1px solid $gray-medium;
19    background-color: $gray-light;
20        &:hover, &:focus {
21            border-width: 3px;
22        }
23}
24/* *** content info *** */
25#content-info {
26    margin-bottom: 4em;
27    border-bottom: 1px solid $gray-medium;
28    padding: 0;
29    font-size: scut-em(14);
30    h2 {
31        display: inline-block;
32        vertical-align: top;
33        padding: .5em .75em;
34        border-radius: .5em;
35        background-color: $secondary-color;
36        color: $white;
37        font-size: scut-em(16,14);
38        text-align: center;
39        a {color: $white; }
40    }
41    h3 {
42        font-size: 1em;
43    }
44    ul {
45        margin-top: scut-em(8, 14);
46        padding-left: 0;
47
48    }
49}
50.content-info__feed {
51    display: inline-block;
52    vertical-align: top;
53    list-style-type: none;
54    li {
55        display: inline;
56        margin-right: 1.5em;
57        }
58}
59.content-info__sub-cat {
60    margin-top: 2em;
61    h3 { font-weight: bold;}
62}
63// lien de retour, à combiner avec le script js
64#gotop {
65    display:none;
66    z-index: 1000;
67    position:fixed;
68    bottom: 0;
69    right:.5em;
70    width: 10em;
71    padding: .25em;
72    border: 1px solid $gray-dark;
73    border-radius: .25em;
74    background-color: $white;
75    color:#333;
76    font-size: .875em;
77    text-align:center;
78    a, a:link, a:hover, a:active {
79        background: transparent;
80        border: none;
81        font-weight: bold;
82        color: $gray-dark;
83    }
84}
Note: See TracBrowser for help on using the repository browser.

Sites map