main view tryouts

theme/wttf/static/main.css

@@ -1,5 +1,30 @@
+
 body{
 	margin:0px;
+	font: 14px "ArimaKoshiRegular";
+	/*line-height: 1.5em;*/
+	color:midnightblue;
+}
+#menu select{
+	height:3em;
+	vertical-align: middle;
+}
+h1{
+	font-size: 42px;
+	line-height:45px;
+	margin-top: 0.3em;
+	margin-bottom: 0.3em;
+	font: 36px "ArimaKoshiBlack";
+	text-align:center;
+	font-weight: bold;
+}
+
+article{
+
+}
+
+a{
+	color:lightseagreen;
 }
 
 #content{
@@ -7,22 +32,48 @@ body{
 }
 
 .featured {
-	max-width: calc(50% - 8em);
+	max-width: calc(50% - 6em);
 	float: left;
 	margin: 2em;
 	padding:1em;
-	background-color: snow;
-	/*display: inline-block;*/
-	/*vertical-align: top;*/
+	background-color: gainsboro;
+	/*background-color: powderblue;*/
+	box-shadow: 1.1em 1.1em gainsboro;
+	font: 20px "ArimaKoshiRegular";
+	line-height: 30px;
+	font-weight:500;
+}
+
+.featured:nth-child(even) {
+	float:right;
+}
+
+.entry-title{
+	text-align:right;
+}
+.entry-subtitle{
+	font-size: 14px;
+	text-align:right;
+	margin-bottom:1em;
+}
+.entry-content{
+	padding-left:2em;
+	padding-right:2em;
+}
+.entry-tags{
+	font-weight:bold;
+}
+.entry-category{
+	font-weight:bold;
+}
+.entry-date{
+	font-style:italic;
 }
 #list{
 	width:100%;
 	clear: both;
 }
-.featured:nth-child(even) {
-	/*margin-top: 16em;*/
-	float:right;
-}
+
 #menu{
 	max-width: calc(50% - 4em);
 	float:right;
@@ -32,3 +83,18 @@ body{
 footer{clear:both;}
 
 
+@media only screen and (orientation:portrait) {
+	body {
+		background-color: blue;
+	}
+
+	.featured{
+		max-width: calc(100%-8em); !important
+		clear:both; !important
+	}
+	.featured:nth-child(even) {
+		clear:both; !important
+	}
+
+
+}