adding the cnn.css

08/cnn/cnn.css

@@ -0,0 +1,63 @@
+/* Push the body down with margin-top*/
+body {
+	margin-top: 40px;
+	/*background-color: pink;*/
+}
+
+/* CNN styling */
+#cnn{
+	position: fixed;
+	width: calc(100% - 10px);
+	min-width: 420px;
+	height: 30px;
+	top:0;
+	left:0;
+	right: 0;
+	vertical-align: top;
+	padding: 5px; 
+	font-size: 14px;
+	background-color: #f2f5f6; 
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
+}
+#cnn .button_container {
+	display: inline-block;
+	width: calc(50% - 20px);
+}
+button {
+	width:auto;
+	margin-right: 10px;
+}
+button:hover{
+	cursor: pointer;
+}
+#sitemap button{
+	position: absolute;
+	top:0;
+	right:0;
+	margin:5px;
+	padding:0;
+	color:blue;
+}
+
+@media screen and (orientation: portrait){
+	body {
+		margin-top: 80px;
+		/*background-color: yellow;*/
+	}
+	#cnn {
+		width: calc(100% - 10px);
+		height: 65px;
+		font-size: 12px;
+	}
+	#cnn .button_container {
+		width: calc(100% - 100px);
+	}
+	button {
+		width: 100%;
+		margin-bottom: 5px;
+	}
+	#sitemap button {
+		width: 90px;
+		height: calc(100% - 12px);
+	}
+}