1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
.ribbon-holder {
position: absolute;
top: 0;
overflow: hidden;
height: 10em;
}
.right.ribbon-holder {
right: 0;
}
.left.ribbon-holder {
left: 0;
}
.ribbon,
.ribbon:hover {
text-decoration: none;
}
.ribbon {
letter-spacing: -.1px;
opacity: 0.95;
padding: 0.25em 0;
position: relative;
top: 2.5em;
/* Defaults friendly for white pages. */
-moz-box-shadow: 0 0 13px #888;
-webkit-box-shadow: 0 0 13px #888;
color: #FFF;
display: block;
line-height: 1.35em;
}
.ribbon .text {
padding: 0.1em 3em;
}
.right .ribbon {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
right: -2.6em;
}
.left .ribbon {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
left: -2.6em;
}
.white.ribbon {
color: #111;
background-color: #F5F5F5;
background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#fff));
-moz-box-shadow: 0 0 13px #999;
-webkit-box-shadow: 0 0 13px #999;
text-shadow: 0 0 .05em;
}
.white.ribbon .text {
border: 1px solid #cecece;
}
.red.ribbon {
background-color: #9a0000;
background: -webkit-gradient(linear, left bottom, left top, from(#9a0000), to(#a90000));
}
.red.ribbon .text {
border: 1px solid #bf6060;
}
.green.ribbon {
background-color: #006e00;
background: -webkit-gradient(linear, left bottom, left top, from(#006e00), to(#007200));
}
.green.ribbon .text {
border: 1px solid #6bac6b;
}
.darkblue.ribbon {
background-color: #121621;
color: #ecedee;
}
.darkblue.ribbon .text {
border: 1px solid #53565e;
}
.orange.ribbon {
background-color: #E57504;
background: -webkit-gradient(linear, left bottom, left top, from(#dc7202), to(#ee7906));
}
.orange.ribbon .text {
border: 1px solid #ebaa65;
}
.gray.ribbon {
background-color: #6d6d6d;
background: -webkit-gradient(linear, left bottom, left top, from(#6a6a6a) to(#6d6d6d));
}
.gray.ribbon .text {
border: 1px solid #a4a4a4;
}
|
