news angepasst...

Author: mk1012

css/coderdojoka.css

@@ -632,6 +632,11 @@ body {
 }
 
 @media (max-width: 767px) {
+	
+	#news_container{
+		display: none;
+	}
+
     #timeline:before {
         left: 35px;
     }
@@ -704,30 +709,32 @@ body {
 	position: relative;
 }
 
-#news_content a{
-     color: #42dca3 !important;
-}
-
 #news_container{
-	margin-bottom: 200px;
+	position: absolute;
+	left: 0;
+	bottom: 40px;
 	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
-	font-size: 20pt;
+	font-size: 18pt;
 	text-align: left;
 }
 
+#news_container a{
+	color: #0D7900;
+}
+
 .triangle_box{
 	width: auto;
 	height: 40px;
 	line-height: 40px;
-	font-size: 22pt;
+	font-size: 18pt;
 	margin: 5px 0;
 }
 .triangle_text{
 	background-color: black;	
 	color: white;
 	float: left	;	
 	padding-left: 5px;
-	width: 265px;
+	width: 220px;
 }
 
 .triangle_right {

index.html

@@ -117,15 +117,42 @@
 
 
     </div>
-		<div id="news"><span id="news_content"> bubberfisch</span> </div>
     <!-- /.container -->
 </nav>
 
 <!-- Intro Header -->
 <header class="intro">
     <div class="intro-body">
+
+
+<table id="news_container">
+		<tr>
+			<td>
+				<div class="triangle_box">
+					<div class="triangle_text">Nächstes Treffen</div>
+					<div class="triangle_right"></div>
+				</div>
+			</td>
+			<td>20. November</td>
+		</tr>
+		<tr>
+			<td>
+				<div class="triangle_box">
+					<div class="triangle_text">Neu</div>
+					<div class="triangle_right"></div>
+				</div>
+			</td>
+			<td><a href="raetsel.html">Das Rätsel der Woche</td>
+		</tr>
+	</table>
+
+
+
         <div class="container">
             <div class="row">
+
+
+
                 <div class="col-md-8 col-md-offset-2">
                     <h1 class="brand-heading">CoderDojo</h1>
 
@@ -147,26 +174,7 @@ <h2 class="brand-heading">Karlsruhe</h2>
 <section id="about" class="content-section text-center">
     <div class="container">
 
- 	<table id="news_container">
-		<tr>
-			<td>
-				<div class="triangle_box">
-					<div class="triangle_text">Nächstes Treffen</div>
-					<div class="triangle_right"></div>
-				</div>
-			</td>
-			<td>20. November</td>
-		</tr>
-		<tr>
-			<td>
-				<div class="triangle_box">
-					<div class="triangle_text">Neu</div>
-					<div class="triangle_right"></div>
-				</div>
-			</td>
-			<td><a href="raetsel.html">Das Rätsel der Woche</td>
-		</tr>
-	</table>
+ 	
 
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2">
@@ -489,10 +497,6 @@ <h2>Unterstützer</h2>
 <!-- Custom Theme JavaScript -->
 <script src="js/coderdojoka.js"></script>
 
-<!-- News ticker
-<script src="js/news_anim.js"></script>
- -->
-
 <!-- Init Lightbox -->
 <script>
     lightbox.option({
@@ -501,8 +505,6 @@ <h2>Unterstützer</h2>
         'fitImagesInViewport': true
     });
 
-//	News.init(["Neu: das <a href='raetsel.html'>Rätsel der Woche</a>", "nächstes Treffen am 20.Nov"]);
-//  News.animate();
 </script>