Skip to content

Commit 725cf9a

Browse files
magefanmagefan
authored
Merge pull request #390 from magefan/bob308tr-patch-6
Update blog-m.css
2 parents 57398ac + bd19833 commit 725cf9a

File tree

1 file changed

+29
-140
lines changed

1 file changed

+29
-140
lines changed

‎view/frontend/web/css/blog-m.css

Lines changed: 29 additions & 140 deletions
Original file line numberDiff line numberDiff line change
@@ -46,174 +46,63 @@
4646
.post-content .post-description .post-ftimg-hld {margin: 0 0 10px 0;}
4747
.post-content .post-description .post-ftimg-hld img {width:100%; padding:0; margin:0;}
4848

49-
.post-list .post-header .post-title {max-width:80%;}
50-
.post-list .post-header .post-title a {
51-
text-decoration: none;
52-
font-size: 22px;
53-
color: #636363;
54-
font-weight: 400;
55-
}
56-
57-
58-
59-
.post-list .post-header .post-title {
60-
margin: 0;
61-
padding: 10px 0;
62-
float:left;
63-
}
64-
49+
/* Post Title */
50+
.post-list .post-header .post-title-holder:before {content: "";display: table;}
51+
.post-list .post-header .post-title-holder:after {content: "";display: table;clear: both;}
52+
.post-list .post-header .post-title {max-width:80%;margin: 0;padding: 10px 0;}
53+
.post-list .post-header .post-title a {text-decoration: none;font-size: 22px;color: #636363;font-weight: 400;}
6554
.post-list .post-holder .post-header .addthis_toolbox {float: right; padding-top: 20px;}
66-
.post-list .hidden {display:none;}
6755

68-
.post-view .post-holder .post-header .addthis_toolbox {float: right;}
56+
.post-list .hidden {display:none;}
6957
.post-view .post-bottom {margin-top:30px;}
7058

7159
.post-view .post-nextprev-hld {margin-bottom: 30px;}
7260
.post-view .post-nextprev-hld .nextprev-link {font-weight: 700;}
7361
.post-view .post-nextprev-hld .prev-link {float:left}
7462
.post-view .post-nextprev-hld .next-link {float:right}
7563

64+
/* Post Gallery */
7665
.post-view .post-gallery {margin:15px 0 15px 0}
7766
.post-view .post-gallery .gallery-image-hld {margin: 0 14px 14px 0; border:1px solid #ccc; display: block; float:left}
7867
.post-view .post-gallery .gallery-image{padding: 0; margin:0; display:block}
7968

8069
.post-view .block {margin-bottom: 30px;}
8170

71+
/* Widget Gallery */
72+
.widget.block-categories ul {padding: 0;margin: 0;list-style: none;}
73+
.widget.block-categories ul li {padding: 5px 0 5px 9px;margin: 0;}
74+
.widget.block-categories ul li a {font-weight: 600;}
75+
.widget.block-categories ul ul {margin: 0;}
8276

83-
.widget.block-categories ul {
84-
list-style: initial;
85-
padding-left:0;
86-
}
87-
88-
.widget.block-categories ul ul {
89-
margin-left:20px;
90-
}
91-
92-
.widget.block-categories ul,
93-
.widget.block-categories li {
94-
margin: 5px 0 5px 9px;
95-
padding: 0;
96-
}
97-
77+
/* Widget RSS */
9878
.widget.block-rss .rss-icon {float: left; width: 23px; padding-right: 10px;}
9979

100-
.widget.blog-search {
101-
width:100%;
102-
margin-bottom: 40px;
103-
position: relative;
104-
float: right;
105-
}
106-
107-
.widget.blog-search .block-content {
108-
margin-bottom: 0;
109-
}
110-
111-
.widget.blog-search .block-content .form {
112-
position: relative;
113-
}
114-
115-
.widget.blog-search label {
116-
border: 0;
117-
clip: rect(0, 0, 0, 0);
118-
height: 1px;
119-
margin: -1px;
120-
overflow: hidden;
121-
padding: 0;
122-
position: absolute;
123-
width: 1px;
124-
text-decoration: none;
125-
display: inline-block;
126-
float: right;
127-
}
128-
129-
.widget.blog-search .control {
130-
border-top: 0;
131-
margin: 0;
132-
padding: 0;
133-
clear: both;
134-
}
135-
136-
.widget.blog-search input {
137-
position: static;
138-
padding-right: 35px;
139-
margin: 0;
140-
left: -300%;
141-
}
142-
143-
.widget.blog-search .action.search {
144-
position: absolute;
145-
right: 10px;
146-
top: 0;
147-
top: calc(50% - 16px);
148-
z-index: 1;
149-
display: inline-block;
150-
background-image: none;
151-
background: none;
152-
-moz-box-sizing: content-box;
153-
border: 0;
154-
box-shadow: none;
155-
line-height: inherit;
156-
margin: 0;
157-
padding: 0;
158-
text-decoration: none;
159-
text-shadow: none;
160-
font-weight: 400;
161-
}
162-
163-
.widget.blog-search .action.search:before {
164-
-webkit-font-smoothing: antialiased;
165-
content: '';
166-
margin: 0;
167-
vertical-align: top;
168-
display: inline-block;
169-
overflow: hidden;
170-
speak: none;
171-
width: 16px;
172-
height: 32px;
173-
background: url(../images/search-icon.svg) no-repeat -10px -7px;
174-
background-size: 35px;
175-
opacity: 0.5;
176-
}
177-
178-
.widget.blog-search .action.search > span {
179-
border: 0;
180-
clip: rect(0, 0, 0, 0);
181-
height: 1px;
182-
margin: -1px;
183-
overflow: hidden;
184-
padding: 0;
185-
position: absolute;
186-
width: 1px;
187-
}
188-
189-
/* Tag claud widget */
80+
/* Widget Search */
81+
.widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
82+
.widget.blog-search .block-content {margin-bottom: 0;}
83+
.widget.blog-search .block-content .form {position: relative;}
84+
.widget.blog-search label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
85+
.widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
86+
.widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;}
87+
.widget.blog-search .action.search {position: absolute;right: 10px;top: 0;bottom: 0;z-index: 1;height: 100%;margin: 0;padding: 0;display: inline-block;background-image: none;background: none;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;text-decoration: none;text-shadow: none;font-weight: 400;}
88+
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../images/search-icon.svg) no-repeat -10px -7px;background-size: 35px;opacity: 0.5;}
89+
.widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
90+
91+
/* Widget Tag Claud */
19092
.widget.block-tagclaud .smallest{font-size: 0.75em}
19193
.widget.block-tagclaud .small{font-size:1em}
19294
.widget.block-tagclaud .medium{font-size:1.25em}
19395
.widget.block-tagclaud .large{font-size:1.5em}
19496
.widget.block-tagclaud .largest{font-size:2em}
19597

196-
.blog-widget-recent .post-list {
197-
padding: 0;
198-
margin: 0;
199-
}
200-
201-
.blog-widget-recent .post-holder {
202-
width: 31.2%;
203-
float: left;
204-
margin: 1%;
205-
-webkit-box-sizing: border-box;
206-
-moz-box-sizing: border-box;
207-
box-sizing: border-box;
208-
}
98+
/* Widget Recent */
99+
.blog-widget-recent .post-list {padding: 0;margin: 0;}
100+
.blog-widget-recent .post-holder {width: 31.2%;float: left;margin: 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
209101
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 48%;}
210-
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {
211-
clear: both;
212-
}
102+
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {clear: both;}
213103
@media (max-width: 767px) {
214104
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 98%;}
215105
}
216-
217106
@media (max-width: 1024px) {
218107
.blog-widget-recent .post-holder {
219108
width: 48%;

0 commit comments

Comments
 (0)