Module:Portal/styles.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 /* {{pp-template}} */
 .portalbox {
-    float: right;
-	border: solid #aaa 1px;
 	padding: 0; /* Timeless adds padding */
+	margin: 0.5em 0;
+	display: table;
+	box-sizing: border-box;
+	max-width: 175px;
+	list-style: none;
 }
-.portalbox.tleft {
+.portalborder {
-	margin: 0.5em 1em 0.5em 0
+	border: solid #aaa 1px;
+	padding: 0.1em;
+	background: #f9f9f9;
 }
-.portalbox.tright {
+.portalbox-entry {
-	margin: 0.5em 0 0.5em 1em
+	display: table-row;
-}
-.portalbox > ul {
-	display: table;
-	box-sizing: border-box;
-	padding: 0.1em;
-	max-width: 175px;
-	background: #f9f9f9;
 	font-size: 85%;
 	line-height: 110%;
+	height: 1.9em; /* sets min height */
 	font-style: italic;
 	font-weight: bold;
 }
-.portalbox > ul > li {
+.portalbox-image {
-	display: table-row;
-}
-.portalbox > ul > li > span:first-child {
 	display: table-cell;
 	padding: 0.2em;
@@ Line 36: / Line 31: @@
 }
-.portalbox > ul > li > span:last-child {
+.portalbox-link {
 	display: table-cell;
 	padding: 0.2em 0.2em 0.2em 0.3em;
 	vertical-align: middle;
+}
+@media (min-width: 720px) {
+	.portalleft {
+		clear: left;
+		float: left;
+		margin: 0.5em 1em 0.5em 0
+	}
+	.portalright {
+		clear: right;
+		float: right;
+		margin: 0.5em 0 0.5em 1em
+	}
 }