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
@@ -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