shlomi-fish-homepage / lib / sass / smoked-wp-theme.sass

  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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
/*
 *Theme Name: Smoked
 *Description: A clean theme suitable for any blog. Sidebar Widgets and Sidebar Navigation Tabs. WP PageNavi Ready
 *Theme URI: http://demo.creativeblogdesigns.com/?wptheme=Smoked
 *Tags: dark, white, two-columns, fixed-width, left-sidebar, blue
 *Version: 1.2
 *Author: byPrelco Web Design
 *Author URI: http://www.byprelco.com

html, body, div, span, applet, object, iframe, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, s, samp, small, var, fieldset, form, label, legend
    margin: 0
    padding: 0
    border: 0
    outline: 0
    font-weight: inherit
    font-style: inherit
    font-size: 100%
    font-family: inherit
    vertical-align: baseline
    background: none

body
    background: #01698f
    text-align: center
    font-family: Helvetica, sans-serif
    color: black

// TODO : convert the page_width to the logic in lib/smoked-wp-theme.css.ttml
#header
    margin: 0 auto
    height: 158px
    width: 1024px
    background: url('images/header.jpg')
    text-align: left
    overflow: hidden
    h1
        margin: 30px auto 0 20px
        font-size: 35px
        letter-spacing: 4px
        a
            color: #FFF
            text-decoration: none
            font-weight: bold
    p
        margin: 10px auto 0 22px
        font-size: 25px
        color: #FFF
        letter-spacing: 2px

#faux
    margin: 10px auto 0 auto
    height: 100%
    width: 1024px
    background: url('images/faux-extended-1200.jpg') repeat

#container-all
    margin: 0
    height: auto
    width: 1024px
    background: url('images/container-top-extended-1024.png') top left no-repeat
    overflow: hidden

#navbar
    width: 210px
    height: auto
    text-align: left
    float: left
    h2
        font-size: 16px
        letter-spacing: 1px
        font-weight: bold
        border-bottom: 1px solid #01698f
        padding-left: 5px
        margin-bottom: 10px
        color: #01698f
    ul li
        a
            text-decoration: none
        //font-size: 13px
        //list-style: square
        //list-style-position: inside
        //line-height: 18px
    #searchform .hidden
        display: none
    form#searchform div
        margin: 20px 0
        height: 38px
        width: auto
    #searchform input
        &#s
            margin: 0 5px auto 10px
            padding: 0
            height: 18px
            width: 144px
            border: #01698f solid 1px
            font-weight: bold
            font-size: 15px
            color: #4265A7
            line-height: 20px
            overflow: hidden
            text-align: center
        &#searchsubmit
            margin: 0 auto 0 0
            height: 18px
            width: 53px
            color: #FFF
            border: 0
            background: #01698f
            font-size: 12px
            font-weight: bold
    div#calendar_wrap
        margin: 0 auto 7px 0
        width: 250px
        text-align: center
        font-size: 14px
    #calendar_wrap
        table
            margin: 0 auto
            color: #516999
        caption
            margin: 0 auto 7px 0
            font-size: 16px
            font-weight: bold
        a
            font-size: 14px
            color: #516999
            font-weight: bold
            text-decoration: none
    a:link
        color: #448800
        text-decoration: underline

.domtab
    width: 250px
    text-align: center

.domtabs li
    display: inline
    list-style: none

#nav_menu
    text-align: left
    width: 230px
    margin-left: 10px
    margin-top: 5px

.domtabs-link
    color: #333
    font-weight: bold

.domtabs-description
    font-size: 11px
    color: #999
    font-weight: bold
    border-bottom: 1px dashed #999
    margin-bottom: 5px
    font-family: Arial, Helvetica, sans-serif
    color: #01698f

a
    &.tagsz-1
        font-size: 8px
    &.tagsz-2
        font-size: 10px
    &.tagsz-3
        font-size: 12px
    &.tagsz-4
        font-size: 14px
    &.tagsz-5
        font-size: 16px

#main
    margin: 10px auto 0 40px
    width: 744px
    height: auto
    float: left
    text-align: left
    padding-right: 0.5em
    .comments
        margin: 10px auto auto auto
        width: 590px
        font-family: Tahoma, Geneva, sans-serif
        a
            text-decoration: none
            color: #666666
            font-weight: bold

.post
    text-align: justify
    width: 610px

.post-title h1
    font-size: 24px
    border-bottom: 1px dashed #01698f
    text-align: left
    a
        color: #01698f
        text-decoration: none
        font-weight: bold
        letter-spacing: 3px
        text-align: left

.post-date
    margin-top: 3px
    font-family: Verdana, Geneva, sans-serif
    font-size: 13px
    font-style: italic

.post-tags
    margin-top: 1px
    font-family: Verdana, Geneva, sans-serif
    font-size: 13px
    font-style: italic
    a
        font-weight: bold
        text-decoration: none
        color: #01698f
        font-style: normal
        font-size: 12px

.post-content
    margin: 10px auto 0 auto
    font-family: Tahoma, Geneva, sans-serif
    font-size: 14px
    p
        margin-bottom: 10px
        letter-spacing: 1px
        line-height: 18px
    img
        border: 4px solid #DDDDDD
        margin: 4px 0
    a
        img
            border: 4px solid #DDDDDD
        &:hover img
            border-color: #CCCCCC
        color: #01698f
    ol
        margin: 7px auto 7px 18px
        li
            margin-left: 5px
            padding: 0px
    ul
        margin: 7px auto 7px 14px
        li
            margin-left: 5px
            padding: 0px
    h1
        margin: 5px auto 5px 0
        padding-left: 8px
        padding-bottom: 4px
        font-size: 25px
        font-weight: bold
        border-left: 4px #01698f solid
        border-bottom: 1px #01698f solid
    h2
        margin: 5px auto 5px 0
        padding-left: 8px
        padding-bottom: 4px
        font-size: 25px
        font-weight: normal
        font-style: italic
        border-left: 4px #01698f solid
        border-bottom: 1px #01698f solid
    h3
        margin: 5px auto 5px 0
        padding-left: 8px
        padding-bottom: 4px
        font-size: 22px
        font-weight: bold
        border-left: 6px #01698f solid
    h4
        margin: 5px auto 5px 0
        padding-left: 8px
        padding-bottom: 4px
        font-size: 22px
        font-weight: normal
        font-style: italic
        border-left: 6px #01698f solid
    h5
        margin: 5px auto 5px 0
        padding-left: 8px
        padding-bottom: 4px
        font-size: 22px
        font-weight: normal
        border-left: 6px #01698f solid
    blockquote
        background: url('images/blockquote.jpg') no-repeat top left
        margin-top: 20px
        margin-bottom: 20px
        margin-left: 20px
        border-left: 2px #01698f solid
        padding-left: 15px
    img
        &.alignleft
            float: left
            margin: 0 20px 20px 0
        &.alignright
            float: right
            margin: 0 0 20px 20px
        &.aligncenter
            text-align: center

.comments-template
    width: 530px
    p
        text-indent: 0px

#commentform
    #author, #email, #url, #comment
        background: #ffffff
        border: 1px solid #cccccc
        color: #666666

.commentlist
    list-style-type: none
    margin: 0
    padding: 0
    li
        background: #ebebeb
        padding: 20px
        border: 1px solid #cccccc
        margin: 0 0 20px 0

.avatar
    float: left
    margin: 0 5px 0 0

.post-meta
    width: 590px
    background: #F5F5F5 none repeat scroll 0 0
    border: 1px solid #E3E4E4
    color: #666666
    margin: 10px 0 22px
    padding: 5px 10px
    font-family: Tahoma, Geneva, sans-serif
    a
        color: #01698f

.navigation
    margin: 10px auto 40px auto
    width: 590px
    height: auto
    font-size: 14px
    color: #01698F
    a
        text-decoration: none
        font-weight: bold
        color: #01698F
    .alignleft
        float: left
        border: none
    .alignright
        float: right
        border: none
    a
        &.alignleft, &.alignright
            border: none
    .clear
        clear: both
        height: 1px
        width: auto

#pagenavi
    text-align: center
    .wp-pagenavi
        margin: 0 auto
        text-align: left
        span.pages
            background: none
            color: #01698F
            border: 1px solid #01698F
            font-size: 11px
    span.current
        background: none
        color: #01698F
        border: 1px solid #01698F
        font-size: 11px
    a
        &.page
            background: none
            color: #01698F
            border: 1px solid #01698F
            font-size: 11px
        background: none
        color: #01698F
        border: 1px solid #01698F
        font-size: 11px

.navigation .clear
    clear: both
    height: 1px
    width: auto

#container-footer
    clear: both
    margin: 0
    height: 46px
    width: 1024px
    background: url('images/container-bottom-extended-1024.png') top left no-repeat

#footer
    margin: 10px auto
    color: #FFF
    font-family: Verdana, Geneva, sans-serif
    text-align: left
    margin-left: 2em
    margin-right: 2em
    a
        color: #FF8800
        text-decoration: underline
        font-weight: bold
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.