Compare View
Commits (4)
-
1. Sort of declarations of properties in rules 2. Adjusting, whenever possible, properties 'margin', 'border', 'padding' and 'font' to its most complete form 3. Adjust to properly fit two lines of title of software in featured box 4. Putting units (px) to null values of certain properties 5. Fixing backgroun color of hightlights block
-
…o/noosfero-spb-theme into restructuring_css
-
Changing the distance between Title of block News and the first news Removing the end border of the software block Changing the distance between the software name and the image block in software block Limiting the amount of software title lines in the software block
Showing
2 changed files
Show diff stats
css/home-page.css
| 1 | /*** boxes sizes definition **/ | 1 | /*** boxes sizes definition **/ |
| 2 | .action-home-index .box-1 { | 2 | .action-home-index .box-1 { |
| 3 | + margin: 0px 0px 0px 210px; | ||
| 3 | width: 490px; | 4 | width: 490px; |
| 4 | - margin: 0 0 0 210px; | ||
| 5 | } | 5 | } |
| 6 | 6 | ||
| 7 | -.action-home-index .box-3{ | 7 | +.action-home-index .box-3 { |
| 8 | width: 230px; | 8 | width: 230px; |
| 9 | } | 9 | } |
| 10 | 10 | ||
| @@ -14,20 +14,18 @@ | @@ -14,20 +14,18 @@ | ||
| 14 | 14 | ||
| 15 | /* Read More pattern */ | 15 | /* Read More pattern */ |
| 16 | 16 | ||
| 17 | -.action-home-index #content .box .block-outer .read-more{ | ||
| 18 | - background: #eee; | 17 | +.action-home-index #content .box .block-outer .read-more { |
| 19 | border-bottom: none; | 18 | border-bottom: none; |
| 20 | - font-family: "open_sans", Arial, Helvetica, sans-serif; | ||
| 21 | - font-variant: normal; | ||
| 22 | - font-size: 10px; | 19 | + background: #eee; |
| 20 | + font: normal normal normal 10px 'open_sansregular', arial, helvetica, sans-serif; | ||
| 23 | text-transform: uppercase; | 21 | text-transform: uppercase; |
| 24 | text-align: right; | 22 | text-align: right; |
| 25 | } | 23 | } |
| 26 | 24 | ||
| 27 | .action-home-index #content .box .block-outer .read-more a { | 25 | .action-home-index #content .box .block-outer .read-more a { |
| 28 | - color: #000000; | ||
| 29 | - line-height: 20px; | ||
| 30 | padding: 8px; | 26 | padding: 8px; |
| 27 | + line-height: 20px; | ||
| 28 | + color: #000000; | ||
| 31 | display: block; | 29 | display: block; |
| 32 | } | 30 | } |
| 33 | 31 | ||
| @@ -36,16 +34,14 @@ | @@ -36,16 +34,14 @@ | ||
| 36 | } | 34 | } |
| 37 | 35 | ||
| 38 | .action-home-index #content .box .block-outer .read-more a::after { | 36 | .action-home-index #content .box .block-outer .read-more a::after { |
| 39 | - color: #FFFFFF; | ||
| 40 | - font-size: 14px; | ||
| 41 | - content: url('../images/right-arrow.png'); | ||
| 42 | - padding-left: 8px; | ||
| 43 | - padding-right: 5px; | ||
| 44 | margin-left: 7px; | 37 | margin-left: 7px; |
| 45 | border-radius: 4px; | 38 | border-radius: 4px; |
| 39 | + padding: 0px 5px 0px 8px; | ||
| 46 | line-height: 20px; | 40 | line-height: 20px; |
| 41 | + color: #FFFFFF; | ||
| 42 | + font: 14px 'open_sansbold', arial, helvetica, sans-serif; | ||
| 47 | text-align: center; | 43 | text-align: center; |
| 48 | - font-family: "open_sansbold", Arial, Helvetica, sans-serif; | 44 | + content: url('../images/right-arrow.png'); |
| 49 | } | 45 | } |
| 50 | 46 | ||
| 51 | 47 | ||
| @@ -55,65 +51,61 @@ | @@ -55,65 +51,61 @@ | ||
| 55 | 51 | ||
| 56 | /*** Software catalog search block **/ | 52 | /*** Software catalog search block **/ |
| 57 | 53 | ||
| 58 | -.action-home-index #content #catalogo-software-search{ | ||
| 59 | - width: 100%; | ||
| 60 | - background-color:#1A397D; | 54 | +.action-home-index #content #catalogo-software-search { |
| 61 | border-radius: 4px; | 55 | border-radius: 4px; |
| 56 | + width: 100%; | ||
| 57 | + background-color: #1A397D; | ||
| 62 | } | 58 | } |
| 63 | 59 | ||
| 64 | -.action-home-index #content #catalogo-software-search h1{ | ||
| 65 | - margin: 0 15px 10px 15px; | ||
| 66 | - padding: 10px 0 0 0; | ||
| 67 | - color:#FFFFFF; | 60 | +.action-home-index #content #catalogo-software-search h1 { |
| 61 | + margin: 0px 15px 10px 15px; | ||
| 68 | border-bottom: none; | 62 | border-bottom: none; |
| 69 | - font-family:"open_sansregular", Arial; | ||
| 70 | - font-weight: normal; | ||
| 71 | - font-size:22px; | 63 | + padding: 10px 0px 0px 0px; |
| 72 | line-height: 1.3em; | 64 | line-height: 1.3em; |
| 65 | + color: #FFFFFF; | ||
| 66 | + font: normal normal normal 22px 'open_sansregular', arial; | ||
| 73 | text-align: left; | 67 | text-align: left; |
| 74 | } | 68 | } |
| 75 | 69 | ||
| 76 | .action-home-index #content #catalogo-software-search #search-Gadget { | 70 | .action-home-index #content #catalogo-software-search #search-Gadget { |
| 77 | - width: 90%; | ||
| 78 | - padding: 7px; | ||
| 79 | - margin: 0 15px 9px 15px; | 71 | + margin: 0px 15px 9px 15px; |
| 80 | border: none; | 72 | border: none; |
| 81 | border-radius: 4px; | 73 | border-radius: 4px; |
| 74 | + padding: 7px; | ||
| 75 | + width: 90%; | ||
| 82 | } | 76 | } |
| 83 | 77 | ||
| 84 | -.action-home-index #content #catalogo-software-search .searchButton-catalog{ | 78 | +.action-home-index #content #catalogo-software-search .searchButton-catalog { |
| 85 | margin: 0px 0px 15px 15px; | 79 | margin: 0px 0px 15px 15px; |
| 86 | - padding:6px 25px; | ||
| 87 | - color:#FFFFFF; | ||
| 88 | - background-color: #1A397D; | ||
| 89 | - border:1px solid #FFFFFF; | 80 | + padding: 6px 25px; |
| 81 | + border: 1px solid #FFFFFF; | ||
| 90 | border-radius: 4px; | 82 | border-radius: 4px; |
| 83 | + background-color: #1A397D; | ||
| 84 | + color: #FFFFFF; | ||
| 91 | font-weight: bold; | 85 | font-weight: bold; |
| 92 | font-size: 14px; | 86 | font-size: 14px; |
| 93 | text-transform: uppercase; | 87 | text-transform: uppercase; |
| 94 | } | 88 | } |
| 95 | 89 | ||
| 96 | -.action-home-index #content #catalogo-software-search #search-catalog-footer{ | ||
| 97 | - color:#FFFFFF; | ||
| 98 | - background-color:#192758; | ||
| 99 | - border-top:1px solid; | ||
| 100 | - border-bottom-left-radius:4px; | ||
| 101 | - border-bottom-right-radius:4px; | 90 | +.action-home-index #content #catalogo-software-search #search-catalog-footer { |
| 91 | + border-top: 1px solid; | ||
| 92 | + border-bottom-left-radius: 4px; | ||
| 93 | + border-bottom-right-radius: 4px; | ||
| 94 | + background-color: #192758; | ||
| 95 | + color: #FFFFFF; | ||
| 102 | } | 96 | } |
| 103 | 97 | ||
| 104 | .action-home-index #content #catalogo-software-search #search-catalog-footer p { | 98 | .action-home-index #content #catalogo-software-search #search-catalog-footer p { |
| 105 | margin: 0px; | 99 | margin: 0px; |
| 106 | font-size: 11px; | 100 | font-size: 11px; |
| 107 | - text-align:right; | 101 | + text-align: right; |
| 108 | text-transform: uppercase; | 102 | text-transform: uppercase; |
| 109 | } | 103 | } |
| 110 | 104 | ||
| 111 | .action-home-index #content #catalogo-software-search #search-catalog-footer a { | 105 | .action-home-index #content #catalogo-software-search #search-catalog-footer a { |
| 112 | - display: block; | ||
| 113 | - color: #FFF; | ||
| 114 | padding: 7px 0px 12px 0px; | 106 | padding: 7px 0px 12px 0px; |
| 115 | - border-bottom-left-radius:4px; | ||
| 116 | - border-bottom-right-radius:4px; | 107 | + color: #FFF; |
| 108 | + display: block; | ||
| 117 | } | 109 | } |
| 118 | 110 | ||
| 119 | .action-home-index #content #catalogo-software-search #search-catalog-footer a:hover { | 111 | .action-home-index #content #catalogo-software-search #search-catalog-footer a:hover { |
| @@ -121,32 +113,30 @@ | @@ -121,32 +113,30 @@ | ||
| 121 | } | 113 | } |
| 122 | 114 | ||
| 123 | .action-home-index #content #catalogo-software-search #bt_catalog-search::after { | 115 | .action-home-index #content #catalogo-software-search #bt_catalog-search::after { |
| 124 | - content: url('../images/right-arrow-black.png'); | 116 | + margin: 0px 15px 0 5px; |
| 117 | + border-radius: 4px; | ||
| 118 | + padding: 0px 4px 0 7px; | ||
| 125 | top: 2px; | 119 | top: 2px; |
| 126 | - padding-left: 7px; | ||
| 127 | - padding-right: 4px; | ||
| 128 | - margin-left: 5px; | ||
| 129 | - margin-right: 15px; | ||
| 130 | - color: #172857; | 120 | + line-height: 20px; |
| 131 | background: #eee; | 121 | background: #eee; |
| 132 | - border-radius: 4px; | 122 | + color: #172857; |
| 133 | font-size: 15px; | 123 | font-size: 15px; |
| 134 | - line-height: 20px; | ||
| 135 | text-align: center; | 124 | text-align: center; |
| 136 | position: relative; | 125 | position: relative; |
| 126 | + content: url('../images/right-arrow-black.png'); | ||
| 137 | } | 127 | } |
| 138 | 128 | ||
| 139 | /*** Softwares block **/ | 129 | /*** Softwares block **/ |
| 140 | -.action-home-index #content .softwares-block{ | ||
| 141 | - border-bottom: 1px solid #ccc; | 130 | +.action-home-index #content .softwares-block { |
| 131 | + margin: 0px; | ||
| 142 | overflow: auto; | 132 | overflow: auto; |
| 143 | } | 133 | } |
| 144 | 134 | ||
| 145 | .action-home-index #content .softwares-block .block-title { | 135 | .action-home-index #content .softwares-block .block-title { |
| 146 | margin: 0px 0px 25px 0px; | 136 | margin: 0px 0px 25px 0px; |
| 147 | - color: #2c66ce; | ||
| 148 | - background: #eee; | ||
| 149 | border-top: 4px solid #2c66ce; | 137 | border-top: 4px solid #2c66ce; |
| 138 | + background: #eee; | ||
| 139 | + color: #2c66ce; | ||
| 150 | font-weight: 300; | 140 | font-weight: 300; |
| 151 | } | 141 | } |
| 152 | 142 | ||
| @@ -154,26 +144,26 @@ | @@ -154,26 +144,26 @@ | ||
| 154 | display:none; | 144 | display:none; |
| 155 | } | 145 | } |
| 156 | 146 | ||
| 157 | -.action-home-index #content .software-block{ | 147 | +.action-home-index #content .software-block { |
| 158 | width: 145px; | 148 | width: 145px; |
| 159 | height: 218px; | 149 | height: 218px; |
| 160 | margin: 0px 9px 14px 9px; | 150 | margin: 0px 9px 14px 9px; |
| 161 | } | 151 | } |
| 162 | 152 | ||
| 163 | .action-home-index #content .software-block .software-block-logo { | 153 | .action-home-index #content .software-block .software-block-logo { |
| 164 | - display: table-cell; | 154 | + border: 1px solid #ccc; |
| 155 | + border-radius: 8px; | ||
| 165 | width: 140px; | 156 | width: 140px; |
| 166 | height: 150px; | 157 | height: 150px; |
| 158 | + text-align: center; | ||
| 167 | overflow: hidden; | 159 | overflow: hidden; |
| 168 | - border: 1px solid #ccc; | ||
| 169 | - border-radius: 8px; | ||
| 170 | vertical-align: middle; | 160 | vertical-align: middle; |
| 171 | - text-align: center; | 161 | + display: table-cell; |
| 172 | } | 162 | } |
| 173 | 163 | ||
| 174 | -.action-home-index #content .software-block .software-block-logo img{ | ||
| 175 | - max-width: 90px; | 164 | +.action-home-index #content .software-block .software-block-logo img { |
| 176 | height: auto; | 165 | height: auto; |
| 166 | + max-width: 90px; | ||
| 177 | } | 167 | } |
| 178 | 168 | ||
| 179 | .action-home-index #content .software-block .software-block-info { | 169 | .action-home-index #content .software-block .software-block-info { |
| @@ -182,18 +172,17 @@ | @@ -182,18 +172,17 @@ | ||
| 182 | } | 172 | } |
| 183 | 173 | ||
| 184 | .action-home-index #content .software-block .software-block-title { | 174 | .action-home-index #content .software-block .software-block-title { |
| 185 | - height: 59px; | ||
| 186 | - overflow: hidden; | 175 | + height: 50px; |
| 187 | font-weight: 300; | 176 | font-weight: 300; |
| 188 | font-size: 14px; | 177 | font-size: 14px; |
| 189 | text-align: center; | 178 | text-align: center; |
| 179 | + overflow: hidden; | ||
| 190 | } | 180 | } |
| 191 | 181 | ||
| 192 | -.action-home-index #content .software-block .software-block-title h3{ | 182 | +.action-home-index #content .software-block .software-block-title h3 { |
| 183 | + margin: 10px 0px 10px 0px; | ||
| 193 | color: #2C66CE; | 184 | color: #2C66CE; |
| 194 | - font-weight: 300; | ||
| 195 | - font-size: 14px; | ||
| 196 | - font-family: "open_sansregular", Arial, Helvetica, sans-serif; | 185 | + font: normal normal 300 14px 'open_sansregular', arial, helvetica, sans-serif; |
| 197 | } | 186 | } |
| 198 | 187 | ||
| 199 | .action-home-index #content .software-block-description { | 188 | .action-home-index #content .software-block-description { |
| @@ -206,115 +195,109 @@ | @@ -206,115 +195,109 @@ | ||
| 206 | } | 195 | } |
| 207 | 196 | ||
| 208 | .action-home-index #content .software-block .software-block-finality { | 197 | .action-home-index #content .software-block .software-block-finality { |
| 209 | - width:142px; | ||
| 210 | - height: 216px; | ||
| 211 | - left:0px; | ||
| 212 | - background-color:#f4f4f4; | ||
| 213 | border: solid 1px #D7D7D7; | 198 | border: solid 1px #D7D7D7; |
| 214 | border-radius: 8px; | 199 | border-radius: 8px; |
| 200 | + width:142px; | ||
| 201 | + height: 216px; | ||
| 202 | + left: 0px; | ||
| 203 | + background-color: #f4f4f4; | ||
| 215 | text-transform: uppercase; | 204 | text-transform: uppercase; |
| 216 | } | 205 | } |
| 217 | 206 | ||
| 218 | .action-home-index #content .software-block .software-block-finality::after { | 207 | .action-home-index #content .software-block .software-block-finality::after { |
| 219 | - content: url('../images/right-arrow.png'); | ||
| 220 | - margin: 0 7px 0px 3px; | ||
| 221 | - padding-left: 7px; | ||
| 222 | - padding-right: 4px; | ||
| 223 | - color: #FFF; | ||
| 224 | - background: #2c65cd; | 208 | + margin: 0px 7px 0px 3px; |
| 225 | border-radius: 4px; | 209 | border-radius: 4px; |
| 226 | - font-size: 15px; | 210 | + padding: 0 4px 0 7px; |
| 227 | line-height: 20px; | 211 | line-height: 20px; |
| 212 | + background: #2c65cd; | ||
| 213 | + color: #FFF; | ||
| 214 | + font-size: 15px; | ||
| 228 | text-align: center; | 215 | text-align: center; |
| 229 | position: relative; | 216 | position: relative; |
| 217 | + content: url('../images/right-arrow.png'); | ||
| 230 | } | 218 | } |
| 231 | 219 | ||
| 232 | .action-home-index #content .software-block .software-block-finality p { | 220 | .action-home-index #content .software-block .software-block-finality p { |
| 221 | + margin: 0px 0px 7px 0px; | ||
| 222 | + border-bottom: solid 1px #D7D7D7; | ||
| 223 | + padding: 12px 12px 0px 12px; | ||
| 233 | height: 170px; | 224 | height: 170px; |
| 234 | - overflow: hidden; | ||
| 235 | - margin: 0 0 7px 0; | ||
| 236 | - padding: 12px 12px 0 12px; | ||
| 237 | color: #172738; | 225 | color: #172738; |
| 238 | - border-bottom: solid 1px #D7D7D7; | ||
| 239 | font-size: 12px; | 226 | font-size: 12px; |
| 240 | text-align: left; | 227 | text-align: left; |
| 241 | text-transform: none; | 228 | text-transform: none; |
| 229 | + overflow: hidden; | ||
| 242 | } | 230 | } |
| 243 | 231 | ||
| 244 | /*** News block - display content block **/ | 232 | /*** News block - display content block **/ |
| 245 | 233 | ||
| 246 | .action-home-index #content .display-content-block .block-title { | 234 | .action-home-index #content .display-content-block .block-title { |
| 247 | margin: 0px; | 235 | margin: 0px; |
| 236 | + border-top: 4px solid #643C67; | ||
| 248 | background: #eee; | 237 | background: #eee; |
| 249 | color: #643C67; | 238 | color: #643C67; |
| 250 | - border-top: 4px solid #643C67; | ||
| 251 | font-weight: 300; | 239 | font-weight: 300; |
| 252 | } | 240 | } |
| 253 | 241 | ||
| 254 | .action-home-index #content .display-content-block li { | 242 | .action-home-index #content .display-content-block li { |
| 255 | - min-height: 150px; | ||
| 256 | border-top: 1px solid #eee; | 243 | border-top: 1px solid #eee; |
| 257 | - padding-top: 15px; | 244 | + padding: 15px 0px 0px 0px; |
| 245 | + min-height: 150px; | ||
| 258 | } | 246 | } |
| 259 | 247 | ||
| 260 | .action-home-index #content .display-content-block li:first-child { | 248 | .action-home-index #content .display-content-block li:first-child { |
| 261 | border-top: 0px solid #eee; | 249 | border-top: 0px solid #eee; |
| 250 | + padding: 36px 0px 0px 0px; | ||
| 262 | } | 251 | } |
| 263 | 252 | ||
| 264 | .action-home-index #content .display-content-block .published-at { | 253 | .action-home-index #content .display-content-block .published-at { |
| 265 | - padding-bottom: 15px; | 254 | + padding: 0px 0px 15px 0px; |
| 266 | color: #643C67; | 255 | color: #643C67; |
| 267 | } | 256 | } |
| 268 | 257 | ||
| 269 | .action-home-index #content .display-content-block .image { | 258 | .action-home-index #content .display-content-block .image { |
| 270 | - display: table-cell; | ||
| 271 | - width: 150px; | ||
| 272 | padding-right: 25px; | 259 | padding-right: 25px; |
| 260 | + padding: 0px 25px 0px 0px; | ||
| 273 | border: 0px solid #c0c1c1; | 261 | border: 0px solid #c0c1c1; |
| 274 | border-radius: 8px; | 262 | border-radius: 8px; |
| 263 | + width: 150px; | ||
| 264 | + display: table-cell; | ||
| 275 | } | 265 | } |
| 276 | 266 | ||
| 277 | .action-home-index #content .display-content-block .image a { | 267 | .action-home-index #content .display-content-block .image a { |
| 278 | - display: block; | 268 | + border-radius: 8px; |
| 279 | height: 90px; | 269 | height: 90px; |
| 280 | overflow: hidden; | 270 | overflow: hidden; |
| 281 | - border-radius: 8px; | 271 | + display: block; |
| 282 | } | 272 | } |
| 283 | 273 | ||
| 284 | .action-home-index #content .display-content-block .image img { | 274 | .action-home-index #content .display-content-block .image img { |
| 285 | - max-width: 150px; | ||
| 286 | border: 0px solid #c0c1c1; | 275 | border: 0px solid #c0c1c1; |
| 276 | + max-width: 150px; | ||
| 287 | } | 277 | } |
| 288 | 278 | ||
| 289 | .action-home-index #content .display-content-block .title { | 279 | .action-home-index #content .display-content-block .title { |
| 290 | - max-height: 40px; | ||
| 291 | - overflow: hidden; | ||
| 292 | - margin-bottom: 4px; | 280 | + margin: 2px 0px 4px 0px; |
| 293 | padding-right: 0px; | 281 | padding-right: 0px; |
| 282 | + max-height: 40px; | ||
| 294 | text-align: justify; | 283 | text-align: justify; |
| 284 | + overflow: hidden; | ||
| 295 | } | 285 | } |
| 296 | 286 | ||
| 297 | .action-home-index #content .display-content-block .title a { | 287 | .action-home-index #content .display-content-block .title a { |
| 298 | - padding: 0; | 288 | + padding: 0px; |
| 299 | color: #172738; | 289 | color: #172738; |
| 300 | - font-size: 16px; | ||
| 301 | - font-family: Arial, Helvetica, sans-serif; | ||
| 302 | - font-style: normal; | ||
| 303 | - font-weight: bold; | ||
| 304 | - line-height: 1.3em; | 290 | + font: normal normal bold 16px/1.3em arial, helvetica, sans-serif; |
| 305 | } | 291 | } |
| 306 | 292 | ||
| 307 | .action-home-index #content .display-content-block .lead { | 293 | .action-home-index #content .display-content-block .lead { |
| 308 | max-height: 56px; | 294 | max-height: 56px; |
| 309 | overflow: hidden; | 295 | overflow: hidden; |
| 310 | - padding-right: 0px; | ||
| 311 | } | 296 | } |
| 312 | 297 | ||
| 313 | .action-home-index #content .display-content-block .lead a { | 298 | .action-home-index #content .display-content-block .lead a { |
| 314 | color: #000000; | 299 | color: #000000; |
| 315 | - font-size: 15px; | ||
| 316 | - font-family: Arial; | ||
| 317 | - line-height: 1.3em; | 300 | + font: 15px/1.3em arial; |
| 318 | } | 301 | } |
| 319 | 302 | ||
| 320 | .action-home-index #content .display-content-block .lead a:visited, | 303 | .action-home-index #content .display-content-block .lead a:visited, |
| @@ -347,20 +330,16 @@ | @@ -347,20 +330,16 @@ | ||
| 347 | /*** What Is block - Article block **/ | 330 | /*** What Is block - Article block **/ |
| 348 | 331 | ||
| 349 | .action-home-index #content .article-block .block-title { | 332 | .action-home-index #content .article-block .block-title { |
| 333 | + border-top: 4px solid #08A649; | ||
| 334 | + border-bottom: none; | ||
| 350 | padding: 6px 8px 22px 10px; | 335 | padding: 6px 8px 22px 10px; |
| 351 | background: #eee; | 336 | background: #eee; |
| 352 | color: #08A649; | 337 | color: #08A649; |
| 353 | - border-top: 4px solid #08A649; | ||
| 354 | - border-bottom: none; | ||
| 355 | - font-size: 18px; | ||
| 356 | - font-family: "open_sansregular", Arial, Helvetica, sans-serif; | ||
| 357 | - font-weight: 300; | ||
| 358 | - line-height: 1.3em; | 338 | + font: normal normal 300 18px/1.3em 'open_sansregular', arial, helvetica, sans-serif; |
| 359 | text-align: left; | 339 | text-align: left; |
| 360 | text-transform: none; | 340 | text-transform: none; |
| 361 | } | 341 | } |
| 362 | 342 | ||
| 363 | - | ||
| 364 | .action-home-index #content .article-block .read-more { | 343 | .action-home-index #content .article-block .read-more { |
| 365 | margin-top: 30px; | 344 | margin-top: 30px; |
| 366 | border-top: 1px solid #08A649; | 345 | border-top: 1px solid #08A649; |
| @@ -375,11 +354,9 @@ | @@ -375,11 +354,9 @@ | ||
| 375 | } | 354 | } |
| 376 | 355 | ||
| 377 | .action-home-index #content .article-block p { | 356 | .action-home-index #content .article-block p { |
| 378 | - margin: 0 0 14px 0; | ||
| 379 | - padding: 0; | ||
| 380 | - font-size: 15px; | ||
| 381 | - font-family: Arial, Helvetica, sans-serif; | ||
| 382 | - line-height: 18px; | 357 | + margin: 0px 0px 14px 0px; |
| 358 | + padding: 0px; | ||
| 359 | + font: 15px/18px arial, helvetica, sans-serif; | ||
| 383 | text-align: left; | 360 | text-align: left; |
| 384 | text-transform: none; | 361 | text-transform: none; |
| 385 | } | 362 | } |
| @@ -387,133 +364,124 @@ | @@ -387,133 +364,124 @@ | ||
| 387 | /******* See As Well Block - Highlights block *******/ | 364 | /******* See As Well Block - Highlights block *******/ |
| 388 | 365 | ||
| 389 | .action-home-index #content .highlights-block .block-title { | 366 | .action-home-index #content .highlights-block .block-title { |
| 390 | - width: auto; | ||
| 391 | - height: 16px; | ||
| 392 | margin: 11px 0px 0px; | 367 | margin: 11px 0px 0px; |
| 393 | - padding: 15px 1px 21px 15px; | ||
| 394 | - background-color: #eeeff1; | ||
| 395 | - color: #172638; | ||
| 396 | border: 1px solid #c0c1c1; | 368 | border: 1px solid #c0c1c1; |
| 397 | border-bottom: 0; | 369 | border-bottom: 0; |
| 398 | border-radius: 8px 8px 0 0; | 370 | border-radius: 8px 8px 0 0; |
| 399 | - font-size: 16px; | ||
| 400 | - font-weight: bold; | ||
| 401 | - font-family: "open_sansbold", Arial, Helvetica, sans-serif; | 371 | + padding: 15px 1px 21px 15px; |
| 372 | + width: auto; | ||
| 373 | + height: 16px; | ||
| 374 | + background-color: #fff; | ||
| 375 | + color: #172638; | ||
| 376 | + font: bold 16px/1.3em 'open_sansbold', arial, helvetica, sans-serif; | ||
| 402 | text-transform: uppercase; | 377 | text-transform: uppercase; |
| 403 | } | 378 | } |
| 404 | 379 | ||
| 405 | .action-home-index #content .highlights-border { | 380 | .action-home-index #content .highlights-border { |
| 381 | + border: 1px solid #c0c1c1; | ||
| 382 | + border-radius: 0px 0px 8px 8px; | ||
| 406 | width: auto; | 383 | width: auto; |
| 407 | max-height: 230px; | 384 | max-height: 230px; |
| 408 | background: #fff; | 385 | background: #fff; |
| 409 | - border: 1px solid #c0c1c1; | ||
| 410 | - border-radius: 0 0 8px 8px; | ||
| 411 | } | 386 | } |
| 412 | 387 | ||
| 413 | .action-home-index #content .highlights-container { | 388 | .action-home-index #content .highlights-container { |
| 389 | + border-radius: 0px 0px 8px 8px; | ||
| 390 | + border-width: 0px 0px 1px 0px; | ||
| 391 | + padding: 0px 0px 0px 0px; | ||
| 414 | width: 100% !important; | 392 | width: 100% !important; |
| 415 | max-height: 230px; | 393 | max-height: 230px; |
| 416 | - padding-bottom: 0px; | 394 | + background: #fff; |
| 417 | position: relative; | 395 | position: relative; |
| 418 | top: 0px; | 396 | top: 0px; |
| 419 | - border-width: 0px; | ||
| 420 | - border-bottom-width: 1px; | ||
| 421 | - background: #fff; | ||
| 422 | - border-radius: 0 0 8px 8px; | ||
| 423 | } | 397 | } |
| 424 | 398 | ||
| 425 | .action-home-index #content .highlights-image-link { | 399 | .action-home-index #content .highlights-image-link { |
| 400 | + padding: 18px 0px 0px 0px; | ||
| 401 | + border-radius: 0px 0px 8px 8px; | ||
| 426 | width: 220px; | 402 | width: 220px; |
| 427 | max-height: 217px; | 403 | max-height: 217px; |
| 428 | - padding-top: 18px; | ||
| 429 | background-color: #fff; | 404 | background-color: #fff; |
| 430 | - border-radius: 0 0 8px 8px; | ||
| 431 | } | 405 | } |
| 432 | 406 | ||
| 433 | .action-home-index #content .highlights-label { | 407 | .action-home-index #content .highlights-label { |
| 434 | - width: 190px; | 408 | + border-top: 4px solid #3b61a7; |
| 409 | + padding: 23px 20px 46px 20px; | ||
| 435 | max-height: 60px; | 410 | max-height: 60px; |
| 411 | + width: 190px; | ||
| 436 | position: relative; | 412 | position: relative; |
| 437 | bottom: -18px; | 413 | bottom: -18px; |
| 438 | - padding: 23px 20px 11px; | ||
| 439 | background: #e8e9ec; | 414 | background: #e8e9ec; |
| 440 | color: #172638; | 415 | color: #172638; |
| 441 | - border-top: 4px solid #3b61a7; | ||
| 442 | - vertical-align: middle; | ||
| 443 | text-align: center; | 416 | text-align: center; |
| 444 | - font-size: 16px; | ||
| 445 | - font-weight: normal; | ||
| 446 | - font-family: "open_sansbold", Arial, Helvetica, sans-serif; | 417 | + font: normal normal normal 16px/1.5em 'open_sansbold', arial, helvetica, sans-serif; |
| 418 | + vertical-align: middle; | ||
| 447 | } | 419 | } |
| 448 | 420 | ||
| 449 | .action-home-index #content .highlights-block-pager { | 421 | .action-home-index #content .highlights-block-pager { |
| 422 | + border: 0; | ||
| 423 | + padding: 14px 0px 0px 0px; | ||
| 450 | height: 1px; | 424 | height: 1px; |
| 451 | width: 232px; | 425 | width: 232px; |
| 452 | - padding-top: 14px; | ||
| 453 | - padding-right: 0px; | 426 | + background-color: #FFF; |
| 454 | float: left; | 427 | float: left; |
| 455 | position: static; | 428 | position: static; |
| 456 | - background-color: #FFF; | ||
| 457 | - border: 0; | ||
| 458 | } | 429 | } |
| 459 | 430 | ||
| 460 | .action-home-index #content .highlights-block-pager a { | 431 | .action-home-index #content .highlights-block-pager a { |
| 461 | - display: inline-block; | ||
| 462 | - height: 6px; | ||
| 463 | - width: 6px; | ||
| 464 | - overflow: hidden; | ||
| 465 | margin: 0 4px; | 432 | margin: 0 4px; |
| 466 | - color: transparent; | ||
| 467 | - background: #c0c1c1 center center no-repeat; | ||
| 468 | border-color: transparent; | 433 | border-color: transparent; |
| 469 | border-radius: 50%; | 434 | border-radius: 50%; |
| 435 | + height: 6px; | ||
| 436 | + width: 6px; | ||
| 437 | + background: #c0c1c1 center center no-repeat; | ||
| 438 | + color: transparent; | ||
| 470 | text-indent: -5000px; | 439 | text-indent: -5000px; |
| 471 | z-index: 1000; | 440 | z-index: 1000; |
| 441 | + overflow: hidden; | ||
| 442 | + display: inline-block; | ||
| 472 | } | 443 | } |
| 473 | .action-home-index #content .highlights-block-pager a.activeSlide { | 444 | .action-home-index #content .highlights-block-pager a.activeSlide { |
| 474 | - color: transparent; | ||
| 475 | - background: #3e67b1; | ||
| 476 | border-color: transparent; | 445 | border-color: transparent; |
| 446 | + background: #3e67b1; | ||
| 447 | + color: transparent; | ||
| 477 | } | 448 | } |
| 478 | 449 | ||
| 479 | /*** mais software block **/ | 450 | /*** mais software block **/ |
| 480 | -.action-home-index #content #mais-software-block{ | ||
| 481 | - width: auto; | 451 | +.action-home-index #content #mais-software-block { |
| 482 | margin: 11px 0px; | 452 | margin: 11px 0px; |
| 483 | - padding: 5px 0px; | ||
| 484 | - background-color: #eeeff1; | ||
| 485 | border: 1px solid #c0c1c1; | 453 | border: 1px solid #c0c1c1; |
| 486 | border-radius: 8px; | 454 | border-radius: 8px; |
| 487 | - font-family: arial; | ||
| 488 | - font-size: 14px; | 455 | + padding: 5px 0px; |
| 456 | + width: auto; | ||
| 457 | + background-color: #eeeff1; | ||
| 458 | + font: 14px arial; | ||
| 489 | } | 459 | } |
| 490 | 460 | ||
| 491 | -.action-home-index #content #mais-software-block #sbp-information-softwares h2{ | 461 | +.action-home-index #content #mais-software-block #sbp-information-softwares h2 { |
| 492 | margin: 10px 0px 0px 0px; | 462 | margin: 10px 0px 0px 0px; |
| 493 | padding: 0px 0px 17px 15px; | 463 | padding: 0px 0px 17px 15px; |
| 494 | - color: #454545; | ||
| 495 | border-bottom: 1px solid #c0c1c1; | 464 | border-bottom: 1px solid #c0c1c1; |
| 496 | - font-family: "open_sansbold", Arial, Helvetica, sans-serif; | ||
| 497 | - font-weight: normal; | ||
| 498 | - font-size: 16px; | 465 | + color: #454545; |
| 466 | + font: normal normal normal 16px/21px 'open_sansbold', arial, helvetica, sans-serif; | ||
| 499 | text-align: left; | 467 | text-align: left; |
| 500 | text-transform: uppercase; | 468 | text-transform: uppercase; |
| 501 | } | 469 | } |
| 502 | 470 | ||
| 503 | -.action-home-index #content #mais-software-block #list-categories{ | 471 | +.action-home-index #content #mais-software-block #list-categories { |
| 504 | margin: 14px 14px 14px 14px; | 472 | margin: 14px 14px 14px 14px; |
| 505 | } | 473 | } |
| 506 | 474 | ||
| 507 | -.action-home-index #content #mais-software-block #list-categories p{ | 475 | +.action-home-index #content #mais-software-block #list-categories p { |
| 508 | margin: 0 0 16px 0; | 476 | margin: 0 0 16px 0; |
| 509 | color: #464A55; | 477 | color: #464A55; |
| 510 | } | 478 | } |
| 511 | 479 | ||
| 512 | -.action-home-index #content #mais-software-block #list-categories ul li{ | 480 | +.action-home-index #content #mais-software-block #list-categories ul li { |
| 513 | margin: 18px 5px 5px 5px; | 481 | margin: 18px 5px 5px 5px; |
| 514 | } | 482 | } |
| 515 | 483 | ||
| 516 | -.action-home-index #content #mais-software-block #list-categories li a{ | 484 | +.action-home-index #content #mais-software-block #list-categories li a { |
| 517 | color: #335277; | 485 | color: #335277; |
| 518 | font-weight: bold; | 486 | font-weight: bold; |
| 519 | } | 487 | } |
| @@ -524,8 +492,8 @@ | @@ -524,8 +492,8 @@ | ||
| 524 | 492 | ||
| 525 | .action-home-index #content #mais-software-block #footer-mais-software { | 493 | .action-home-index #content #mais-software-block #footer-mais-software { |
| 526 | margin: 0px; | 494 | margin: 0px; |
| 527 | - padding: 10px 10px 0px 3px; | ||
| 528 | border-top: 1px solid #c0c1c1; | 495 | border-top: 1px solid #c0c1c1; |
| 496 | + padding: 10px 10px 0px 3px; | ||
| 529 | font-size: 11px; | 497 | font-size: 11px; |
| 530 | text-align: right; | 498 | text-align: right; |
| 531 | text-transform: uppercase; | 499 | text-transform: uppercase; |
| @@ -536,4 +504,3 @@ | @@ -536,4 +504,3 @@ | ||
| 536 | } | 504 | } |
| 537 | 505 | ||
| 538 | /******************** End Box-3 ********************/ | 506 | /******************** End Box-3 ********************/ |
| 539 | - |
css/news-page.css
| @@ -24,7 +24,7 @@ | @@ -24,7 +24,7 @@ | ||
| 24 | 24 | ||
| 25 | 25 | ||
| 26 | /** General Properties of News **/ | 26 | /** General Properties of News **/ |
| 27 | -#content .blog p { | 27 | +#content .blog .article-body p { |
| 28 | margin: 0px 0px 5px 0px; | 28 | margin: 0px 0px 5px 0px; |
| 29 | max-height: 25px; | 29 | max-height: 25px; |
| 30 | color: #172738; | 30 | color: #172738; |
| @@ -49,7 +49,10 @@ | @@ -49,7 +49,10 @@ | ||
| 49 | margin: 0px 0px 10px 0px; | 49 | margin: 0px 0px 10px 0px; |
| 50 | border: none; | 50 | border: none; |
| 51 | padding: 0px 0px 0px 0px; | 51 | padding: 0px 0px 0px 0px; |
| 52 | + max-height: 40px; | ||
| 52 | font: normal normal bold 16px/20px arial; | 53 | font: normal normal bold 16px/20px arial; |
| 54 | + overflow: hidden; | ||
| 55 | + display: inline-block; | ||
| 53 | } | 56 | } |
| 54 | 57 | ||
| 55 | /* WARNING: | 58 | /* WARNING: |