Commit cc431238fc30e5f799a264d8fe41e9d5ddc0c98e
1 parent
c08c6daf
Exists in
master
and in
5 other branches
Improve read more button style to balance absence of share button
Showing
1 changed file
with
42 additions
and
9 deletions
Show diff stats
_news.sass
@@ -11,8 +11,8 @@ | @@ -11,8 +11,8 @@ | ||
11 | margin: 0 0 15px 0 | 11 | margin: 0 0 15px 0 |
12 | a | 12 | a |
13 | color: #3F3F3F | 13 | color: #3F3F3F |
14 | - font-family: 'Ubuntu' | ||
15 | - font-weight: 700 | 14 | + font-family: 'Ubuntu Mediun' |
15 | + font-weight: 300 | ||
16 | font-size: 22px | 16 | font-size: 22px |
17 | text-decoration: none | 17 | text-decoration: none |
18 | .image | 18 | .image |
@@ -47,9 +47,10 @@ | @@ -47,9 +47,10 @@ | ||
47 | font-family: 'Ubuntu' | 47 | font-family: 'Ubuntu' |
48 | font-size: 14px | 48 | font-size: 14px |
49 | height: 30px | 49 | height: 30px |
50 | + line-height: 30px | ||
50 | padding-left: 40px | 51 | padding-left: 40px |
51 | text-decoration: none | 52 | text-decoration: none |
52 | - line-height: 30px | 53 | + text-transform: lowercase |
53 | .action-home-index #content .box .block-outer:last-child &, #content #box-organizer .container-block-plugin_container-block .block-outer:nth-child(3) & | 54 | .action-home-index #content .box .block-outer:last-child &, #content #box-organizer .container-block-plugin_container-block .block-outer:nth-child(3) & |
54 | float: left | 55 | float: left |
55 | margin-left: 15px | 56 | margin-left: 15px |
@@ -58,11 +59,12 @@ | @@ -58,11 +59,12 @@ | ||
58 | background: none | 59 | background: none |
59 | height: 22px | 60 | height: 22px |
60 | line-height: 22px | 61 | line-height: 22px |
61 | - margin: 0 0 15px 0 | 62 | + margin: 2px 0 15px 0 |
62 | width: 290px | 63 | width: 290px |
63 | span | 64 | span |
64 | background: none | 65 | background: none |
65 | color: #BEBEBE | 66 | color: #BEBEBE |
67 | + font-family: 'Ubuntu Mediun' | ||
66 | font-size: 22px | 68 | font-size: 22px |
67 | padding: 0 | 69 | padding: 0 |
68 | width: 290px | 70 | width: 290px |
@@ -77,14 +79,20 @@ | @@ -77,14 +79,20 @@ | ||
77 | width: 290px | 79 | width: 290px |
78 | &:first-child | 80 | &:first-child |
79 | display: none | 81 | display: none |
82 | + &:last-child | ||
83 | + border-bottom: 1px solid #373737 | ||
80 | .image | 84 | .image |
81 | float: left | 85 | float: left |
82 | - height: 130px | 86 | + height: 125px |
83 | margin: 0 | 87 | margin: 0 |
84 | overflow: hidden | 88 | overflow: hidden |
89 | + position: relative | ||
85 | width: 160px | 90 | width: 160px |
86 | img | 91 | img |
87 | - max-width: 160px | 92 | + left: 50% |
93 | + margin-left: -100px | ||
94 | + max-width: 200px | ||
95 | + position: absolute | ||
88 | .title | 96 | .title |
89 | float: left | 97 | float: left |
90 | margin: 0 0 30px 10px | 98 | margin: 0 0 30px 10px |
@@ -93,6 +101,7 @@ | @@ -93,6 +101,7 @@ | ||
93 | width: 120px | 101 | width: 120px |
94 | a | 102 | a |
95 | color: #3F3F3F | 103 | color: #3F3F3F |
104 | + font-family: 'Ubuntu' | ||
96 | font-size: 14px | 105 | font-size: 14px |
97 | text-decoration: none | 106 | text-decoration: none |
98 | .lead | 107 | .lead |
@@ -101,10 +110,34 @@ | @@ -101,10 +110,34 @@ | ||
101 | float: left | 110 | float: left |
102 | height: 25px | 111 | height: 25px |
103 | margin-left: 10px | 112 | margin-left: 10px |
104 | - width: 25px | 113 | + width: auto |
105 | a | 114 | a |
106 | background: url('images/home/09.png') no-repeat left center | 115 | background: url('images/home/09.png') no-repeat left center |
107 | - background-size: contain | ||
108 | - color: transparent | 116 | + background-size: 20px 20px |
117 | + color: #3F3F3F | ||
109 | display: block | 118 | display: block |
119 | + font-family: 'Ubuntu' | ||
120 | + height: 20px | ||
121 | + line-height: 20px | ||
122 | + text-decoration: none | ||
123 | + text-indent: 25px | ||
124 | + text-transform: lowercase | ||
125 | +.raw-html-block | ||
126 | + .action-home-index #content &, #content #box-organizer & | ||
127 | + margin: auto | ||
128 | + width: 960px | ||
129 | + #read-more-news | ||
130 | + display: block | ||
131 | + height: 50px | ||
132 | + text-align: right | ||
133 | + width: auto | ||
134 | + a | ||
135 | + background: #404040 | ||
136 | + border-radius: 45px | ||
137 | + padding: 10px 45px | ||
138 | + width: auto | ||
139 | + color: #FFF | ||
140 | + font-family: 'Ubuntu Mediun' | ||
141 | + font-size: 14px | ||
142 | + font-weight: 300 | ||
110 | text-decoration: none | 143 | text-decoration: none |