specter/CyTube
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Layout/CSS tweaks

Browse source
This commit is contained in:
calzoneman 2013-04-06 16:02:20 -05:00
parent 9842d59901
commit 6944ea930e
3 changed files with 22 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
www/assets/css/ytsync.css
View file

@ -29,6 +29,7 @@
} }
.qe_time { .qe_time {
font-family: Monospace;
float: right; float: right;
} }
@ -36,8 +37,10 @@
clear: both; clear: both;
} }
#library { #usercount, #currenttitle {
width: 640px; border: 1px solid #aaaaaa;
border-bottom: none;
margin: 0;
} }
#userlist { #userlist {
@ -47,6 +50,7 @@
float: left; float: left;
width: 150px; width: 150px;
border: 1px solid #aaaaaa; // [](/z13) border: 1px solid #aaaaaa; // [](/z13)
border-left: none;
} }
#messagebuffer { #messagebuffer {
@ -64,11 +68,6 @@
word-wrap: break-word; /* Internet Explorer 5.5+ */ word-wrap: break-word; /* Internet Explorer 5.5+ */
} }
#chatline {
/*width: 456px;*/
width: 100%;
}
.userlist_siteadmin { .userlist_siteadmin {
color: #cc0000; color: #cc0000;
font-weight: bold; font-weight: bold;
@ -83,6 +82,10 @@
color: #00aa00; color: #00aa00;
} }
.userlist_guest {
color: #aaaaaa;
}
.action { .action {
font-style: italic; font-style: italic;
color: #888888; color: #888888;

12
www/assets/js/client.js
View file

@ -355,11 +355,11 @@ function largeLayout() {
$("#ytapiplayer").attr("width", "770").attr("height", "430"); $("#ytapiplayer").attr("width", "770").attr("height", "430");
var chat = $("#chatdiv").detach(); var chat = $("#chatdiv").detach();
$("#layoutrow").remove(); $("#layoutrow").remove();
var r = $("<div />").addClass("row").insertAfter($(".row")[1]); var r = $("<div />").addClass("row").insertAfter($("#videodiv").parent());
r.attr("id", "layoutrow"); r.attr("id", "layoutrow");
chat.removeClass().addClass("span8 offset2").appendTo(r); chat.removeClass().addClass("span8 offset2").appendTo(r);
$("#chatline").removeClass().addClass("span8");
$("#userlist").css("width", "200px"); $("#userlist").css("width", "200px");
//$("#chatline").css("width", "756px");
} }
function hugeLayout() { function hugeLayout() {
@ -369,12 +369,12 @@ function hugeLayout() {
$("#ytapiplayer").attr("width", "1170").attr("height", "658"); $("#ytapiplayer").attr("width", "1170").attr("height", "658");
var chat = $("#chatdiv").detach(); var chat = $("#chatdiv").detach();
$("#layoutrow").remove(); $("#layoutrow").remove();
var r = $("<div />").addClass("row").insertAfter($(".row")[1]); var r = $("<div />").addClass("row").insertAfter($("#videodiv").parent());
r.attr("id", "layoutrow"); r.attr("id", "layoutrow");
chat.removeClass().addClass("span12").appendTo(r); chat.removeClass().addClass("span12").appendTo(r);
$("#chatline").removeClass().addClass("span12");
$("#userlist").css("width", "200px").css("height", "200px"); $("#userlist").css("width", "200px").css("height", "200px");
$("#messagebuffer").css("height", "200px"); $("#messagebuffer").css("height", "200px");
//$("#chatline").css("width", "1156px");
} }
function narrowLayout() { function narrowLayout() {
@ -384,11 +384,11 @@ function narrowLayout() {
$("#ytapiplayer").attr("width", "570").attr("height", "321"); $("#ytapiplayer").attr("width", "570").attr("height", "321");
var chat = $("#chatdiv").detach(); var chat = $("#chatdiv").detach();
$("#layoutrow").remove(); $("#layoutrow").remove();
var r = $("<div />").addClass("row").insertAfter($(".row")[1]); var r = $("<div />").addClass("row").insertAfter($("#videodiv").parent());
r.attr("id", "layoutrow"); r.attr("id", "layoutrow");
chat.removeClass().addClass("span6").appendTo(r); chat.removeClass().addClass("span6").appendTo(r);
$("#chatline").removeClass().addClass("span6");
$("#userlist").css("width", "150px"); $("#userlist").css("width", "150px");
//$("#chatline").css("width", "556px");
} }
function synchtubeLayout() { function synchtubeLayout() {

14
www/index.html
View file

@ -63,7 +63,7 @@
</div> </div>
<div id="messagebuffer"> <div id="messagebuffer">
</div> </div>
<input type="text" id="chatline"> <input type="text" id="chatline" class="span5">
</div> </div>
<div class="span7" id="videodiv"> <div class="span7" id="videodiv">
<p id="currenttitle">Currently Playing: </p> <p id="currenttitle">Currently Playing: </p>
@ -77,12 +77,10 @@
</div> </div>
<div class="row" style="margin-top: 50px;"> <div class="row" style="margin-top: 50px;">
<div class="span6" id="queuediv"> <div class="span6" id="queuediv">
<div id="playlist_controls" style="display: none;"> <div id="playlist_controls" class="input-append" style="display: none;">
<input type="text" id="mediaurl" style="margin:auto;"> <input type="text" id="mediaurl" style="margin:auto;">
<div class="btn-group"> <button class="btn" id="queue_next">Queue Next</button>
<button class="btn" id="queue_next">Queue Next</button> <button class="btn" id="queue_end">Queue @ End</button>
<button class="btn" id="queue_end">Queue @ End</button>
</div>
</div> </div>
<button class="btn btn-danger" id="voteskip">Voteskip</button> <button class="btn btn-danger" id="voteskip">Voteskip</button>
<ul id="queue" class="videolist"> <ul id="queue" class="videolist">
@ -90,8 +88,8 @@
<button class="btn btn-danger" id="qlockbtn" style="width: 100%; display:none;">Unlock Queue</button> <button class="btn btn-danger" id="qlockbtn" style="width: 100%; display:none;">Unlock Queue</button>
</div> </div>
<div class="span6" id="librarydiv"> <div class="span6" id="librarydiv">
<input type="text" id="library_query" style="margin:auto;"> <div class="input-append">
<div class="btn-group"> <input type="text" id="library_query" style="margin:auto;">
<button class="btn" id="library_search">Search Library</button> <button class="btn" id="library_search">Search Library</button>
<button class="btn" id="youtube_search">Search YouTube</button> <button class="btn" id="youtube_search">Search YouTube</button>
</div> </div>