115 lines
1.7 KiB
CSS
115 lines
1.7 KiB
CSS
/*
|
|
* Top Posts Widget styles for Jetpack
|
|
*/
|
|
|
|
/* 2-Column Grid Layout */
|
|
|
|
.widgets-grid-layout {
|
|
width: 100%;
|
|
}
|
|
|
|
.widgets-grid-layout:before,
|
|
.widgets-grid-layout:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.widgets-grid-layout:after {
|
|
clear: both;
|
|
}
|
|
|
|
.widget-grid-view-image {
|
|
float: left;
|
|
max-width: 50%;
|
|
}
|
|
|
|
.widget-grid-view-image a {
|
|
display: block;
|
|
margin: 0 2px 4px 0;
|
|
}
|
|
|
|
.widget-grid-view-image:image:nth-child(even) {
|
|
float: right;
|
|
}
|
|
|
|
.widget-grid-view-image:nth-child(even) a {
|
|
margin: 0 0 4px 2px;
|
|
}
|
|
|
|
.widgets-grid-layout .widget-grid-view-image img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/* Multi-Column Grid Layout */
|
|
|
|
.widgets-multi-column-grid ul {
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.widgets-multi-column-grid ul li {
|
|
background: none;
|
|
clear: none;
|
|
float: left;
|
|
margin: 0 -5px -3px 0;
|
|
padding: 0 8px 6px 0;
|
|
border: none;
|
|
list-style-type: none !important;
|
|
}
|
|
|
|
.widgets-multi-column-grid ul li a {
|
|
background: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.widgets-multi-column-grid .avatar {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* List Layout */
|
|
|
|
.widgets-list-layout {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.widgets-list-layout li:before,
|
|
.widgets-list-layout li:after {
|
|
content:"";
|
|
display:table;
|
|
}
|
|
.widgets-list-layout li:after {
|
|
clear:both;
|
|
}
|
|
.widgets-list-layout li {
|
|
zoom:1;
|
|
margin-bottom: 1em;
|
|
list-style-type: none !important;
|
|
}
|
|
|
|
.widgets-list-layout .widgets-list-layout-blavatar {
|
|
float: left;
|
|
width: 21.276596%;
|
|
max-width: 40px;
|
|
height: auto;
|
|
}
|
|
|
|
.widgets-list-layout-links {
|
|
float: right;
|
|
width: 73.404255%;
|
|
}
|
|
|
|
.widgets-list-layout span {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.widgets-list-layout span:hover {
|
|
opacity: 0.8;
|
|
}
|