UNPKG

3.66 kBtext/stylusView Raw
1/**
2 * Grid layout default style
3 */
4
5@import 'config'
6@import 'mixins/box-shadow'
7
8// main container
9div.grd_Cont
10 box-shadow(4px 4px 10px 0px rgba(50, 50, 50, 0.75))
11 width 800px
12 height auto
13 overflow hidden
14 background-color $grid-layout-bg-color
15 border 1px solid $grid-layout-border-color
16
17 // filters' row
18 .fltrow
19 background-color transparent
20
21 // filters
22 .flt
23 border 1px solid $grid-layout-border-color
24 width 100%
25
26 :focus
27 border 1px solid #558DD9
28
29 // alternating background color
30 .even
31 background-color #fff
32
33 .odd
34 background-color #DFE8F6
35
36 .no-results
37 background-color transparent
38
39 .sort-arrow
40 position initial
41
42// content table container
43div.grd_tblCont
44 height 400px
45 width 800px
46 background #fff
47 overflow-x auto
48 overflow-y scroll
49
50// headers' table container
51div.grd_headTblCont
52 display block
53 margin-right 20px
54 height auto
55 overflow hidden
56 border-bottom 1px solid $grid-layout-border-color
57 background-color $grid-layout-bg-color
58
59// tables
60div.grd_tblCont table,
61div.grd_headTblCont table
62 border-collapse collapse
63 table-layout fixed
64 box-sizing initial
65
66// headers
67div.grd_tblCont table th
68div.grd_headTblCont table th
69 height $th-height
70 background-color $grid-layout-bg-color
71 padding 0.1em 0.5em
72 color #333
73 border-right 1px solid $grid-layout-border-color !important
74 overflow hidden
75 text-overflow ellipsis
76
77div.grd_headTblCont table td
78 @extend div.grd_headTblCont table th
79 padding 0.2em 0.2em
80
81div.grd_tblCont table td
82 padding $padding
83 border-bottom 1px solid $grid-layout-border-color
84 overflow hidden
85 text-overflow ellipsis
86
87// toolbar container
88.grd_inf
89 clear both
90 width auto
91 height $min-height
92 background-color $grid-layout-bg-color
93 margin 0
94 padding 1px 3px 1px 3px
95 border-top 1px solid $grid-layout-border-color
96
97 // link appearence
98 a
99 color #333
100 text-decoration none
101 font-weight bold
102 &:hover
103 text-decoration underline
104 background-color transparent
105
106 input.reset
107 &:hover
108 background-color transparent
109
110 .mdiv
111 width 40% !important
112
113 .ldiv
114 div
115 border 0
116
117 .helpBtn
118 border 0 !important
119
120 div.status
121 position absolute
122 float none !important
123 height auto !important
124 margin 19px 0 !important
125 font-size 12px
126 color #333
127 border 0 !important
128
129 div.tot
130 border 0 !important