Commit a649b8602dd6cd28ddb826486e51868406b061ee
1 parent
9058797d
Exists in
master
and in
9 other branches
Adjusting statistic-block for box-2
Signed-off-by: TomazMartins <tomaz.r.martins@gmail.com>
Showing
1 changed file
with
95 additions
and
10 deletions
Show diff stats
css/left-bar.css
| 1 | /******************** Box-2 ********************/ | 1 | /******************** Box-2 ********************/ |
| 2 | 2 | ||
| 3 | -.box-2{ | 3 | +/*** WARNING - WITHOUT BOX-4 ***/ |
| 4 | + | ||
| 5 | +.template-default .box-2 { | ||
| 4 | width:150px; | 6 | width:150px; |
| 5 | } | 7 | } |
| 6 | 8 | ||
| 7 | -#content .box-2 .block-outer .block-title { | 9 | +.template-default #content .box-2 .block-outer .block-title { |
| 8 | background: #eee; | 10 | background: #eee; |
| 9 | color: #4562b1; | 11 | color: #4562b1; |
| 10 | border-top: 4px solid #4562b1; | 12 | border-top: 4px solid #4562b1; |
| @@ -13,14 +15,86 @@ | @@ -13,14 +15,86 @@ | ||
| 13 | 15 | ||
| 14 | /*** Menus - Link list block ***/ | 16 | /*** Menus - Link list block ***/ |
| 15 | 17 | ||
| 16 | -#content .box-2 .link-list-block li { | 18 | +.template-default #content .box-2 .link-list-block li { |
| 19 | + margin: 0; | ||
| 20 | + padding: 0; | ||
| 21 | + border-bottom: 1px solid #ddd; | ||
| 22 | + border-top: none; | ||
| 23 | +} | ||
| 24 | + | ||
| 25 | +.template-default #content .box-2 .link-list-block li a { | ||
| 26 | + width: auto; | ||
| 27 | + padding: 6px 5px 8px 18px; | ||
| 28 | + background-color: #fff; | ||
| 29 | + background-position: 0px 50%; | ||
| 30 | + color: #2C66CE; | ||
| 31 | + border-right: none; | ||
| 32 | + border-top: 0px solid #64946E; | ||
| 33 | + border-radius: 0 0 0 0; | ||
| 34 | + font-weight: normal; | ||
| 35 | + font-size: 14px; | ||
| 36 | + line-height: 17px; | ||
| 37 | +} | ||
| 38 | + | ||
| 39 | +.template-default #content .box-2 .link-list-block h3.empty + ul { | ||
| 40 | + border-top: 1px solid #ddd; | ||
| 41 | +} | ||
| 42 | + | ||
| 43 | +.template-default #content .box-2 .link-list-block h3.empty + ul li a { | ||
| 44 | + padding-left: 0px; | ||
| 45 | + padding-right: 0px; | ||
| 46 | + background-image: none; | ||
| 47 | +} | ||
| 48 | + | ||
| 49 | +.template-default #content .box-2 .link-list-block li a.link-this-page, | ||
| 50 | +.template-default #content .box-2 .link-list-block li a.link-this-page:hover { | ||
| 51 | + border-right: none; | ||
| 52 | +} | ||
| 53 | + | ||
| 54 | +.template-default #content .box-2 .link-list-block li a:hover { | ||
| 55 | + background-color: #FFFFFF; | ||
| 56 | + color: #000; | ||
| 57 | +} | ||
| 58 | +.template-default #content .box-2 .link-list-block li a.link-this-page { | ||
| 59 | + width: auto; | ||
| 60 | + margin-left: 0px; | ||
| 61 | + background-color: #ffffff; | ||
| 62 | + font-weight: bold; | ||
| 63 | +} | ||
| 64 | + | ||
| 65 | +/*** END OF WARNING - WITHOUT BOX-4 ***/ | ||
| 66 | + | ||
| 67 | +/*** WARNING - WITH BOX-4 ***/ | ||
| 68 | + | ||
| 69 | +/************ DUPLICATE ************ | ||
| 70 | + | ||
| 71 | + This part of the code is duplicated because, if there is | ||
| 72 | + a change of layout from template-default to lefttopright | ||
| 73 | + the CSS fit without many complication. | ||
| 74 | + | ||
| 75 | + */ | ||
| 76 | + | ||
| 77 | +.template-lefttopright .box-3 { | ||
| 78 | + width:150px; | ||
| 79 | +} | ||
| 80 | + | ||
| 81 | +.template-lefttopright #content .box-3 .block-outer .block-title { | ||
| 82 | + background: #eee; | ||
| 83 | + color: #4562b1; | ||
| 84 | + border-top: 4px solid #4562b1; | ||
| 85 | + line-height: 15px; | ||
| 86 | +} | ||
| 87 | + | ||
| 88 | +/*** Menus - Link list block ***/ | ||
| 89 | + | ||
| 90 | +.template-lefttopright #content .box-3 .link-list-block li { | ||
| 17 | margin: 0; | 91 | margin: 0; |
| 18 | padding: 0; | 92 | padding: 0; |
| 19 | border-bottom: 1px solid #ddd; | 93 | border-bottom: 1px solid #ddd; |
| 20 | border-top: none; | 94 | border-top: none; |
| 21 | } | 95 | } |
| 22 | 96 | ||
| 23 | -#content .box-2 .link-list-block li a { | 97 | +.template-lefttopright #content .box-3 .link-list-block li a { |
| 24 | width: auto; | 98 | width: auto; |
| 25 | padding: 6px 5px 8px 18px; | 99 | padding: 6px 5px 8px 18px; |
| 26 | background-color: #fff; | 100 | background-color: #fff; |
| @@ -34,33 +108,41 @@ | @@ -34,33 +108,41 @@ | ||
| 34 | line-height: 17px; | 108 | line-height: 17px; |
| 35 | } | 109 | } |
| 36 | 110 | ||
| 37 | -#content .box-2 .link-list-block h3.empty + ul { | 111 | +.template-lefttopright #content .box-3 .link-list-block h3.empty + ul { |
| 38 | border-top: 1px solid #ddd; | 112 | border-top: 1px solid #ddd; |
| 39 | } | 113 | } |
| 40 | 114 | ||
| 41 | -#content .box-2 .link-list-block h3.empty + ul li a { | 115 | +.template-lefttopright #content .box-3 .link-list-block h3.empty + ul li a { |
| 42 | padding-left: 0px; | 116 | padding-left: 0px; |
| 43 | padding-right: 0px; | 117 | padding-right: 0px; |
| 44 | background-image: none; | 118 | background-image: none; |
| 45 | } | 119 | } |
| 46 | 120 | ||
| 47 | -#content .box-2 .link-list-block li a.link-this-page, | ||
| 48 | -#content .box-2 .link-list-block li a.link-this-page:hover { | 121 | +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page, |
| 122 | +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page:hover { | ||
| 49 | border-right: none; | 123 | border-right: none; |
| 50 | } | 124 | } |
| 51 | 125 | ||
| 52 | -#content .box-2 .link-list-block li a:hover { | 126 | +.template-lefttopright #content .box-3 .link-list-block li a:hover { |
| 53 | background-color: #FFFFFF; | 127 | background-color: #FFFFFF; |
| 54 | color: #000; | 128 | color: #000; |
| 55 | } | 129 | } |
| 56 | -#content .box-2 .link-list-block li a.link-this-page { | 130 | +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page { |
| 57 | width: auto; | 131 | width: auto; |
| 58 | margin-left: 0px; | 132 | margin-left: 0px; |
| 59 | background-color: #ffffff; | 133 | background-color: #ffffff; |
| 60 | font-weight: bold; | 134 | font-weight: bold; |
| 61 | } | 135 | } |
| 62 | 136 | ||
| 137 | +/************ END OF DUPLICATE ************ | ||
| 138 | + | ||
| 139 | +/*** END OF WARNING - WITH BOX-4 ***/ | ||
| 140 | + | ||
| 63 | /*** Statistics block **/ | 141 | /*** Statistics block **/ |
| 142 | +.template-default #content .box-2 .statistics-block { | ||
| 143 | + padding: 10px 0px 10px 10px | ||
| 144 | +} | ||
| 145 | + | ||
| 64 | .statistics-block-data ul { | 146 | .statistics-block-data ul { |
| 65 | margin-top: 10px; | 147 | margin-top: 10px; |
| 66 | } | 148 | } |
| @@ -83,6 +165,9 @@ span.amount { | @@ -83,6 +165,9 @@ span.amount { | ||
| 83 | span.label { | 165 | span.label { |
| 84 | font-size: 14px; | 166 | font-size: 14px; |
| 85 | } | 167 | } |
| 168 | + | ||
| 86 | /*** end of statistics block **/ | 169 | /*** end of statistics block **/ |
| 87 | 170 | ||
| 171 | +/*** WARNING - WITH BOX-4 ***/ | ||
| 172 | + | ||
| 88 | /******************** end Box-2 ********************/ | 173 | /******************** end Box-2 ********************/ |