Rev 16285 | Rev 16851 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 16285 | Rev 16570 | ||
---|---|---|---|
Line 44... | Line 44... | ||
44 | border: 1px solid #BBB; |
44 | border: 1px solid #BBB; |
45 | border-radius: 0 0 5px 5px ; |
45 | border-radius: 0 0 5px 5px ; |
46 | min-height: 6em; |
46 | min-height: 6em; |
47 | box-sizing: border-box; |
47 | box-sizing: border-box; |
48 | } |
48 | } |
- | 49 | ||
- | 50 | ||
- | 51 | /** details/summary html5 tags (accordions) **/ |
|
- | 52 | details { |
|
- | 53 | max-width: 600px; |
|
- | 54 | background-color: #2222; |
|
- | 55 | margin-bottom: .5rem; |
|
- | 56 | padding: 0 .5rem .5rem .5rem; |
|
- | 57 | box-shadow: 0 .1rem 1rem -.5rem rgba(0,0,0,.4); |
|
- | 58 | } |
|
- | 59 | ||
- | 60 | summary { |
|
- | 61 | padding: .5rem; |
|
- | 62 | margin: 0 -.5rem; |
|
- | 63 | background-color: #2222; |
|
- | 64 | cursor: pointer; |
|
- | 65 | transition: 0.4s background-color ease; |
|
- | 66 | } |
|
- | 67 | ||
- | 68 | summary:hover, summary:focus{ |
|
- | 69 | background-color: #2224; |
|
- | 70 | } |
|
- | 71 | ||
49 | 72 | ||
50 | 73 | ||
51 | /* Small screens */ |
74 | /* Small screens */ |
52 | @media only screen and (max-width: 40em) { |
75 | @media only screen and (max-width: 40em) { |
53 | .medium_size { |
76 | .medium_size { |
54 | width:100%; |
77 | width:100%; |
55 | margin: 5px; |
78 | margin: 5px; |
56 | float:none; |
- | |
57 | } |
79 | } |
58 | } |
80 | } |
59 | 81 | ||
60 | /* Medium screens */ |
82 | /* Medium screens */ |
61 | @media only screen and (min-width: 40.063em) and (max-width: 64em) { |
83 | @media only screen and (min-width: 40.063em) and (max-width: 64em) { |
Line 67... | Line 89... | ||
67 | 89 | ||
68 | /* Large screens */ |
90 | /* Large screens */ |
69 | @media only screen and (min-width: 64.063em) { |
91 | @media only screen and (min-width: 64.063em) { |
70 | .medium_size { |
92 | .medium_size { |
71 | width:50%; |
93 | width:50%; |
72 | /*float: left;*/ |
- | |
73 | margin: 0; |
94 | margin: 0; |
74 | padding: .5em; |
95 | padding: .5em; |
75 | box-sizing:border-box; |
96 | box-sizing:border-box; |
76 | } |
97 | } |
- | 98 | .side_col{width: 30%;} |
|
- | 99 | .main_col{width: auto;} |
|
77 | } |
100 | } |