Commit cc431238fc30e5f799a264d8fe41e9d5ddc0c98e

Authored by Melissa Wen
1 parent c08c6daf

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 11 margin: 0 0 15px 0
12 12 a
13 13 color: #3F3F3F
14   - font-family: 'Ubuntu'
15   - font-weight: 700
  14 + font-family: 'Ubuntu Mediun'
  15 + font-weight: 300
16 16 font-size: 22px
17 17 text-decoration: none
18 18 .image
... ... @@ -47,9 +47,10 @@
47 47 font-family: 'Ubuntu'
48 48 font-size: 14px
49 49 height: 30px
  50 + line-height: 30px
50 51 padding-left: 40px
51 52 text-decoration: none
52   - line-height: 30px
  53 + text-transform: lowercase
53 54 .action-home-index #content .box .block-outer:last-child &, #content #box-organizer .container-block-plugin_container-block .block-outer:nth-child(3) &
54 55 float: left
55 56 margin-left: 15px
... ... @@ -58,11 +59,12 @@
58 59 background: none
59 60 height: 22px
60 61 line-height: 22px
61   - margin: 0 0 15px 0
  62 + margin: 2px 0 15px 0
62 63 width: 290px
63 64 span
64 65 background: none
65 66 color: #BEBEBE
  67 + font-family: 'Ubuntu Mediun'
66 68 font-size: 22px
67 69 padding: 0
68 70 width: 290px
... ... @@ -77,14 +79,20 @@
77 79 width: 290px
78 80 &:first-child
79 81 display: none
  82 + &:last-child
  83 + border-bottom: 1px solid #373737
80 84 .image
81 85 float: left
82   - height: 130px
  86 + height: 125px
83 87 margin: 0
84 88 overflow: hidden
  89 + position: relative
85 90 width: 160px
86 91 img
87   - max-width: 160px
  92 + left: 50%
  93 + margin-left: -100px
  94 + max-width: 200px
  95 + position: absolute
88 96 .title
89 97 float: left
90 98 margin: 0 0 30px 10px
... ... @@ -93,6 +101,7 @@
93 101 width: 120px
94 102 a
95 103 color: #3F3F3F
  104 + font-family: 'Ubuntu'
96 105 font-size: 14px
97 106 text-decoration: none
98 107 .lead
... ... @@ -101,10 +110,34 @@
101 110 float: left
102 111 height: 25px
103 112 margin-left: 10px
104   - width: 25px
  113 + width: auto
105 114 a
106 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 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 143 text-decoration: none
... ...