orbit-basic/lib/desktopapp/views/journal_pages/add.erb

<div class="toolbar hh2">
	<div class="fn_g hp">
		<button class="fn_btn hh2 thmc2 thmtxt">Save</button>
		<button class="fn_btn hh2 admbg2">Cancel</button>
	</div>
	<div class="hh2 hp sdm">
		<div class="sdm_t hh2">Entry Year</div>
		<div class="admbg sdm_o">
			<ul>
				<li><a class="hp hh2 admtxt" href="">2012</a></li>
				<li><a class="hp hh2 admtxt" href="">2011</a></li>
				<li><a class="hp hh2 admtxt" href="">2010</a></li>
				<li><a class="hp hh2 admtxt" href="">2009</a></li>
				<li><a class="hp hh2 admtxt" href="">2008</a></li>
			</ul>
		</div>
	</div>
	<div class="hh2 hp sdm">
		<div class="sdm_t hh2">Language</div>
		<div class="admbg sdm_o">
			<ul>
				<li><a class="hp hh2 admtxt" href="">English</a></li>
				<li><a class="hp hh2 admtxt" href="">Chinese</a></li>
			</ul>
		</div>
	</div>
	<div class="hh2 hp sdm">
		<div class="sdm_t hh2">Share</div>
		<div class="admbg sdm_o">
			<ul>
				<li><a class="hp hh2 admtxt" href="">Full</a></li>
				<li><a class="hp hh2 admtxt" href="">Abstract</a></li>
				<li><a class="hp hh2 admtxt" href="">Friends</a></li>
				<li><a class="hp hh2 admtxt" href="">Private</a></li>
				<li><a class="hp hh2 admtxt" href="">Group</a></li>
			</ul>
		</div>
	</div>
	<div class="hh2 hp sdm">
		<div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
	</div>
</div>
<div id="paper_add" class="tinycanvas vp">
	<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
	<div class="viewport">
		<div class="overview">
			<div class="s_grid_con s_form">
				<ul>
					<li class="s_grid_row"><textarea class="s_grid_6 s_grid" name="" id="">Paper Title</textarea></li>
					<li class="s_grid_row"><input class="s_grid_6 s_grid" type="text" value="Journal Title"><span class="icon-plus input_append"></span></li>
					<li class="s_grid_row">
						<div class="s_select_g">
							<label for="">Journal Level</label>
							<ul>
								<li><input type="checkbox"><label for="">SCI</label></li>
								<li><input type="checkbox"><label for="">SCIE</label></li>
								<li><input type="checkbox"><label for="">SSCI</label></li>
								<li><input type="checkbox"><label for="">AH & HCI</label></li>
								<li><input type="checkbox"><label for="">EI</label></li>
								<li><input type="checkbox"><label for="">CSCI</label></li>
								<li><input type="checkbox"><label for="">CSSCI</label></li>
								<li><input type="checkbox"><label for="">TSCI</label></li>
								<li><input type="checkbox"><label for="">TSSCI</label></li>
								<li><input type="checkbox"><label for="">THCI</label></li>
							</ul>
						</div>
					</li>
					<li class="s_grid_row"><label class="s_grid_2 s_grid" for="">ISSN(ISBN)</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
					<li class="s_grid_row"><label class="s_grid_2 s_grid" for="">ISI No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
					<li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Volume No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
					<li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Issue No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
					<li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Pages</label></li>
					<li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Reference URL</label><input class="s_grid_4 s_grid" type="text" value="www.sample.com"></li>
				</ul>
			</div>
			<div class="s_grid_con s_form">
				<ul>
					<li class="s_grid_row"><textarea class="s_grid s_grid_6" name="" id="">Author</textarea><span class="icon-plus input_append"></span></li>
					<li class="s_grid_row">
						<select name="" id="" class="s_grid s_grid_4">
							<option value="">Author Type</option>
							<option value="">First Author</option>
							<option value="">Corresponding Author</option>
							<option value="">Second Author</option>
							<option value="">Third Author</option>
							<option value="">Fourth Author</option>
						</select>
						<select name="" id="" class="s_grid s_grid_2">
							<option value="">Status</option>
							<option value="">Published</option>
							<option value="">Pending</option>
							<option value="">Writing</option>
						</select>
					</li>
					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Date of Publication</label><input class="s_grid s_grid_4" type="text" value="2012 / 05 / 01"></li>
					<li class="s_grid_row"><textarea name="" id="" rows="10" class="s_grid s_grid_6"></textarea></li>
					<li class="s_grid_row"><input class="s_grid s_grid_6" type="text" value="Associated Project"><span class="icon-plus input_append"></span></li>
					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Abstract</label><input type="file"></li>
					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Full Text</label><input type="file"></li>
				</ul>
			</div>
			<div class="s_grid_con s_form">
				<ul>
					<li class="s_grid_row"><textarea name="" id="" rows="26" class="s_grid s_grid_6">Abstract</textarea></li>
				</ul>
			</div>
		</div>
	</div>
</div>