-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.styl
More file actions
150 lines (128 loc) · 2.93 KB
/
app.styl
File metadata and controls
150 lines (128 loc) · 2.93 KB
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
@import 'mixins'
html, *
margin 0
padding 0
html
background #262721 url('images/bgpattern.png')
color #D2D8BA
font-weight bold
font-family 'Helvetica Neue', Helvetica, Arial, sans-serif
body
margin 0 auto
padding 0 10px
max-width 1200px
a
color #8CC84B
text-decoration none
h1
height 200px
max-width 391px
text-indent -90000px
margin 20px auto
background url('images/nodekc-dark.png') no-repeat center center
background-size 391px
form.join
margin 15px auto
padding 0 10px
max-width 391px
input
font-size 100%
line-height 20px
border none
outline none
label
display block
cursor text
background-color #fff
padding 5px 12px
margin-right 70px
border-radius(4px)
input[type=email]
width 100%
input[type=submit]
float right
display block
cursor pointer
padding 5px 12px
border-radius(4px)
background-color #8BC84B
color #363730
text-shadow 0 1px 1px rgba(0,0,0,0.3)
font-weight bold
-webkit-appearance none
&::-moz-focus-inner
padding: 0 !important;
border: 0 none !important;
&:hover
background-color #73A53E
.section
float left
width 33%
ul.container
padding 5px
margin 10px
list-style-type none
box-shadow(1px 1px 1px 1px rgba(0, 0, 0, .5))
border-radius(4px)
background #222
h2
margin-top 20px
text-align center
font-size 1.2em
line-height 1.2em
h3
margin-bottom 3px
color #8CC84B
font-size 1em
line-height 1.2em
a
display block
clear both
color #D2D8BA
&:hover
color #E3E9CB
h3
color #9DD95C
.time
color #999
img
float left
width 48px
height 48px
margin 5px 10px 5px 0
background #333
border none
border-radius(4px)
&.more
text-align center
.subtitle
color #888
font-size .7em
margin-top -3px
.time
color #888
font-style italic
float right
font-size .6em
line-height 2.3em
p
border none
font-size .75em
line-height 1.2em
margin-bottom 15px
word-wrap break-word
overflow hidden
@media only screen and (max-width: 1000px)
.section
width 50%
&.messages
float right
@media only screen and (max-width: 600px)
.section
width auto
float none
h1
height 100px
-moz-background-size 195px
-webkit-background-size 195px
background-size 195px