Skip to content

Commit

Permalink
BigBlueButton CSS fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
Tyler Copeland committed Jan 26, 2012
1 parent 68d987f commit 352e3a4
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 8 deletions.
5 changes: 3 additions & 2 deletions bigbluebutton-config/web/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,14 @@ img { border:0; }

h1, h2, h3 { margin: 0; color: #00445E; letter-spacing:0.5px; font-weight:100; line-height: 125%; text-shadow: 0 2px 0 rgba(0, 0, 0, .15);}
h1 { font-size: 40px;}
h2 { font-size: 24px; margin-top:13px;}
h2 { font-size: 24px; margin-top:15px;}
h3 { font-size: 18px; margin-top:10px; text-align: center;}


p, ol { margin: 0 0 0.2em 0; }
p.small { color: #666; letter-spacing:0.5px; font-size:11px; margin-top:10px; }
p.content { margin: 0.5em 0 0.5em 0; line-height:20px; letter-spacing:0.2px; }
p.enter { margin: 1.0em 0 0 0; letter-spacing:0.2px; }
p.join{ text-align: justify; margin-top:-20px; margin-left:30px;}
ul, li {text-align: justify; }
a { color: #00445E; text-decoration:none; }
Expand All @@ -36,7 +37,7 @@ a:hover { text-decoration:underline; }
.vids_2 { display:block; float:left; padding-top:10px; }
.vids_3 { display:block; float:left; padding-top:10px; }
.left { margin-left: 60px; }
.field{width: 175px;font-family: Arial, Helvetica, sans-serif; border: 1px solid #9dabb8; font-size:13px; padding:4px 5px 6px 10px; color: #919aa7; height: 19px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: inset 0 3px 5px 1px #dee2e7; -moz-box-shadow: inset 0 1px 5px 1px #dee2e7; box-shadow: inset 0 1px 3px 1px #dee2e7; background: #f1f3f6; text-shadow: 0 2px 0 #fff; margin-top: 15px; }
.field{width: 175px;font-family: Arial, Helvetica, sans-serif; border: 1px solid #9dabb8; font-size:13px; padding:4px 5px 6px 10px; color: #919aa7; height: 19px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: inset 0 3px 5px 1px #dee2e7; -moz-box-shadow: inset 0 1px 5px 1px #dee2e7; box-shadow: inset 0 1px 3px 1px #dee2e7; background: #f1f3f6; text-shadow: 0 2px 0 #fff; margin-top: 5px; }
.submit_btn { margin-left:-5px; width: 95px; height:31px; color: #00445e; border: 1px solid #9dabb8; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9)); background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf); background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf); background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf); background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf); background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);}
.arrow { background: transparent url(../images/arrow.png) no-repeat; padding: 5px 6px 5px 30px; }
.divider { clear:both; margin: 0 auto; position: relative; width: 692px; height:45px; margin-top: 30px; }
Expand Down
13 changes: 7 additions & 6 deletions bigbluebutton-config/web/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -52,18 +52,19 @@ <h1>Welcome</h1>
<div class="social-links">
<table>
<td><strong> Follow Us:</strong></td>
<td><a href="http://www.twitter.com/bigbluebutton" title="BigBlueButton Twitter Page"> </a><img src="images/twitter.png" alt="twitter" title="BigBlueButton Twitter Page" width="24" height="24" /></a></td>
<td><a href="http://www.facebook.com/bigbluebutton" title="BigBlueButton Facebook Page"><img src="images/facebook.png" alt="Facebook" title="BigBlueButton Facebook Page" width="24" height="24" /></a></td>
<td><a href="http://www.youtube.com/bigbluebuttonshare" title="BigBlueButton YouTube Page"><img src="images/youtube.png" alt="YouTube" title="BigBlueButton YouTube Page" width="24" height="24" /></a></td>
<td><a href="http://www.flickr.com/photos/bigbluebutton" title="BigBlueButton Flickr Page"><img src="images/flickr.png" alt="flickr" title="BigBlueButton Flickr Page" width="24" height="24" /></a></td>
<td><a href="http://www.twitter.com/bigbluebutton" title="BigBlueButton Twitter Page" target="_blank"><img src="images/twitter.png" alt="twitter" title="BigBlueButton Twitter Page" width="24" height="24" /></a></td>
<td><a href="http://www.facebook.com/bigbluebutton" title="BigBlueButton Facebook Page" target="_blank"><img src="images/facebook.png" alt="Facebook" title="BigBlueButton Facebook Page" width="24" height="24" /></a></td>
<td><a href="http://www.youtube.com/bigbluebuttonshare" title="BigBlueButton YouTube Page" target="_blank"><img src="images/youtube.png" alt="YouTube" title="BigBlueButton YouTube Page" width="24" height="24" /></a></td>
<td><a href="http://www.flickr.com/photos/bigbluebutton" title="BigBlueButton Flickr Page" target="_blank"><img src="images/flickr.png" alt="flickr" title="BigBlueButton Flickr Page" width="24" height="24" /></a></td>
</table>
</div>

</div>
<div id="join">
<h2>Join a Demo Meeting</h2>
<p class="enter"> Enter your name:</p>
<FORM NAME="form1" METHOD="GET" onSubmit="return checkform(this);" action="/demo/demo1.jsp">
<input type="text" id="username" required autofocus name="username" value="Enter your name.." size="29" class="field" />
<input type="text" id="username" required autofocus name="username" size="29" class="field" />
<input type="submit" value="Join" class="submit_btn" /> <br />
<input TYPE="hidden" NAME="action" VALUE="create">

Expand All @@ -88,7 +89,7 @@ <h2>API Demos</h2>

<!-- Footer Start -->
<div id="footer">
<p id="legal">Copyright © 2011 <a href="http://bigbluebutton.org/">BigBlueButton Inc.</a> <br> <a href="http://code.google.com/p/bigbluebutton/wiki/ReleaseNotes"> 0.8-beta4 </a></p>
<p id="legal">Copyright © 2011 <a href="http://bigbluebutton.org/" title="BigBlueButton" >BigBlueButton Inc.</a> <br> <a href="http://code.google.com/p/bigbluebutton/wiki/ReleaseNotes" title="BigBlueButton Release Notes" target="_blank"> 0.8-beta4 </a></p>
</div>
<!-- Footer End -->

Expand Down

0 comments on commit 352e3a4

Please sign in to comment.