css

blog/static/css/new.css

@@ -13,6 +13,14 @@ a {
 			margin: 0 0 10px 0;
 			padding: 15px;
 		}
+		.close {
+			color: #FFFFFF;
+			position: absolute;
+			right: -25px;
+			text-decoration: none;
+			top: -25px;
+			font-size: 30px;
+		}
 		#content {
 			margin: 10px 0 0 0;
 		}
@@ -28,6 +36,57 @@ a {
 			font-size: 25px;
 			margin-right: 10px;
 		}
+		.dialog {
+			 position: fixed;
+			 top: 0;
+			 right: 0;
+			 bottom: 0;
+			 left: 0;
+			 background: rgba(0,0,0,0.8);
+			 z-index: 99999;
+			 -webkit-transition: opacity 400ms ease-in;
+			 -moz-transition: opacity 400ms ease-in;
+			 transition: opacity 400ms ease-in;
+			 display: none;
+			 pointer-events: none;
+		}
+
+		.dialog:target {
+			display: block;
+			pointer-events: auto;
+		}
+
+		.dialog1 {
+			 position: fixed;
+			 top: 0;
+			 right: 0;
+			 bottom: 0;
+			 left: 0;
+			 background: rgba(0,0,0,0.8);
+			 z-index: 99999;
+			 -webkit-transition: opacity 400ms ease-in;
+			 -moz-transition: opacity 400ms ease-in;
+			 transition: opacity 400ms ease-in;
+			 display: none;
+			 pointer-events: none;
+		}
+
+		.dialog1:target {
+			display: block;
+			pointer-events: auto;
+		}
+
+		.dialog > div {
+			width: 17em;
+			position: relative;
+			margin: 15% auto;
+			padding: 10px;
+			text-align: center;
+			//border-radius: 10px;
+			background: #fff;
+		}
+		.dialog span {line-height: 50px}
+		.dialog input {width: 100px; margin: 5px}
 		input#button-search {
 			background: url('https://touchit.com.ua/static/images/icons/search-25.png') no-repeat center center;
 			border: none;
@@ -49,7 +108,16 @@ a {
 			font-family: 'Open Sans', sans-serif;
 			height: 50px;
 		}
-		
+		input[name="search"] {
+			border: 1px solid #CCCCCC;
+			border-radius: 4px;
+			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
+			color: #333333;
+			font-size: 14px;
+			padding: 6px 12px;
+			width: 200px;
+			vertical-align: top;
+		}
 		#logo {
 			color: #FFFFFF;
 			float: left;
@@ -63,6 +131,20 @@ a {
 			text-decoration: none;
 			vertical-align: top;
 		}
+		.menu_top li {
+			display: inline; 
+			margin-right: 10px;
+		}
+		.paginator {
+			font-size: 20px; 
+			list-style: none; 
+			text-align: center; 
+		}   
+		.paginator a {
+			display: inline-block; 
+			padding: 2 1;  text-decoration:none; 
+			text-align: center; 
+		}
 		.post {
 			box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 			box-sizing: border-box;
@@ -89,6 +171,9 @@ a {
 		.post-header a:hover {
 			color: #4a809a;
 		}
+		.right {
+			float: right;
+		}
 		#posts {
 			box-sizing: border-box;
 			display: block;
@@ -125,13 +210,23 @@ a {
 			list-style: none;
 			margin: 5px 0 10px;
 		}
-		input[name="search"] {
+		textarea{
-			border: 1px solid #CCCCCC;
+			width: 90%;
-			border-radius: 4px;
+			margin:5px 10px;
-			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-			color: #333333;
-			font-size: 14px;
-			padding: 6px 12px;
-			width: 200px;
-			vertical-align: top;
 		}
+		//button[name="action"] {display: block; float: right; margin: 1px;}
+		//table {
+		//border: none; 
+		//border-collapse: collapse;}
+		//td {padding: 2 10;}
+		tr:hover td {
+		background-color: rgba(41, 128, 185, 0.1);
+		}
+
+
+			@media screen and (max-width: 900px) {
+				#posts {padding: 0}
+		        #header  {width: 98%;}
+		        //.sidemenu {background: #F7F7F8;}
+				#search, .sidemenu {display: none}
+		}