Commit f00bbd4e58103023f3a98f864c3d7147337331cc
1 parent
872f06f2
Exists in
master
and in
79 other branches
Adding style to categories and tags elements and back to parent page button
Showing
1 changed file
with
45 additions
and
7 deletions
Show diff stats
css/article-page.css
| @@ -28,6 +28,15 @@ | @@ -28,6 +28,15 @@ | ||
| 28 | line-height: 21px; | 28 | line-height: 21px; |
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | +#content #article-parent a.button.with-text{ | ||
| 32 | + background-color: #3E67B1; | ||
| 33 | + color: #FFF; | ||
| 34 | +} | ||
| 35 | + | ||
| 36 | +#content #article-parent a.button.with-text:hover{ | ||
| 37 | + background-color: #5E82C6; | ||
| 38 | +} | ||
| 39 | + | ||
| 31 | /* Need a dev solution - blog internal pages*/ | 40 | /* Need a dev solution - blog internal pages*/ |
| 32 | 41 | ||
| 33 | #article-header .preview{ | 42 | #article-header .preview{ |
| @@ -76,27 +85,34 @@ | @@ -76,27 +85,34 @@ | ||
| 76 | } | 85 | } |
| 77 | 86 | ||
| 78 | #content .main-block .article-body #article-actions:last-child{ | 87 | #content .main-block .article-body #article-actions:last-child{ |
| 79 | - padding-top: 10px; | ||
| 80 | - border-top: 4px solid #2C4B6B; | 88 | + margin: 0; |
| 89 | + padding: 10px 0; | ||
| 90 | + border-top: 1px solid #D3D6DE; | ||
| 81 | } | 91 | } |
| 82 | 92 | ||
| 83 | /*** Categories ***/ | 93 | /*** Categories ***/ |
| 84 | 94 | ||
| 95 | +#content .main-block #article-cat{ | ||
| 96 | + border-top: 4px solid #2C4B6B; | ||
| 97 | + border-bottom: 1px solid #D3D6DE; | ||
| 98 | +} | ||
| 99 | + | ||
| 85 | #content .main-block #article-cat h4 { | 100 | #content .main-block #article-cat h4 { |
| 86 | float: left; | 101 | float: left; |
| 87 | - margin: 13px 10px 10px 0; | 102 | + margin: 12px 10px 10px 0; |
| 88 | min-height: 0px; | 103 | min-height: 0px; |
| 104 | + color: #5E82C6; | ||
| 89 | font-family: Arial; | 105 | font-family: Arial; |
| 90 | - font-size: 1.3em; | 106 | + font-size: 12px; |
| 91 | font-weight: 300; | 107 | font-weight: 300; |
| 92 | text-decoration: initial; | 108 | text-decoration: initial; |
| 93 | } | 109 | } |
| 94 | 110 | ||
| 95 | #content .main-block #article-cat a{ | 111 | #content .main-block #article-cat a{ |
| 96 | - float: left; | 112 | + display: inline-block; |
| 97 | margin: 10px 10px 10px 0; | 113 | margin: 10px 10px 10px 0; |
| 98 | padding: 3px 10px; | 114 | padding: 3px 10px; |
| 99 | - color: #3E67B1; | 115 | + color: #5E82C6; |
| 100 | background-color: #ECEDF1; | 116 | background-color: #ECEDF1; |
| 101 | border: 1px solid #D3D6DE; | 117 | border: 1px solid #D3D6DE; |
| 102 | border-radius: 3px; | 118 | border-radius: 3px; |
| @@ -104,7 +120,29 @@ | @@ -104,7 +120,29 @@ | ||
| 104 | text-decoration: initial; | 120 | text-decoration: initial; |
| 105 | } | 121 | } |
| 106 | 122 | ||
| 107 | -/*** end of categories ***/ | 123 | +/*** Tags ***/ |
| 124 | + | ||
| 125 | +#content .main-block #article-tags{ | ||
| 126 | + width: 100%; | ||
| 127 | + color: #5E82C6; | ||
| 128 | + border-bottom: 1px solid #D3D6DE; | ||
| 129 | + font-family: Arial; | ||
| 130 | + font-size: 12px; | ||
| 131 | + font-weight: 300; | ||
| 132 | + text-align: left; | ||
| 133 | +} | ||
| 134 | + | ||
| 135 | +#content .main-block #article-tags a{ | ||
| 136 | + display: inline-block; | ||
| 137 | + margin: 10px 10px 10px 0; | ||
| 138 | + padding: 3px 10px; | ||
| 139 | + color: #5E82C6; | ||
| 140 | + background-color: #ECEDF1; | ||
| 141 | + border: 1px solid #D3D6DE; | ||
| 142 | + border-radius: 3px; | ||
| 143 | + font-size: 12px; | ||
| 144 | + text-decoration: initial; | ||
| 145 | +} | ||
| 108 | 146 | ||
| 109 | /*** Site Map page ***/ | 147 | /*** Site Map page ***/ |
| 110 | 148 |