lodestone (owner)

Revisions

gist: 105706 Download_button fork
public
Public Clone URL: git://gist.github.com/105706.git
Embed All Files: show embed
_roomy.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
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
/ small.data_status
/ / :float right
/ :position absolute
/ :right 10px
/ :top -10px
/ :margin-right 30px
 
.advisor_image_medium
  :width 170px
  :border 10px solid #ccc
  :margin 0 0 15px 0
   
.report_info_block
  :position absolute
  :right 10px
  :top 0
  :background #EEEEEE none repeat scroll 0 0
  / :background #BEB63A none repeat scroll 0 0
  :border 2px solid #999
  :border-top none
  :margin 0
  / :float right
  :padding 0 10px 6px
  
  .report_numbers
    :text-align right
    :margin 0 4px 4px 0
    :font-style italic
    
    
  .pagination
    a
      :border 1px solid #666
      
    
  .data_status
    :text-align right
    :margin 2px 4px 0 0
    / :font-size 0.9em
    :font-size 9pt
    :font-style italic
    
    
#date_selector
  :background #eee
  :border 2px solid #999
  :color #222
  :padding 5px
  :font-size 10px
  :width 400px
  
  input
    :margin 0
    
  div
    :margin 10px
    :padding 2px
    
  a, span
    :padding 4px
    :margin 1px 0
    :border 1px solid #999
    :cursor pointer
    :background #eee
    
  a
    :background #ccc
    
  span.disabled
    :color #bbb
    :background #ccc
    :border 1px solid #aaa
    :cursor arrow
  
  span.current, a.current
    :color #fff
    :background #99c
    :border 1px solid #666
    
  .selector_button
    :text-align right
   
  .date_selector
    :text-align right
    
 
 
/ #tabs
/ :height 46px
/ / :position absolute
/ / :top 80px
/ :line-height 12px
/ :margin-top 0px
 
  //li a
    //:color #E9E9E9
 
 
.sf-menu
  :margin 0
  :padding 0
  :list-style none
 
  li
    :float left
    :position relative
 
    a
      :font-size 12px
      / :font-weight bold
      :text-decoration none
      / :display block
      :padding 11px 15px
      :background url(/images/v2/menu_separator.png) no-repeat right top
 
    ul li
      :margin-top 1px
      :border-bottom 1px solid #3E3E3E
 
      a
        :font-size 12px
        / :font-weight bold
        :text-decoration none
        / :display block
        :padding 10px 0px 0px 20px
        :height 30px
        :margin-left 1px
        :background none
        :border-bottom 1px solid #0D0D0D
 
        &:hover
          / :background url(/images/v2/submenu_hover_bg.png) no-repeat left top
          :color #FFF
 
    &#current
      :background url(/images/v2/tab_right.png) no-repeat right top
 
      a
        :color #333
        :font-size 13px
        / :font-weight bold
        :text-decoration none
        / :display block
        :background url(/images/v2/tab_left.png) no-repeat left top
        :padding 11px 20px
        :border none
 
    &:hover
      :visibility inherit
 
      ul
        :left 0
        :top 3.8em
        :z-index 99
 
    &.sfHover ul
      :left 0
      :top 3.8em
      :z-index 99
 
  a
    / :display block
    / :position relative
 
    &:hover
      :background url(/images/v2/tab_hover.png) repeat-x
 
    &.sf-with-ul
      :padding-right 2.25em
      :min-width 1px
 
  .subtext
    :font-size 0.8em
    :color #666666
    :font-weight normal
 
  //*
  // :margin 0
  // :padding 0
  // :list-style none
 
  ul
    :position absolute
    :top -999em
    :width 10em
 
    li
      :width 200px
 
      &:hover > a > .sf-sub-indicator, &.sfHover > a > .sf-sub-indicator
        :background-position -10px 0
 
    .sf-sub-indicator
      :background-position -10px 0
 
    a
      > .sf-sub-indicator
        :background-position 0 0
 
      &:focus > .sf-sub-indicator, &:hover > .sf-sub-indicator, &:active > .sf-sub-indicator
        :background-position -10px 0
 
 
ul.sf-menu li
  &:hover li ul, &.sfHover li ul
    :top -999em
 
  li
    &:hover, &.sfHover
      ul
        :left 10em
        :top 0
 
      li ul
        :top -999em
 
    li
      &:hover ul, &.sfHover ul
        :left 10em
        :top 0
 
 
.sf-sub-indicator
  :position absolute
  :display block
  :right .75em
  :top 1.05em
  :width 10px
  :height 10px
  :text-indent -999em
  :overflow hidden
  :background url('/images/v2/arrows-ffffff.png') no-repeat -10px -100px
 
 
a
  > .sf-sub-indicator
    :top .8em
    :background-position 0 -100px
 
  &:focus > .sf-sub-indicator, &:hover > .sf-sub-indicator, &:active > .sf-sub-indicator
    :background-position -10px -100px
 
 
li
  &:hover > a > .sf-sub-indicator, &.sfHover > a > .sf-sub-indicator
    :background-position -10px -100px
 
 
.sf-shadow ul
  :background url('/images/v2/shadow.png') no-repeat bottom right
  :padding 0 90px 9px 0
 
  &.sf-shadow-off
    :background transparent
 
 
*
  :margin 0
  :padding 0
 
 
body
  / :font-family Arial,Verdana, Helvetica
  / :font-size 12px
  :color #333333
  :background url("/images/v2/black_background_checker.png") repeat-x
 
 
#header
  :margin 0px 16px 0px 16px
  :color #E9E9E9
  :height 35px
  :padding-top 14px
 
  h1
    :font-style italic
    :font-size 1.4em
    :float left
    :margin-right 10px
    :font-weight 400
 
 
#wrapper
  :margin 0px 0px 0px 16px
  :width 960px
  :float left
 
  a
    :color #3E5920
 
/ #wrapper-right
/ //:float right
/ :position absolute
/ :right 0px
/ :height 24px
/
/ .search
/ :float left
/ #quick_linkz
/ :float right
 
/ #logo
/ :margin-top 4px
/
 
#page_title
  :float left
 
 
 
#submenu
  :height 30px
  :padding 18px 0 0 20px
  :background url("/images/v2/submenu_background.jpg") repeat-x
 
  ul
    :list-style-type none
 
    li
      :float left
      :margin-right 25px
 
      a
        :color #000
        :text-decoration none
        :padding-bottom 17px
        :font-weight bold
        :font-size 0.9em
 
        &:hover
          :text-decoration underline
          :background url(/images/v2/submenu_selector.gif) no-repeat center bottom
 
      &#selected a
        :background url(/images/v2/submenu_selector.gif) no-repeat center bottom
 
  h2
    :font-size 1.2em
 
 
#full
  :width 960px
 
  .section
    :border 1px solid #E8E8E8
    :width 958px
 
    .title
      :border-top 1px solid #FFFFFF
      :border-bottom 1px solid #E8E8E8
      :padding 10px
      :font-weight bold
      :background url("/images/v2/section_title_bg.jpg") repeat-x
      :height 13px
 
 
#left
  :width 685px
  :float left
  :margin-right 20px
 
  .section
    :border 1px solid #E8E8E8
    :width 683px
 
    .title
      :border-top 1px solid #FFFFFF
      :border-bottom 1px solid #E8E8E8
      :padding 10px
      :font-weight bold
      :background url("/images/v2/section_title_bg.jpg") repeat-x
      :height 13px
 
    .summary
      :background-color #F7F7F7
      :padding 10px
      :height 280px
 
      #image
        :float left
 
      #infodata
        :float left
        :margin-left 20px
        :width 500px
 
        table
          :width 100%
          :border-collapse collapse
          :margin-top 1px
 
          tr td
            :padding 8px
 
          .odd
            :background-color #fff
 
 
#right
  :width 250px
  :float left
 
  .section
    :border 1px solid #E8E8E8
    :width 252px
 
    .actions
      p
        :padding 1px
 
      ul
        :list-style-type none
        :padding 1px
 
        li a
          :text-decoration none
          :font-weight bold
          :background url(/images/v2/action_bg.png) repeat-x
          :line-height 32px
          :height 32px
          :width 240px
          :display block
          :padding-left 10px
          :font-size 0.95em
 
          &:hover
            :background url(/images/v2/action_bg_hover.png) repeat-x
            :color #336699
 
    .title
      :border-top 1px solid #FFFFFF
      :border-bottom 1px solid #E8E8E8
      :padding 10px
      :font-weight bold
      :background url("/images/v2/section_title_bg.jpg") repeat-x
      :height 13px
 
    .content ul
      :list-style-type none
      :padding 10px
      :line-height 18px
 
 
.information
  :border 1px solid #ABCFFB
  :background-color #E8EFFB
  :color #336699
 
  .title
    :border-top 1px solid #FFFFFF
    :border-bottom 1px solid #ABCFFB
    :padding 10px
    :font-weight bold
    :background-color #D6E5FB
    :width 662px
 
  .content
    :padding 10px
    :line-height 18px
 
    p
      :margin-top 5px
      :margin-bottom 5px
 
  .close
    :width 16px
    :height 16px
    :background url("/images/v2/bttn_close.gif") no-repeat
    :display block
    :float right
    :margin-top -16px
    :cursor pointer
 
    &:hover
      :background-position 0 -16px
 
 
.section
  .content
    p
      :padding 10px
      :line-height 18px
 
    table
      :width 100%
      :color #666666
      :border-collapse collapse
      :margin-top 1px
 
      tr
        :height 12px
        :font-size 0.9em
 
        td
          :padding 10px
 
        &.odd
          :background-color #FCFCFC
 
      th
        :background-color #F7F7F7
        :text-align left
        :padding 10px
 
  .title
    .filters
      :float right
      :margin-top -6px
 
      .field
        :float left
        :height 18px
        :border 1px solid #E8E8E8
        :padding-top 4px
        :padding-left 4px
        :font-size 0.9em
        :width 190px
        :margin-left 5px
 
      .fieldselect
        :float left
        :height 24px
        :border 1px solid #E8E8E8
        :padding-top 4px
        :padding-left 4px
        :font-size 0.9em
        :margin-left 5px
 
    a
      :text-decoration none
 
      &:hover
        :text-decoration underline
 
    h3
      :font-size 1em
      :float left
 
#tabs
  :position absolute
  :top 30px
  :z-index 300
  :width 100%
 
  a
    :color #fff
 
 
#infodata h1
  :margin-bottom 5px
 
 
 
.icon
  :float left
  :margin-right 8px
  :margin-top 8px
 
 
.clear
  :clear both
 
// Mega Menu
ul.mega_menu
 
  :color #ddd
  :margin 0
  :padding 0.3em 0em
  :font-size 9pt
    
  div
    :display none
    :line-height 12px
 
  h2, h3
    font-size: 100%
    font-weight: normal
    display: inline
 
  h3
    :width 100%
    :color #f70
    :font-weight bold
    :font-size 1.4em
    a
      :text-decoration none
      
  li
    display: inline
    position: relative
 
    a
      :cursor pointer
      :color #336799
      :text-decoration none
      :padding 0 0.4em
 
      &:hover
        :color #fc0
        text-decoration: underline
 
 
  li.mega
    :float left
    :position relative
 
    h2
      :cursor pointer
      :color #E9E9E9
      :font-size 12px
      :font-weight normal
      :text-decoration none
      :display block
      :margin-top 15px
      :padding 17px 25px 11px 15px
      :background url(/images/v2/menu_separator.png) no-repeat right top
      
      span.down_arrow
        :background transparent url(/images/v2/arrows-ffffff.png) no-repeat scroll
        :background-position 0 -100px
        :display block
        :height 10px
        :overflow hidden
        :position absolute
        :right 0.75em
        :text-indent 9999px
        :top 2.5em
        :width 10px
 
    .mega_div
      width: 330px
      position: absolute
      :z-index 10
      top: 5.0em
      left: 0em
      / :padding 0 126px 9px 0
      padding: 1.3em 1em 0.5em 1em
      :background transparent url(/images/v2/shadow.png) repeat-y scroll right bottom
 
      a
        :cursor pointer
        color: #300
        padding: 0
        background-image: none
 
      a.more
        color: #390
        font-weight: bold
        
      .mega_body
        :margin-right 12px
        :padding 3px 0
        .mega_section
          :border-top 1px solid #777
          :margin 3px
          :padding 3px
          :font-size 9pt
        .mega_section.hover
          :background none
          
    .mega_header
      :font-size 1.2em
      :margin 0 0 9px 0
      :border none
      h1
        :color #336799
        :color #fc0
        :margin 0
        
      small
        :display block
        :color #666666
        :font-size 0.8em
        
    .hover
      :background none
      
    .menu_item
      :width 216px
      :color #e9e9e9
      :display block
      :font-size 12px
      :font-weight bold
      :height 40px
      :margin-left 1px
      :padding 10px 0 0 20px
      :position relative
 
      small
        :display block
        :color #666666
        :font-size 0.8em
      
      .submenu_group
        :background transparent url(/images/v2/shadow.png) no-repeat scroll right bottom
        :position relative
        :left 216px
        :top -52px
        :display none
        :width 250px
        :padding 0 0 9px 0
 
        .menu_item
          :width 220px
 
 
      h3
        :font-size 12px
 
      p
        :color #666666
        :font-size 0.8em
        :font-weight normal
 
  small
    :font-style italic
    :font-weight normal
    :color #888
    :display block
    :margin 5px 0 4px 0
  p
    :padding 0
    :margin 0
    :font-size 8pt
 
  li.hovering
    h2
      :background url(/images/v2/tab_hover.png) repeat-x scroll right top
      :padding-bottom 17px
      :background transparent
    a
      :color #EAE8C4
    div
      display: block
 
 
#tabs .mega_menu li.mega div.mega_div
 
 
ul.right_mega li.mega h2
  :padding-top 15px
 
#tabs li.selected h2
  :background url("/images/v2/tab_left.png") no-repeat scroll left top
  :color #333333
 
#tabs li.selected
  :background url("/images/v2/tab_right.png") no-repeat scroll right 15px
       
#special_menu
  / %div{:style => 'z-index:11;height:40px;position:absolute; right: 110px; top: 5px;'}
  :position absolute
  :right 50px
  :top 0
  / :border 1px solid red
  :text-align right
  
        
#quick_linkz
  li.mega
    / :float none
    :position none
    
    div.ql
      :margin 0
      :padding 0
      :display block
      
    small
      :margin-top 5px
      
    p
      :margin 0
      
    div.mega_div
      :text-align left
      :left auto
      / :width 400px
      :position absolute
      :z-index 10
      :top 5.0em
      / :border 1px solid red
      :right 1px
      // :padding 1.3em
 
   
#global_search
  / :border 1px solid red
  :padding-top 8px
  
  
.ac_results
  :padding 0px
  :border 0px solid #444
  / :background-color transparent
  :color #eee
  :overflow hidden
  :z-index 99999
  :background transparent url(/images/v2/shadow.png) no-repeat scroll right bottom
  
  li
  
    / :background-color #222
    :padding 10px
    :font-size 11px
    :line-height 16px
    / :margin 15px
    :border-top 1px solid #666
    
  li.ac_over
    :background-color #6ADA5A
    :color #222