moon
/
sync
mirror of https://github.com/calzoneman/sync.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Partial redesign of default layout

This commit is contained in:
calzoneman 2013-04-24 15:47:52 -05:00
parent 623aec89b1
commit 442c75c507
2 changed files with 52 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
www/assets/css/ytsync.css
View File

@ -49,8 +49,9 @@
#plmeta { #plmeta {
border: 1px solid #aaaaaa; border: 1px solid #aaaaaa;
background-color: #ffffff;
padding: 3px;
margin: 0; margin: 0;
padding: 3px 3px;
font-size: 12pt; font-size: 12pt;
} }
@ -176,3 +177,8 @@
#motdtext { #motdtext {
width: 100%; width: 100%;
} }
#queue_next, #queue_end, #library_search, #youtube_search {
width: 50%;
}

64
www/index.html
View File

@ -71,40 +71,54 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row" id="pollrow" style="margin-top: 50px;"> <div class="row" id="queuerow">
<div class="span6" id="pollcontainer"> <div class="span5">
<div class="row-fluid">
<div class="span12" id="pollcontainer">
</div>
<div class="span12" id="librarydiv">
<div class="row-fluid">
<div class="span7">
<input type="text" id="library_query" class="input-block-level">
</div>
<div class="span5 btn-group">
<button class="btn" id="library_search">Library</button>
<button class="btn" id="youtube_search">YouTube</button>
</div> </div>
</div> </div>
<div class="row" id="queuerow" style="margin-top: 50px;"> <ul id="library" class="videolist">
<div class="span6" id="queuediv">
<div id="playlist_controls" class="input-append" style="display: none;">
<input type="text" id="mediaurl" style="margin:auto;">
<button class="btn" id="queue_next">Queue Next</button>
<button class="btn" id="queue_end">Queue @ End</button>
</div>
<button class="btn btn-danger" id="voteskip">Voteskip</button>
<ul id="queue" class="videolist">
</ul> </ul>
<div id="plmeta">
<p id="plcount"></p>
<p id="pllength"></p>
<div style="clear: both;"></div>
</div> </div>
<button class="btn btn-danger" id="qlockbtn" style="width: 100%; display:none;">Unlock Queue</button> </div>
<div class="btn-group" style="width: 100%;"> </div>
<div class="span7" id="queuediv">
<div id="playlist_controls"style="display: none;">
<div class="row-fluid">
<div class="span8">
<input type="text" id="mediaurl" class="input-block-level">
</div>
<div class="span4 btn-group">
<button class="btn" id="queue_next">Next</button>
<button class="btn" id="queue_end">End</button>
</div>
</div>
</div>
<button class="btn btn-block" id="voteskip">Voteskip</button>
<div class="row-fluid">
<ul id="queue" class="span12 videolist">
</ul>
<div class="span12 well well-small" id="plmeta">
<span id="plcount"></span>
<span id="pllength"></span>
<div class="clear: both;"></div>
</div>
<button class="btn btn-danger btn-block" id="qlockbtn" style="display:none;">Unlock Queue</button>
<div class="span12 btn-group" style="margin: 0">
<button class="btn" id="getplaylist" style="width: 34%">Get Playlist URLs</button> <button class="btn" id="getplaylist" style="width: 34%">Get Playlist URLs</button>
<button class="btn" id="clearplaylist" style="width: 33%">Clear Playlist</button> <button class="btn" id="clearplaylist" style="width: 33%">Clear Playlist</button>
<button class="btn" id="shuffleplaylist" style="width: 33%">Shuffle Playlist</button> <button class="btn" id="shuffleplaylist" style="width: 33%">Shuffle Playlist</button>
</div> </div>
</div> </div>
<div class="span6" id="librarydiv">
<div class="input-append">
<input type="text" id="library_query" style="margin:auto;">
<button class="btn" id="library_search">Search Library</button>
<button class="btn" id="youtube_search">Search YouTube</button>
</div>
<ul id="library" class="videolist">
</ul>
</div> </div>
</div> </div>
<div class="row" style="display: none;" id="modnav"> <div class="row" style="display: none;" id="modnav">