﻿<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="static/style.css"/>
		<title>LysReader</title>
	</head>
	<body>
		<div id="root">
			<header>
				<h1>LysReader</h1>
				<nav>
					<ul>
						<li><a id="add" href="#"></a></li>
						<li><a id="options" href="#"></a>
                            <ul>
                                <li><a href="#">Account</a></li>
                                <li><a href="#">Settings</a></li>
                                <li><a href="#">Logout</a></li>
                            </ul>
						</li>
					</ul>
				</nav>
			</header>
			<div id="messagebox" class="info">
				<span>Messages goes here. There are three levels available (info, success, error).</span>
			</div>
			<div id="main">
				<div id="sidebar">
				</div>
				<div id="content">
				</div>
			</div>
		</div>
	</body>
</html>
﻿<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="static/style.css"/>
		<title>LysReader</title>
	</head>
	<body>
		<div id="root">
			<header>
				<h1>LysReader</h1>
				<nav>
					<ul>
						<li><a id="add" href="#"></a></li>
						<li><a id="options" href="#"></a>
                            <ul>
                                <li><a href="#">Account</a></li>
                                <li><a href="#">Settings</a></li>
                                <li><a href="#">Logout</a></li>
                            </ul>
						</li>
					</ul>
				</nav>
			</header>
			<div id="messagebox" class="info hide">
				<span>Messages goes here. There are three levels available (info, success, error).</span>
			</div>
			<div id="main">
				<div id="sidebar">
				</div>
				<div id="content">
				</div>
			</div>
		</div>
	</body>
</html>
Add hide style to messagebox
Add hide style to messagebox
