Initial commit - Typo3 11.5.41

typo3conf/ext/news/Resources/Public/Css/news-basic.less

@@ -0,0 +1,221 @@
+/**************************************/
+/* Default styles for news extension */
+/**************************************/
+
+.news {
+
+	.clear {
+		clear: both;
+	}
+
+	.nav {
+		ul {
+			float: left;
+			display: inline;
+			margin: 0;
+		}
+		li {
+			float: left;
+		}
+		a {
+			float: left;
+			display: block;
+		}
+		&:after {
+			content: ".";
+			display: block;
+			height: 0;
+			clear: both;
+			visibility: hidden;
+		}
+	}
+
+	.article {
+		padding-bottom: 15px;
+		margin-bottom: 15px;
+
+		&:last-child {
+			padding-bottom: 0;
+			margin-bottom: 0;
+		}
+		&:after {
+			content: ".";
+			display: block;
+			height: 0;
+			clear: both;
+			visibility: hidden;
+		}
+
+		.news-img-wrap {
+			float: left;
+			margin: 3px 12px 5px 0;
+			background: #fff;
+			a {
+				display: block;
+				float: left;
+				padding: 4px;
+				border: 1px solid #ddd;
+				background: #fff;
+			}
+			img {
+				float: left;
+				height: auto;
+				width: auto;
+			}
+
+		}
+		.teaser-text {
+			margin: 0 0 10px 0;
+		}
+		h3 {
+			margin-bottom: 0;
+		}
+	}
+
+	.footer {
+		clear: both;
+		padding: 10px 0 0 0;
+		border-top: 1px solid #eee;
+		margin-top: 15px;
+		color: #888;
+		p {
+			line-height: 1em;
+		}
+		span {
+			display: inline-block;
+			padding-right: 8px;
+			margin-right: 8px;
+			border-right: 1px solid #ddd;
+			&:last-child {
+				border-right: 0;
+			}
+
+		}
+		.news-category a {
+			text-transform: uppercase;
+		}
+	}
+	.no-news-found {
+		color: #DB0202;
+		font-style: italic;
+	}
+
+	.page-navigation {
+		p {
+			float: left;
+		}
+		ul {
+			float: right;
+			li {
+				float: left;
+				display: block;
+				padding: 0 2px;
+				background: none;
+				a {
+					display: block;
+				}
+			}
+		}
+	}
+}
+
+/* category menu view */
+.news-category-view {
+	ul li {
+		padding: 5px 8px;
+
+		li {
+			padding: 2px 8px 2px 12px;
+		}
+	}
+	> ul > li:nth-child(even) {
+		background: #f9f9f9;
+		border-top: 1px solid #eee;
+		border-bottom: 1px solid #eee;
+	}
+
+	.category-desc {
+		padding-left: 10px;
+		margin-left: 10px;
+		border-left: 1px solid #ddd;
+	}
+}
+
+/* single view */
+.news-single {
+	.footer {
+		margin-bottom: 20px;
+		margin-top: 5px;
+		padding: 10px 0 0 0;
+		border-bottom: 0;
+		border-top: 1px solid #eee;
+	}
+	.article .news-img-wrap {
+		float: right;
+		width: 282px;
+		margin: 0 0 0 25px;
+		img {
+			float: none;
+		}
+	}
+	.teaser-text {
+		font-size: 15px;
+		color: #888;
+	}
+}
+
+.news-text-wrap {
+	margin-bottom: 10px;
+}
+
+.news-img-caption {
+	color: #888;
+}
+
+/* related news + files */
+.news-related-wrap {
+	display: table;
+	margin-top: 20px;
+	width: 100%;
+}
+
+.news-related {
+	width: 50%;
+	padding: 15px;
+	border: 1px solid #eee;
+	display: table-cell;
+
+	ul li {
+		line-height: 1em;
+		margin-bottom: 12px;
+
+		span {
+			border-right: 1px solid #DDDDDD;
+			display: inline-block;
+			margin-right: 8px;
+			padding-right: 8px;
+			color: #888;
+
+			:last-child {
+				border-right: 0;
+				padding-right: 0;
+			}
+		}
+	}
+	h4 {
+		margin-bottom: 10px;
+	}
+}
+
+.news-related-files {
+	ul li {
+		margin-bottom: 20px;
+	}
+	.news-related-files-link .jpg {
+		background-position: 0 0;
+	}
+}
+
+.news-clear {
+	clear: both;
+}