root / drupal7 / sites / all / themes / simplecorp / css / shortcodes / columns.css @ 2c8c2b87
| 1 | b9383c72 | Julien Enselme | |
|---|---|---|---|
| 2 | .one_half
|
||
| 3 | {
|
||
| 4 | width:48%; |
||
| 5 | } |
||
| 6 | |||
| 7 | .one_third
|
||
| 8 | {
|
||
| 9 | width:30.66%; |
||
| 10 | } |
||
| 11 | |||
| 12 | .two_third
|
||
| 13 | {
|
||
| 14 | width:65.33%; |
||
| 15 | } |
||
| 16 | |||
| 17 | .one_fourth
|
||
| 18 | {
|
||
| 19 | width:22%; |
||
| 20 | } |
||
| 21 | |||
| 22 | .three_fourth
|
||
| 23 | {
|
||
| 24 | width:74%; |
||
| 25 | } |
||
| 26 | |||
| 27 | .one_fifth
|
||
| 28 | {
|
||
| 29 | width:16.8%; |
||
| 30 | } |
||
| 31 | |||
| 32 | .two_fifth
|
||
| 33 | {
|
||
| 34 | width:37.6%; |
||
| 35 | } |
||
| 36 | |||
| 37 | .three_fifth
|
||
| 38 | {
|
||
| 39 | width:58.4%; |
||
| 40 | } |
||
| 41 | |||
| 42 | .four_fifth
|
||
| 43 | {
|
||
| 44 | width:67.2%; |
||
| 45 | } |
||
| 46 | |||
| 47 | .one_sixth
|
||
| 48 | {
|
||
| 49 | width:13.33%; |
||
| 50 | } |
||
| 51 | |||
| 52 | .five_sixth
|
||
| 53 | {
|
||
| 54 | width:82.67%; |
||
| 55 | } |
||
| 56 | |||
| 57 | .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth |
||
| 58 | {
|
||
| 59 | float:left; |
||
| 60 | margin-right:4%; |
||
| 61 | position:relative; |
||
| 62 | } |
||
| 63 | |||
| 64 | .last
|
||
| 65 | {
|
||
| 66 | clear:right; |
||
| 67 | margin-right:0!important; |
||
| 68 | } |
||
| 69 | |||
| 70 | .clearboth
|
||
| 71 | {
|
||
| 72 | clear:both; |
||
| 73 | display:block; |
||
| 74 | font-size:0; |
||
| 75 | height:0; |
||
| 76 | line-height:0; |
||
| 77 | width:100%; |
||
| 78 | } |
||
| 79 | |||
| 80 | .divider
|
||
| 81 | {
|
||
| 82 | border-top:1px solid #e8e8e8; |
||
| 83 | margin:bottom:30px; |
||
| 84 | min-height:25px; |
||
| 85 | padding:bottom:30px; |
||
| 86 | text-align:center; |
||
| 87 | width:100%; |
||
| 88 | } |
||
| 89 | |||
| 90 | .dividermain h4 |
||
| 91 | {
|
||
| 92 | background:#fff; |
||
| 93 | display:block; |
||
| 94 | font-family:Arial; |
||
| 95 | font-size:10px; |
||
| 96 | font-weight:400; |
||
| 97 | left:45%; |
||
| 98 | margin-top:-12px; |
||
| 99 | min-width:150px; |
||
| 100 | position:absolute; |
||
| 101 | text-align:center; |
||
| 102 | } |
||
| 103 | @media only screen and (max-width: 959px) { |
||
| 104 | |||
| 105 | .one_half img { |
||
| 106 | max-height: 100%; |
||
| 107 | max-width: 100%; |
||
| 108 | } |
||
| 109 | |||
| 110 | } |