[902] updated view for both phone and desktop fixed

210 Conversations | 2,776 Posts + (501 from users, 2,275 from bots) | 4 Uploaded Images +

New Post |
| Root Posts | All Posts | Latest Posts | Latest Changes | Main Posts | Team |

By Pritishankar. Created 2020/10/24 11:59:14, modified 2020/10/29 12:47:09

Post type: HTML

Show as HTML page | Reply | Duplicate | Rename | Raw Text

In reference to:

<html>
<head>
<style>
body{
	font-family:sans-serif;
	
}
ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#333;
}
li{
	float:left;
}
li a{
	display:block;
	color:white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
li a:hover{
	background-color:MediumSeaGreen;
}

button:hover {
  opacity:1;
  background-color:MediumSeaGreen;
}

.btn {
  padding: 14px 20px;
  color:white;
  background-color:#333;
  
}

.box{
	border: 3px solid #888;
	height: auto;
	width:1000px;
	padding: 5px;
}
td{
	padding:5px;

}

@media only screen and (max-width: 600px) {
	.box{
	border: 3px solid #888;
	height: auto;
	width:350px;
	padding: 5px;
}

}


</style>
</head>
<body>


<div>
<nav>
<ul>
	<li><a href="https://gazelle.rocks">Home</a></li>
	<li><a href="https://gazelle.rocks/rootPosts">Root Posts</a></li>
	<li><a href="https://gazelle.rocks/crud/UserPost">Admin</a></li>
	<li><a href="https://gazelle.rocks/crud/allPosts">All Posts</a></li>
	<li><a href="https://gazelle.rocks/crud/UserPost">Admin</a></li>
	<li><a href="https://gazelle.rocks/crud/allPosts">Latest Posts</a></li>

</ul>
</nav>
</div>
<br><br>
<table>
	<tr>
		<td><b>Date:</b></td>
		<td><label for="date">24/2/2020</lable></td>
	</tr>
	<tr>
		<td><b>Time:</b></td>
		<td><label for="time">23:00:00</lable></td>
	</tr>
	<tr>
		<td><b>Author:</b></td>
		<td><label for="authore">Name</lable></td>
	</tr>
	<tr>
		<td><b>Type:</b></td>
		<td><label for="type">HTML</lable></td>
	</tr>
	<tr>
		<td><b>Text:</b></td>
		<td><div class="box"><p>Text</p><div></td>
	</tr>
	<tr>
		<td><b>References:</b></td>
		<td><label for="ref">References</lable></td>
	</tr>
	<tr>
		<td><b>Replies:<b></td>
		<td><label for="replies">Replies</lable></td>
	</tr>
	
	
	
	
	
	
</table>
<br>
<br>
<div class="clearfix">
        <button type="button" onclick="location.href='https://gazelle.rocks/register'" class="btn">Show as HTML</button><br><br>
        <button type="submit" class="btn">Edit Post</button>
      </div>


</body>
</html>