Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 4c3f70c4

Přidáno uživatelem Jiří Noháč před asi 4 roky(ů)

Issue #7845 @2h

Oprava designu seznamu artefaktu. Pridany obrazky, styl textu, pridana tlacitka na info a take "likey". Like jiz take maji hotovou animaci stisknuti. Dale je nutne dodelat akcni schopnosti informacniho tlacitka a like tlacitka.

Zobrazit rozdíly:

resources/sass/_custom.scss
1 1
// Ready for custom styling
2
@font-face {font-family: "Avenir Black LINK"; src: url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.eot"); src: url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.woff") format("woff"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.svg#Avenir Black") format("svg"); }
3
@font-face {font-family: "Avenir Roman LINK"; src: url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.eot"); src: url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.woff") format("woff"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.svg#Avenir") format("svg"); }
4
@font-face {font-family: "Avenir Medium LINK"; src: url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.eot"); src: url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.woff") format("woff"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.svg#Avenir Medium") format("svg"); }
2 5

  
3 6
body
4 7
{
......
8 11
.head-title.text-center h1
9 12
{
10 13
    color: $cusWhite;
11
    font-family: Avenir;
12
    font-size: 60pt;
14
    font-family: "Avenir Black LINK";
15
    font-size: 45pt;
13 16
    font-weight: bold;
14 17
    letter-spacing: 3px;
15 18
}
16 19

  
20
h5
21
{
22
    color: $cusBrown2;
23
    font-family: "Avenir Medium LINK";
24
    line-height: 20pt;
25
    font-size: 21pt;
26
}
27

  
28
h6
29
{
30
    color: $cusBrown2;
31
    font-size: 14pt;
32
    font-weight: lighter;
33
    font-family: "Avenir Roman LINK";
34
}
35

  
36
img
37
{
38
    border: transparent;
39
    border-radius: 1px;
40
}
41

  
42
.card
43
{
44
    margin: 10px;
45
    border: none !important;
46
}
47

  
48
.left_panel_info
49
{
50
    margin-top: 20pt;
51
    margin-left: -10pt;
52
    max-width: 250px;
53
}
54

  
55
.right_panel_info
56
{
57
    margin-top: 15pt;
58
}
59

  
60
.card-cus-bottom
61
{
62
    background-color: $cusBlack;
63
}
64

  
17 65
.bouton-image:before
18 66
{
19 67
    content: "";
......
33 81
    border-color: transparent;
34 82
}
35 83

  
84
.inter_info:before
85
{
86
    background-image : url(../images/interface/Button_Info_60.png);
87
    content: "";
88
    width: 60px;
89
    height: 60px;
90
}
91

  
92
.inter_info:focus, .inter_info:active, .inter_info:hover{
93
    background-color: transparent !important;
94
    border-color: transparent !important;
95
    outline: none !important;
96
    box-shadow: none !important;
97
}
98

  
99
.inter_like:before, .inter_like_filled:before
100
{
101
    background-image : url(../images/interface/Hearth_Empty_60.png);
102
    width: 60px;
103
    height: 60px;
104
}
105

  
106
.inter_like_filled:before
107
{
108
    background-image : url(../images/interface/Hearth_Filled_60.png);
109
    width: 60px;
110
    height: 60px;
111
}
112

  
113
.inter_like
114
{
115
    display: none;
116
}
117

  
118

  
119
.inter_like:focus, .inter_like:active, .inter_like:hover{
120
    background-color: transparent !important;
121
    border-color: transparent !important;
122
    outline: none !important;
123
    box-shadow: none !important;
124
}
125

  
36 126
.monBouton:before
37 127
{
38 128
    background-image : url(../images/Button_Arrow_Small.png);

Také k dispozici: Unified diff