-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyle.css
109 lines (102 loc) · 4.06 KB
/
style.css
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
---
---
body {
margin:0; padding:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 1%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0.1) 57%, rgba(255,255,255,0.1) 100%)repeat-x; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(1%,rgba(0,0,0,0.1)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(52%,rgba(255,255,255,0.1)), color-stop(57%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.1))) repeat-x; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,0.1) 57%,rgba(255,255,255,0.1) 100%) repeat-x; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,0.1) 57%,rgba(255,255,255,0.1) 100%) repeat-x; /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,0.1) 57%,rgba(255,255,255,0.1) 100%) repeat-x; /* IE10+ */
background: linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,0.1) 57%,rgba(255,255,255,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
font-family: Segoe UI, Segoe WP, sans-serif;
}
a, a:visited { color: #{{ site.accent }}; text-decoration:none;}
a:hover { background: #{{ site.accent }}; color:white;}
h1,h2,h3 { font-family: Segoe UI Light, Segoe WP Light, Segoe UI, sans-serif; font-weight:lighter; line-height:0em; color: #{{ site.accent }}; }
h1 { font-size: 4em; }
h2 { font-size: 3em; }
h3 { font-size: 2.5em; }
ul { list-style:none; padding:0;}
li { background:transparent url(img/listcircle.png) no-repeat; padding-left:30px; padding-bottom:15px;}
a img { border :none;}
#tweets ul { list-style:none; padding:0;}
#tweets li {background:none; padding:0;}
#screens { padding-top:75px;}
#slider { margin-left:45px; }
#slider ul, #slider li
{
margin: 0px 0px;
height: 400px;
width: 240px;
padding:0;
list-style:none;
}
#phones {width: 300px; float:left;}
#smallPhone
{
z-index:0;
position:fixed;
margin-top:150px;
background:transparent url(img/phonelayouts/focuss.png) no-repeat 100% 100%;
background-size: cover;
width:228px;
height:420px;
margin-left:-150px;
}
#smallPhone img {
margin-top:56px;
margin-left:20px;
width: 180px;
height: 300px;
}
#phone
{
position:fixed;
z-index:1;
margin-top:15px;
background:transparent url(img/phonelayouts/{{ site.phone }}.png) no-repeat;
{% case site.phone %}
{% when 'emulator' %}
width:305px;
height:560px;
}
#screens { padding-top:54px;}
#slider { margin-left:30px;
{% when 'lumia800blue' or 'lumia800black' or 'lumia800pink' %}
width:320px;
height:583px;
{% when 'focuss' %}
width:296px;
height:550px;
}
#screens { padding-top:65px;}
#slider { margin-left:27px;
{% when 'lumia710blackblue' or 'lumia710blackyellow' or 'lumia710whiteblack' or 'lumia710whiteblue' or 'lumia710whitepink' %}
width:316px;
height:600px;}
#screens { padding-top:90px;}
#slider { margin-left:40px;
{% when 'radar' %}
width:310px;
height:590px;
}
#screens { padding-top:70px;}
#slider { margin-left:35px;
{% when 'titan' %}
width:295px;
height:530px;
}
#screens { padding-top:58px;}
#slider { margin-left:28px;
{% endcase %}
}
#container { max-width: 1000px; margin-left:auto; margin-right:auto; }
#content { margin-left: 25px; max-width:650px; margin-top:75px;}
#content { float:left;margin-left:350px;}
#clear { clear:both; }
#tweets { width: 250px; }
#tweets .tweet_list li { margin-bottom: 20px;}
#tweets span.tweet_time { display: block; text-align:right; margin-top:5px;}