← All changes | modules/widgets/top-posts/style.css +116 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,116 @@
	1	+/*
	2	+ * Top Posts Widget styles for Jetpack
	3	+ */
	4	+
	5	+/* 2-Column Grid Layout */
	6	+
	7	+.widgets-grid-layout {
	8	+ width: 100%;
	9	+}
	10	+
	11	+.widgets-grid-layout::before,
	12	+.widgets-grid-layout::after {
	13	+ content: " ";
	14	+ display: table;
	15	+}
	16	+
	17	+.widgets-grid-layout::after {
	18	+ clear: both;
	19	+}
	20	+
	21	+.widget-grid-view-image {
	22	+ float: left;
	23	+ max-width: 50%;
	24	+}
	25	+
	26	+.widget-grid-view-image a {
	27	+ display: block;
	28	+ margin: 0 2px 4px 0;
	29	+}
	30	+
	31	+.widget-grid-view-image:nth-child(even) {
	32	+ float: right;
	33	+}
	34	+
	35	+.widget-grid-view-image:nth-child(even) a {
	36	+ margin: 0 0 4px 2px;
	37	+}
	38	+
	39	+.widgets-grid-layout .widget-grid-view-image img {
	40	+ max-width: 100%;
	41	+ height: auto;
	42	+}
	43	+
	44	+/* Multi-Column Grid Layout */
	45	+
	46	+.widgets-multi-column-grid ul {
	47	+ overflow: hidden;
	48	+ padding: 0;
	49	+ margin: 0;
	50	+ list-style-type: none;
	51	+}
	52	+
	53	+.widgets-multi-column-grid ul li {
	54	+ background: none;
	55	+ clear: none;
	56	+ float: left;
	57	+ margin: 0 -5px -3px 0;
	58	+ padding: 0 8px 6px 0;
	59	+ border: none;
	60	+ list-style-type: none !important;
	61	+}
	62	+
	63	+.widgets-multi-column-grid ul li a {
	64	+ background: none;
	65	+ margin: 0;
	66	+ padding: 0;
	67	+ border: 0;
	68	+}
	69	+
	70	+.widgets-multi-column-grid .avatar {
	71	+ vertical-align: middle;
	72	+}
	73	+
	74	+/* List Layout */
	75	+
	76	+.widgets-list-layout {
	77	+ padding: 0;
	78	+ margin: 0;
	79	+ list-style-type: none;
	80	+}
	81	+
	82	+.widgets-list-layout li::before,
	83	+.widgets-list-layout li::after {
	84	+ content: "";
	85	+ display: table;
	86	+}
	87	+
	88	+.widgets-list-layout li::after {
	89	+ clear: both;
	90	+}
	91	+
	92	+.widgets-list-layout li {
	93	+ zoom: 1;
	94	+ margin-bottom: 1em;
	95	+ list-style-type: none !important;
	96	+}
	97	+
	98	+.widgets-list-layout .widgets-list-layout-blavatar {
	99	+ float: left;
	100	+ width: 21.276596%;
	101	+ max-width: 40px;
	102	+ height: auto;
	103	+}
	104	+
	105	+.widgets-list-layout-links {
	106	+ float: right;
	107	+ width: 73.404255%;
	108	+}
	109	+
	110	+.widgets-list-layout span {
	111	+ opacity: 0.5;
	112	+}
	113	+
	114	+.widgets-list-layout span:hover {
	115	+ opacity: 0.8;
	116	+}