Screenshare help page

Add placeholder for screenshare help page.
This commit is contained in:
Richard Alam 2016-08-03 20:33:56 +00:00
parent bfd0e4a9a4
commit f1e2040062
21 changed files with 9517 additions and 2 deletions

View File

@ -441,10 +441,12 @@
<copy todir="${OUTPUT_DIR}/lib/" > <copy todir="${OUTPUT_DIR}/lib/" >
<fileset dir="${PROD_RESOURCES_DIR}/lib"/> <fileset dir="${PROD_RESOURCES_DIR}/lib"/>
</copy> </copy>
<copy todir="${OUTPUT_DIR}/help/" >
<fileset dir="${PROD_RESOURCES_DIR}/help"/>
</copy>
<copy file="${PROD_RESOURCES_DIR}/BigBlueButtonTest.html" todir="${OUTPUT_DIR}" overwrite="true"/> <copy file="${PROD_RESOURCES_DIR}/BigBlueButtonTest.html" todir="${OUTPUT_DIR}" overwrite="true"/>
<copy file="${PROD_RESOURCES_DIR}/BigBlueButton.html" todir="${OUTPUT_DIR}" overwrite="true"/> <copy file="${PROD_RESOURCES_DIR}/BigBlueButton.html" todir="${OUTPUT_DIR}" overwrite="true"/>
<copy file="${PROD_RESOURCES_DIR}/DeskshareStandalone.html" todir="${OUTPUT_DIR}" overwrite="true"/> <copy file="${PROD_RESOURCES_DIR}/DeskshareStandalone.html" todir="${OUTPUT_DIR}" overwrite="true"/>
<copy file="${PROD_RESOURCES_DIR}/screenshare-help.html" todir="${OUTPUT_DIR}" overwrite="true"/>
<copy file="${PROD_RESOURCES_DIR}/get_flash_player.gif" todir="${OUTPUT_DIR}" overwrite="true"/> <copy file="${PROD_RESOURCES_DIR}/get_flash_player.gif" todir="${OUTPUT_DIR}" overwrite="true"/>
<copy file="${PROD_RESOURCES_DIR}/bbb.gif" todir="${OUTPUT_DIR}" overwrite="true"/> <copy file="${PROD_RESOURCES_DIR}/bbb.gif" todir="${OUTPUT_DIR}" overwrite="true"/>
<copy file="${PROD_RESOURCES_DIR}/avatar.png" todir="${OUTPUT_DIR}" overwrite="true"/> <copy file="${PROD_RESOURCES_DIR}/avatar.png" todir="${OUTPUT_DIR}" overwrite="true"/>

View File

@ -49,7 +49,7 @@
autoStart="false" autoStart="false"
autoFullScreen="false" autoFullScreen="false"
baseTabIndex="201" baseTabIndex="201"
help="http://HOST/client/screenshare-help.html" help="http://HOST/client/help/screenshare-help.html"
/> />
<module name="PhoneModule" url="http://HOST/client/PhoneModule.swf?v=VERSION" <module name="PhoneModule" url="http://HOST/client/PhoneModule.swf?v=VERSION"

View File

@ -0,0 +1,116 @@
/*!
* This stylesheet is a subset of Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}

View File

@ -0,0 +1,241 @@
a {
font-size:.95em;
text-decoration:none;
color:#5f90b0
}
a:hover {
color:#406882
}
* {
margin:0;
padding:0;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.container {
width:1000px;
margin:0 auto
}
.pull-left {
float:left
}
.pull-right {
float:right
}
.row {
min-height:2em;
line-height:2em;
width:100%
}
.span {
float:left;
display:inline;
min-height:1em;
margin:0 .5% 20px
}
.span:four-child {
margin-left:0
}
.span:last-child {
margin-right:0
}
.one {
width:8%
}
.two {
width:16%
}
.three {
width:24%
}
.four {
width:32%
}
.five {
width:40%
}
.six {
width:48%
}
.seven {
width:56%
}
.eight {
width:64%
}
.nine {
width:72%
}
.ten {
width:80%
}
.eleven {
width:88%
}
.twelve {
width:100%
}
.container:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden
}
.row:after,.row:before {
content:'\0020';
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.row:after {
clear:both
}
.row {
zoom:1
}
h1,h2,h3,h4,h5,h6 {
font-weight:400;
color:#42444c
}
h1 {
font-size:2.5em;
line-height:1em
}
h2 {
font-size:1.75em;
line-height:1em;
margin-bottom:.375em
}
h3 {
font-size:1.125em
}
h4 {
font-size:1.1em;
font-weight:700
}
.table {
width:100%;
border-spacing:0;
border-collapse:collapse;
text-align:left
}
.table td,.table th {
border-bottom:2px #d1d1d1 solid;
padding:8px 12px
}
.table td {
border-bottom:1px #d4d4d4 solid
}
.table.table-striped tbody tr:nth-child(2n+1) {
background-color:#f3f3f3
}
.table.table-bordered,.table.table-bordered td,.table.table-bordered th {
border:1px solid #CCC
}
.button {
border:0;
border-radius:4px;
outline:0;
cursor:pointer
}
.button.small {
padding:7px 20px;
font-size:.95em
}
.button.large {
padding:10px 45px;
font-size:1.1em
}
.button.primary {
color:#FFF;
background:#5f90b0
}
.button.primary:hover {
background:#5589ab
}
.button.success {
color:#FFF;
background:#4daf7c
}
.button.success:hover {
background:#48a474
}
.button.danger {
color:#FFF;
background:#e6623c
}
.button.danger:hover {
background:#e4572e
}
.navbar {
background:#FFF;
padding:10px;
margin-bottom:60px;
border-bottom:1px #F2F2F2 solid;
text-align:center
}
.navbar h4 {
color:#191919;
font-weight:200
}
.navbar li {
display:inline-block;
padding:.3em 15px 0 0
}
.navbar li:last-child {
padding-right:0
}
.navbar.fixed {
position:fixed;
left:0;
right:0;
top:0
}
.alert {
padding:15px;
margin:10px 0;
border-radius:3px
}
.alert.primary {
background:#e8eff3;
border:1px solid #c5d7e3
}
.alert.success {
background:#daeee4;
border:1px solid #b6dfca
}
.alert.danger {
background:#fdf4f1;
border:1px solid #f7cfc4
}
@media only screen and (min-width:768px) and (max-width:999px) {
.container {
width:768px
}
}
@media only screen and (max-width:767px) {
.container {
width:300px
}
.container .span {
width:100%!important
}
.container .table {
width:100%;
display:block;
overflow:auto
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.container {
width:420px
}
.container .table {
display:table
}
}

View File

@ -0,0 +1,8 @@
/* latin */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
src: local('Rokkitt'), local('Rokkitt-Regular'), url(http://fonts.gstatic.com/s/rokkitt/v10/o9LMKUV9IIiOIghfS6ZGbALUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

View File

@ -0,0 +1,284 @@
.FBConnectButton_Small,.FBConnectButton_RTL_Small {
border-left:1px solid #1a356e;
width:54px;
background:-5px -232px!important
}
.FBConnectButton_Small .FBConnectButton_Text {
margin-left:12px!important
}
.dd-digg-ajax-load,.dd-reddit-ajax-load,.dd-dzone-ajax-load,.dd-ybuzz-ajax-load,.dd-twitter-ajax-load,.dd-fbshare-ajax-load,.dd-fblike-ajax-load,.dd-delicious-ajax-load,.dd-sphinn-ajax-load,.dd-gbuzz-ajax-load,.dd-fbshareme-ajax-load,.dd-tweetmeme-ajax-load,.dd-linkedin-ajax-load,.dd-google1-ajax-load {
width:50px;
height:22px;
background:url(../image/ajax-loader.gif) no-repeat center
}
.dd_delicious {
display:block;
color:#000;
font:16px arial;
text-decoration:none;
width:50px;
height:60px;
text-align:center
}
.dd_delicious a:link,.dd_delicious a:visited,.dd_delicious a:active,.dd_delicious a:hover {
text-decoration:none;
color:#000
}
.dd_delicious_normal_image {
text-align:center;
height:60px;
margin-top:3px;
padding:0;
text-align:center;
width:50px;
display:block;
background:url(../image/delicious.png) no-repeat
}
.dd_delicious_compact_image {
text-align:center;
height:22px;
padding:0;
text-align:center;
width:50px;
display:block;
background:url(../image/delicious-compact.png) no-repeat
}
.dd_delicious_compact_image span {
font-size:10px
}
.dd_comments {
text-align:center;
height:16px;
margin-top:3px;
padding:0;
text-align:center;
width:50px;
display:block;
background:url(../image/comments-link.png) no-repeat
}
.dd_button a:link,.dd_button a:visited,.dd_button a:active {
text-decoration:none;
color:#000
}
#dd_ajax_float {
text-align:center;
border:1px solid #bbb;
min-width:55px;
width:auto;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-top-left-radius:5px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
-webkit-box-shadow:1px 0 15px rgba(0,0,0,.2);
-moz-box-shadow:1px 0 15px rgba(0,0,0,.2);
box-shadow:1px 0 15px rgba(0,0,0,.2);
padding:5px;
position:absolute;
display:none;
left:-120px;
font:10px/16px Arial;
background:padding-box #fff
}
#dd_ajax_float .dd_button_v {
width:auto;
height:auto;
line-height:0;
padding:4px 1px
}
#dd_ajax_float iframe {
margin:0
}
#dd_start,#dd_end {
float:left;
clear:both
}
.dd_outer {
width:100%;
height:0;
position:absolute;
top:0;
left:0;
z-index:9999
}
.dd_inner {
margin:0 auto;
position:relative
}
.dd_post_share {
padding:0;
margin-bottom:6px;
display:block
}
.dd_post_share_left {
float:left
}
.dd_post_share_right {
float:right
}
.dd_buttons img {
border:none;
border-width:0;
border-color:#000;
border-style:none
}
#dd_name {
color:#a9a9a9;
font-size:8px;
text-align:center;
margin:8px 0 6px;
padding:0;
line-height:0
}
#dd_name a:link,#dd_name a:visited,#dd_name a:active {
text-decoration:none;
color:#a9a9a9;
border:0
}
#dd_name a:hover {
text-decoration:underline;
color:#a9a9a9;
border:0
}
.dd_button {
float:left;
padding:4px
}
.dd_fblike_xfbml_ajax_left_float {
padding-left:3px
}
.dd_google1_ajax_left_float {
margin-left:-1px
}
.dd_linkedin_ajax_left_float {
margin-left:-2px;
margin-bottom:-5px
}
html {
overflow-y:scroll
}
.dd_button_spacer {
padding-top:8px
}
#dd_comments {
clear:both!important;
width:50px;
height:60px;
font-family:arial
}
#dd_comments a:link,#dd_comments a:visited,#dd_comments a:active,#dd_comments a:hover {
text-decoration:none
}
#dd_comments .clcount {
text-align:center;
color:#444;
display:block;
font-size:20px;
height:34px;
padding:4px 0;
position:relative;
text-align:center;
width:50px;
line-height:24px;
background:url(../image/comments-count.png) no-repeat left top
}
#dd_comments .ccount {
color:#444;
font-size:17px;
text-align:center;
text-decoration:none
}
#dd_comments .clink {
text-align:center;
height:16px;
margin-top:3px;
padding:0;
text-align:center;
width:50px;
display:block;
background:url(../image/comments-link.png) no-repeat
}
.dd_button_extra_v {
padding:1px 4px
}
.st_email_custom {
padding:2px 4px 3px;
border:1px solid #ddd;
-moz-border-radius:2px;
cursor:pointer;
margin-bottom:2px;
background:url(../image/email.png) no-repeat 3px 4px
}
#dd_print_button {
padding:1px 4px 3px;
border:1px solid #ddd;
-moz-border-radius:2px;
cursor:pointer;
margin-bottom:2px;
background:url(../image/print.png) no-repeat 3px 2px
}
#dd_email_text {
padding:0 0 0 18px;
font-size:10px
}
#dd_print_text {
padding:0 0 0 14px;
font-size:10px
}
#dd_print_text a:link,#dd_print_text a:visited,#dd_print_text a:active {
color:#000;
text-decoration:none
}
#dd_print_text a:hover {
color:#00f;
text-decoration:underline
}

View File

@ -0,0 +1,9 @@
@charset "UTF-8";
/*****************************/
/* Hide the WordPress commenting form
/*****************************/
#respond, #commentform, #addcomment, .entry-comments {
display: none;
}

View File

@ -0,0 +1,77 @@
@charset "UTF-8";
/*****************************/
/* Dashboard widget styles
/*****************************/
/*****************************/
/* Normal, page widget styles
displayed here in order rendered
/*****************************/
/* Each post is styled as follows:
<li class="fbc_rc_comment old/even">
<div class="fbc_rc_comment-meta">
<cite class="fbc_rc_comment-author">
<a href="https://www.facebook.com/profile.php?id=FACEBOOKID">
USERNAME
</a>
</cite>
<abbr class="fbc_rc_date">
Date/Time
</abbr>
</div>
<img class="avatar" height="50" width="50" />
<div class="fbc_rc_text">
COMMENT CONTENT
</div>
<div class="fbc_rc_permalink">
<a href=permalink>
Post or Page Title
</a>
</div>
</li>
*/
/* Main widget, which is enclosed in a ul */
#fbc_rc_widget {
width: auto;
margin-left:0 !important; /* override WP default */
}
li.fbc_rc_comment {
min-height: 80px; /* to prevent overlap */
height:100%;
position:relative;
margin:2px;
border-bottom: 1px dotted rgba(88,88,88,1);
}
/* odd and even are so you can style alternating posts differently, if you'd like to */
ul#fbc_rc_widget li.odd { }
ul#fbc_rc_widget li.even {
background-color:rgba(222,222,251,1);
}/* change to float:left to display avatars on the left of comments */
/* encloses both author and date */
.fbc_rc_comment-meta { }
.fbc_rc_comment-author { }
.fbc_rc_date {
font-size:.8em;
}
ul#fbc_rc_widget .avatar {
float: right; /* change to float:left to display avatars on the left of comments */
padding-bottom: 2px;
}
/* main comment text */
.fbc_rc_text {
margin: 5px;
padding-bottom:25px; /* to prevent post titles from overlapping with comment text */
}
.fbc_rc_permalink {
position: absolute;
bottom: 2px;
}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,3 @@
.SandboxRoot {
display: none;
}

View File

@ -0,0 +1,35 @@
.home-highlights .home-highlights-content {
overflow: hidden;
margin-bottom: 20px;
color: #464646;
}
.home-highlights h4 {
margin: 0;
font-size: 160%;
line-height: 120%;
color: #30406b;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif !important;
}
h1.overview {
font-family: "Open Sans","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
}
img.aligncenter {
padding: 2px;
}
span.post-comment iframe {
width:150px !important;
}
.post-meta .post-comment{
background: none!important;
padding-left:0px;
}

View File

@ -0,0 +1,13 @@
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}

View File

@ -0,0 +1,75 @@
#headerwrap {
background-image: none;
background-color: #dbebf6;
}
#nav-bar {
background-image: url(http://r2.bigbluebutton.org/wp-content/themes/suco/uploads/bg/bg1.png);
background-color: #30406b;
background-repeat: repeat-x;
}
#upperwrap {
background-image: url(http://r2.bigbluebutton.org/wp-content/themes/suco/uploads/bg/bg1.png);
background-color: #F4F4F4 ;
}
.home-highlightswrap {
background-image: none;
background-color: #fff;
}
#body {
background-image: none;
background-color: #ffffff;
}
.footer-widgetswrap {
background-image: none;
background-color: #262626;
}
#footerwrap {
background-image: none;
background-color: #2a2a2a;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
color: #00445e;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
color: #00445e;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
color: #00445e;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
color: #30406b;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
color: #30406b;
}
h6 {
font-family: Arial, Helvetica, sans-serif;
}
#main-nav a:hover, #main-nav li:hover > a {
color: #fff;
}
#main-nav .current_page_item a, #main-nav .current-menu-item a {
color: #fff;
background-color: #1a243f;
}

View File

@ -0,0 +1,470 @@
@media screen and (max-width: 980px) {
/* set img max-width */
img {
width: auto\9; /* ie8 */
max-width: 100%;
height: auto;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewidth, #slider {
max-width: 94%;
}
/* content */
#content {
margin: 7% 0 5%;
}
.sidebar1 #content {
max-width: 67.8%;
}
/* sidebar */
#sidebar {
margin: 7% 0 5%;
max-width: 26.2%;
}
#sidebar .secondary {
max-width: 47%;
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
margin-left: 2%;
}
.col4-1 {
max-width: 23%;
}
.col4-2, .col2-1 {
max-width: 48%;
}
.col4-3 {
max-width: 72%;
}
.col3-1 {
max-width: 31%;
}
.col3-2 {
max-width: 62%;
}
/************************************************************************************
SLIDER
*************************************************************************************/
#slider .slide-feature-image {
max-width: 40%;
margin-right: 3%;
margin-bottom: 2%;
}
#slider .slide-content {
padding: 1% 0 0;
font-size: 100%;
line-height: 130%;
overflow: visible;
}
#slider img {
width: auto\9; /* ie8 */
max-width: 98.5%;
height: auto;
}
/************************************************************************************
LAYOUTS
*************************************************************************************/
/* list post */
.list-post .post,
.list-post .type-page,
.list-post .attachment {
width: 80% !important;
}
/* grid4 */
.grid4 .post {
width: 23.125%;
margin-left: 2.5%;
}
/* grid3 */
.grid3 .post {
width: 31%;
margin-left: 3.5%;
}
/* grid2 */
.grid2 .post {
width: 48%;
margin-left: 3.75%;
}
.social-widget {
color:#30406B;
}
}
@media screen and (max-width: 760px) {
/************************************************************************************
STRUCTURE
*************************************************************************************/
.sidebar1 #content {
width: 100%;
max-width: 100%;
float: none;
clear: both;
}
/* sidebar */
#sidebar {
width: 100%;
max-width: 100%;
float: none;
clear: both;
}
#sidebar .secondary {
width: 48%;
}
/************************************************************************************
HEADER
*************************************************************************************/
/* reset absolute elements to static */
#header .social-widget, #site-logo, #site-description, #header #searchform, #main-nav {
position: static !important;
float: none;
clear: both;
}
/* header */
#header {
height: auto;
}
#header .rss a {
color:#30406B;
}
/* header widget */
.header-widget {
position: static !important;
float: none;
text-align: left;
clear: both;
margin: 0;
}
.header-widget .widget {
margin: 0 0 10px;
}
/* nav bar */
#nav-bar {
height: 10px;
position: static !important;
}
/* social widget */
#header .social-widget {
padding: 5px 0 20px;
}
/* search form */
#header #searchform {
position: absolute;
top: 0;
left: inherit;
right: 0;
width: 150px;
}
#header #searchform #s {
display:none;
/* float: right;
width: 85px;*/
}
#header #searchform input#s:focus {
width: 150px;
}
/* site logo */
#site-logo {
/* margin: 15px 100px 10px 0; */
padding-top:30px;
}
#site-logo a {
font-size: 30px;
}
/* site description */
#site-description {
margin: 0 0 10px;
}
/************************************************************************************
MAIN NAV
*************************************************************************************/
#main-nav {
width:100%;
height: auto;
margin: 10px 0;
padding:10px;
background-color: #30406B;
}
#main-nav a {
}
/************************************************************************************
SLIDER
*************************************************************************************/
#slider .slide-post-title {
font-size: 260%;
line-height: 100%;
margin: 0 0 1%;
}
#slider .slide-content {
font-size: 90%;
}
#slider .caption {
font-size: 80%;
line-height: 120%;
}
/************************************************************************************
HOME HIGHLIGHTS
*************************************************************************************/
.home-highlights .home-highlights-content {
overflow: visible;
}
/************************************************************************************
LAYOUTS
*************************************************************************************/
/* list post */
.list-post .post,
.list-post .type-page,
.list-post .attachment {
width: 78% !important;
}
/************************************************************************************
FOOTER
*************************************************************************************/
.footer-nav {
padding-right: 200px;
}
.footer-nav li {
margin: 0 8px 5px 0;
}
}
@media screen and (max-width: 600px) {
/************************************************************************************
LAYOUTS
*************************************************************************************/
/* list post */
.list-post .post,
.list-post .type-page,
.list-post .attachment {
padding-left: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.list-post .post-meta {
width: 100%;
text-align: left;
/* position: static; */
display: block;
height: 60px;
}
.list-post .post-meta span {
display: block;
margin: 0 5px 0 0;
border: none;
clear:both;
}
.list-post .post-icon {
/* width: 27px;
height: 30px;
display: block;
float: left;
margin: 2px 14px 5px 0;
border: none;
position: static; */
}
.list-post .post-title {
margin:0;
}
.list-post .post-meta .post-date {
margin-bottom:0px;
}
/* grid4 */
.grid4 .post, .sidebar1 .grid4 .post {
width: 100%;
margin-left: 0;
float: none;
}
/* grid3 */
.grid3 .post, .sidebar1 .grid3 .post {
width: 100%;
margin-left: 0;
float: none;
}
/* action text */
.action-text {
padding: 3% 4%;
}
.action-text .button {
position: static;
clear: both;
width: auto;
margin: 2% 0 0;
}
}
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
html {
-webkit-text-size-adjust: none;
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2, .col2-1,
.col4-3,
.col3-1,
.col3-2 {
margin-left: 0;
width: 100%;
max-width: 100%;
}
/************************************************************************************
HEADER
*************************************************************************************/
#header hgroup {
text-align: left;
}
/* site logo */
#site-logo {
font-size: 42px;
text-align: left;
padding: 0 90px 0 0;
width: auto;
/* margin: 10px 0; */
padding-top: 30px;
}
/* site description */
#site-description {
text-align: left;
margin: 0 0 10px;
}
/* searchform */
#header #searchform {
top: 0;
left: inherit;
right: 0;
width: 150px;
}
#header #searchform #s {
display:none;
/* float: right;
width: 85px; */
}
/* social widget */
.social-widget {
position: static !important;
margin: 10px 0;
float: none;
padding: 0;
}
/************************************************************************************
LAYOUTS
*************************************************************************************/
/* grid4 */
.grid4 .post {
font-size: 100%;
}
/* grid2 */
.grid2 .post, .sidebar1 .grid2 .post {
width: 100%;
margin-left: 0;
float: none;
}
/* post title */
.post-title {
margin: 0 0 2px !important;
padding-top: 4px;
font-size: 2em !important;
}
/************************************************************************************
POST NAV
*************************************************************************************/
.post-nav .prev, .post-nav .next {
display: block;
width: 100%;
clear: both;
margin-bottom: 10px;
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentlist {
padding-left: 0;
}
.commentlist .commententry {
clear: left;
}
.commentlist .avatar {
float: left;
width: 40px;
height: 40px;
margin: 0 10px 10px 0;
}
/* commentlist sub-levels */
.commentlist ul, .commentlist ol {
margin: 0 0 0 7%;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer-logo {
position: static !important;
}
.footer-nav {
padding: 0;
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,739 @@
/*
Theme Name: Suco Child
Description: Child theme for Suco theme
Template: suco
*/
@import url("../suco/style.css");
/* write custom css below */
/************************************************************************************
CUSTOM TYPOGRAPHY
*************************************************************************************/
p { margin: 0.5em 0 1.0em; padding: 0; line-height: 20px; }
p.imgtext { margin: 0 0 0 0; padding: 0 0 35px 0; font-family: Georgia; font-style: italic; color: #666; font-size: 14px; text-align: center; }
p.subhead { margin-top:-15px; padding-bottom:10px; font-family: Georgia; font-style: italic; color: #666; font-size: 22px; text-align: center;}
p.subfeat { margin-top:-10px; padding-bottom:15px; font-family: Georgia; font-style: italic; color: #666; font-size: 18px; }
.list-post .post-title { margin: 0 0 10px 0; font-size: 28px !important; text-align: left !important; }
#slider p { /* color:#6d8c9e;*/ color: #777;}
.action-text h2, .action-text h3, .action-text h4 { font-size: 26px; line-height: 110%; margin: 0 0 2px; color: #333333; }
#overview h1 { text-align: center; font-size: 48px; padding: 20px 0 0 0; }
h4 { color: #333; }
h5 { color: ##00445E !important;}
/************************************************************************************
CUSTOM BUTTONS
*************************************************************************************/
/* Orange Action Button */
.action-text .button {
background: #e08e19;
background-image: -webkit-gradient(linear, center top, center bottom, from(#f2ab2b), to(#e17b19));
background-image: -webkit-linear-gradient(top, #f2ab2b, #e17b19);
background-image: -moz-linear-gradient(top, #f2ab2b, #e17b19);
background-image: -o-linear-gradient(top, #f2ab2b, #e17b19);
background-image: -ms-linear-gradient(top, #f2ab2b, #e17b19);
background-image: linear-gradient(top, #f2ab2b, #e17b19);
padding: 10px 20px;
font: 26px/100% Rokkitt, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
position: absolute;
top: 15px;
right: 20px;
border: solid 1px #cb8521;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}
.action-text .button:hover { background:#e08e19; text-decoration: none; }
/*Buttons*/
a.button.green {
border-color: #4e7521;
background: #76ab3b;
background: -moz-linear-gradient(top, #90c356 0%, #649a27 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90c356), color-stop(100%,#649a27));
background: -webkit-linear-gradient(top, #90c356 0%,#649a27 100%);
background: -o-linear-gradient(top, #90c356 0%,#649a27 100%);
background: -ms-linear-gradient(top, #90c356 0%,#649a27 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c356', endColorstr='#649a27',GradientType=0 );
background: linear-gradient(top, #90c356 0%,#649a27 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
a.button.green:hover {
background: #90c356;
}
a.button.green.flat {
background: #76ab3b;
}
/************************************************************************************
HEADER
*************************************************************************************/
#header #searchform #s {
width: 120px;
color: #666;
background: #f2f2f2;
padding-left: 10px !important;
float: right;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transition: width .7s;
-moz-transition: width .7s;
transition: width .7s;
}
#header a {
color: #fff;
}
a {
color: #30406b;
}
.social-widget {
color:#fff;
}
#header #searchform { display:none;}
/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
margin: 0;
padding: 0;
position: absolute;
left: 0;
bottom: 12px;
z-index: 100;
}
#main-nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
}
/************************************************************************************
MAIN LEVEL NAVIGATION
*************************************************************************************/
#main-nav a {
color: #fff;
display: block;
padding: 5px 15px;
margin: 0 5px 0 0;
text-decoration: none;
font-weight: bold;
}
/* main level link :hover */
#main-nav a:hover, #main-nav li:hover > a {
background: #1a243f;
color: #fff;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
background: #161211;
color: #c8ad6c;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
color: #fff;
}
/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a, #main-nav li:hover > ul a {
color: #666;
font-weight: normal;
padding: 7px 0 7px 15px;
margin: 0;
width: 180px;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, #main-nav li:hover > ul a:hover {
color: #00445E;
background-color: #EFF8FB;
}
/* sub-level ul */
#main-nav ul {
margin-top: -3px;
padding: 5px 0;
list-style: none;
position: absolute;
background: #fff;
border: solid 1px #ccc;
z-index: 100;
display: none;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#main-nav ul li {
background: none;
padding: 0;
margin: 0;
display: block;
}
/* sub-sub-level dropdown */
#main-nav ul ul {
left: 190px;
top: -2px;
}
/* show dropdown ul on hover */
#main-nav li:hover > ul {
display: block;
}
/************************************************************************************
PAGE NAVIGATION (BLOG)
*************************************************************************************/
.pagenav a {
color: white;
text-decoration: none;
background: #273d6c;
padding: 2px 6px;
border: solid 1px #1a2744;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-image: initial;
}
.pagenav a:hover {
background:#142240;
}
a.button.blue-opaque {
border: 1px solid #7996ac;
background: #b1c8da;
color: #fff !important;
text-shadow: 0 1px #71AEC2;
}
a.button.blue-opaque:hover {
background: #9ab3c7;
}
a.button.blue-opaque.flat {
background: #76ab3b;
}
input[type="reset"], input[type="submit"] {
background: #273D6C !important;
border: 1px solid #1A2744;
}
/************************************************************************************
BANNER
*************************************************************************************/
#headerwrap {
background-color: #EFF8FB;
}
.welcome-message {
font: 280%/110% Rokkitt, Arial, Helvetica, sans-serif;
color: #573a1e;
text-align: center;
margin-bottom: 35px;
}
/* Slider */
#slider .slides li {
background: none !important;
position: relative;
color:#6D8C9E;;
margin: 0;
padding: 0;
width: 978px;
list-style-type:square;
float: left;
}
/************************************************************************************
FEATURE HIGHLIGHTS
*************************************************************************************/
.home-highlightswrap {
position: relative;
background: #3D2C29 url(images/dash-bg.png) repeat-x 0 bottom;
border-top: 0 !important;
-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
}
.home-highlights .home-highlights-content {
color:#777 !important;
}
.home-highlights .icon {
padding: 0 0 0 5px;
float: left;
position: relative;
}
/************************************************************************************
FEATURE PAGE
*************************************************************************************/
#roles { height:520px; }
#roles .first{ margin-left:0px; padding: 10px 0px 10px 0px; clear:left;}
#roles .col3-1{ padding: 10px 0px 0px 0px; }
#presentations { height:425px; padding-top:45px; }
#listeners { padding-top:45px; height:350px;}
#chat { padding-top:45px; height:350px;}
#deskshare { padding-top:45px; height:375px;}
#small-f {padding-top:45px; height:325px; }
/************************************************************************************
OPEN SOURCE COMPONENTS PAGE
*************************************************************************************/
#os_cmp img { float:left; padding: 0 15px 0 0; }
#os_cmp .first{ margin-left:0px; padding: 10px 20px 10px 0px; clear:left; max-width: 45%;}
#os_cmp .col2-1{ padding: 15px 20px 0px 0px; max-width: 45%; }
/************************************************************************************
VIDEO PAGE
*************************************************************************************/
/* Tutorial Videos */
#vid_tut{ height:100%; width:auto; display:block; float:left; }
#vid_tut img { border: 5px solid #fff;}
#vid_tut .first { margin-left:0px; clear:left; }
#vid_tut .col2-1{ max-width: 42%; }
/* Developer Videos */
#vid_dev{ height:100%; width:auto; display:block; float:left; margin:20px 0 0 0; }
#vid_dev img { border: 5px solid #fff;}
#vid_dev .first { margin-left:0px !important; clear:left; }
#vid_dev .col2-1{ max-width: 42%; }
.play { background:transparent url(/wp-content/uploads/2011/12/play.png) no-repeat; padding: 8px 6px 15px 40px; font-weight:bold; }
.youvid{ border:5px white; }
/************************************************************************************
SUPPORT PAGE
*************************************************************************************/
#c_support .first{ margin-left:0px; padding: 10px 20px 10px 0px; clear:left; max-width: 45%; height:215px;}
#c_support .col2-1 { padding: 15px 20px 0px 0px; max-width: 45%; height:215px;}
#open_source .first{ margin-left:0px; padding: 10px 20px 10px 0px; clear:left; max-width: 45%;}
#open_source .col2-1{ padding: 15px 20px 0px 0px; max-width: 45%; }
/************************************************************************************
COMMERCIAL SUPPORT
*************************************************************************************/
.heading {
padding: 8px 6px 5px 50px;
font-family: Arial, Helvetica, sans-serif;
color: #30406B;
font-size: 1.6em;
line-height: 1.4em;
font-weight: normal;
text-shadow: 0 2px 0 rgba(0, 0, 0, .15);
}
/************************************************************************************
OPEN SOURCE INTEGRATIONS
*************************************************************************************/
.wordpress { background:transparent url(/wp-content/uploads/2011/12/wordpress_icon.png) no-repeat; }
.joomla { background:transparent url(/wp-content/uploads/2011/12/joomla_icon.png) no-repeat; }
.drupal { background:transparent url(/wp-content/uploads/2011/12/drupal_icon.png) no-repeat; }
.moodle { background:transparent url(/wp-content/uploads/2011/12/moodle_icon.png) no-repeat; }
.sakai{ background:transparent url(/wp-content/uploads/2011/12/sakai_icon.png) no-repeat; }
.tiki { background:transparent url(/wp-content/uploads/2011/12/tiki_icon.png) no-repeat; }
.efront { background:transparent url(/wp-content/uploads/2011/12/efront_icon.png) no-repeat; }
.redmine { background:transparent url(/wp-content/uploads/2011/12/redmine_icon.png) no-repeat; }
.foswiki { background:transparent url(/wp-content/uploads/2011/12/foswiki_icon.png) no-repeat; }
.atutor { background:transparent url(/wp-content/uploads/2012/04/atutor_logo.png) no-repeat; }
.fedena { background:transparent url(/wp-content/uploads/2012/09/fedena_logo.png) no-repeat; }
/************************************************************************************
BLOG
*************************************************************************************/
.post-title a {
color: #30406B;
text-decoration: none;
font-weight:bold;
}
.post-image img, .widget .feature-posts-list .post-img, .widget .flickr_badge_image img, .commentlist .avatar, .recent-comments-list .avatar, #body .gallery img, .attachment img {
adding: 2px;
background: white;
border: solid 2px #E3E3E3;
border-bottom-color: #DDD;
border-image: initial;
}
.list-post .post-image {
margin: 15px 0 15px;
}
.sidebar1 .list-post .post, .sidebar1 .list-post .hentry, .sidebar1 .list-post .type-page, .sidebar1 .list-post .attachment {
padding-left: 130px;
width: 550px;
position: relative;
margin-bottom: 100px;
}
.h_overview { text-align:center; padding-bottom:20px;}
.header-widget h1, .header-widget h2, .header-widget h3, .header-widget h4, .header-widget h5, .header-widget h6 {
margin: 0;
padding: 0;
color: #00445E;
}
.blue {color: #00445E !important; }
input[type="text"], input[type="password"], textarea, input[type="search"] {
background: #eee;
border: 1px solid #cccccc;
padding: 6px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
border-image: initial;
}
.post-nav span span { background: #273D6C !important; border:1px solid #1a2744; }
.commentlist .comment-reply-link { background: #273D6C !important; border:1px solid #1a2744; }
/************************************************************************************
SIDEBAR WIDGET
*************************************************************************************/
.action-text {
background: #f9f9f8;
border: solid 1px #ccc;
position: relative;
margin-top: 40px;
padding: 15px 200px 15px 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 0 rgba(0,0,0,.1);
clear:both;
}
#text-4{
border-bottom: solid 1px #CCC;
padding: 40px 0 30px;
border: 1px solid #CCC;
border: 1px solid white;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(top, whiteSmoke, #F0F0F0);
background: -webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#F0F0F0));
}
#text-4{ padding: 20px !important; }
#themify-feature-posts-3, #themify-recent-comments-3{
border-bottom: solid 1px #CCC;
padding: 20px !important;
border: 1px solid #CCC;
border: 1px solid white;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(top, whiteSmoke, #F0F0F0);
background: -webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#F0F0F0));
}
#sidebar .widget_text{
border-bottom: solid 1px #CCC;
padding: 20px !important;
border: 1px solid #CCC;
border: 1px solid white;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(top, whiteSmoke, #F0F0F0);
background: -webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#F0F0F0));
}
#sidebar .widget_ns_mailchimp {
border-bottom: solid 1px #CCC;
padding: 20px !important;
border: 1px solid #CCC;
border: 1px solid white;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(top, whiteSmoke, #F0F0F0);
background: -webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#F0F0F0));
}
#ns_widget_mailchimp-email-3 {
background-color:#fff;
width:90%;
margin-bottom:10px;
}
/************************************************************************************
WRAPS
*************************************************************************************/
.sub_wrap{
display: block;
float:left;
padding: 20px;
border: 1px solid #CCC;
border: 1px solid white;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(top, whiteSmoke, #F0F0F0);
margin: 0 0 40px 35px;
background: -webkit-gradient(linear, left top, left bottom, from(whiteSmoke), to(#F0F0F0));
}
#upperwrap {
background-image: url(http://r2.bigbluebutton.org/wp-content/themes/suco/uploads/bg/bg1.png);
background-color: #fff;
background: #fff url(images/fibre-bg.png);
border-bottom: none !important;
padding: 40px 0 30px;
}
/************************************************************************************
Turning Off ShareThis On The Slider Section
*************************************************************************************/
.slide-content .stButton .facebook {
display:none;
margin:0;
padding:0;
}
.slide-content .stButton .twitter {
display:none;
margin:0;
padding:0;
}
.slide-content .stButton .email {
display:none;
margin:0;
padding:0;
}
.slide-content .stButton .sharethis {
display:none;
margin:0;
padding:0;
}
/************************************************************************************
Turning Off ShareThis On The Highlights Section
*************************************************************************************/
.home-highlights .home-highlights-content .stButton .facebook {
display:none;
margin:0;
padding:0;
}
.home-highlights .home-highlights-content .stButton .twitter {
display:none;
margin:0;
padding:0;
}
.home-highlights .home-highlights-content .stButton .email {
display:none;
margin:0;
padding:0;
}
.home-highlights .home-highlights-content .stButton .sharethis {
display:none;
margin:0;
padding:0;
}
/************************************************************************************
CUSTOM TABLE
*************************************************************************************/
table.table2{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 22px;
border-collapse:collapse;
border-right:1px dotted #e0e0e0;
border-left:1px dotted #e0e0e0;
border-bottom:1px dotted #e0e0e0;
}
.table2 thead th {
padding:20px 10px 20px 10px;
color:#fff;
font-size: 20px;
background-color:#252625;
font-weight:normal;
text-shadow:1px 1px 1px #000;
}
.table2 thead th:empty{
background:transparent;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.table2 thead :nth-last-child(1){
border-right:none;
}
.table2 thead :first-child,
.table2 tbody :nth-last-child(1){
border:none;
}
.table2 tbody th{
vertical-align:top;
color: #00445E;
padding:25px;
text-shadow:1px 1px 1px #ccc;
background-color:#eff8fb;
}
.table2 tbody td{
padding:25px;
background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
border-right:1px dotted #e0e0e0;
text-shadow:-1px 1px 1px #fff;
color:#777;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer-logo { display:none; }
#footer { clear: both; position: relative; min-height: 25px; color: #B3AEAC; padding: 15px 0; }
/* ------------------
styling for the tables
------------------ */
#hor-minimalist-b
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
background: #fff;
/* margin: 45px; */
width: 480px;
border-collapse: collapse;
text-align: left;
}
#hor-minimalist-b th
{
font-size: 18px;
font-weight: bold;
color: #00445E;
padding: 10px 8px;
border-bottom: 2px solid #00445E;
}
#hor-minimalist-b td
{
border-bottom: 1px solid #ccc;
color: #777;
padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
color: #444;
}
/* My changes */
p.nocomments, #respond h3 { display: none; }
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}
.home-highlights div:nth-child(7) {
margin-left:0 !important;
}
.home-highlights div:nth-child(8) {
margin-left:30px;
clear:none !important;
}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,584 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1">
<title> Videos</title>
<link rel="alternate" type="application/rss+xml" title="BigBluebutton RSS Feed" href="http://bigbluebutton.org/feed/">
<link rel="stylesheet" href="http://bigbluebutton.org/wp-content/themes/suco/themify/css/shortcodes.css" type="text/css" media="screen">
<link href="http://bigbluebutton.org/wp-content/themes/suco-child/style.css" rel="stylesheet" type="text/css">
<!-- google font -->
<link href="http://fonts.googleapis.com/css?family=Rokkitt&amp;v1" rel="stylesheet" type="text/css">
<!-- media queries -->
<link rel="stylesheet" href="http://bigbluebutton.org/wp-content/themes/suco/media-queries.css" type="text/css">
<!-- media-queries.js (fallback) -->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!-- html5.js -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- jquery -->
<script src="http://platform.twitter.com/widgets.js" id="twitter-wjs"></script><script src="http://www.google-analytics.com/ga.js" async="" type="text/javascript"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- audio player -->
<script type="text/javascript" src="http://bigbluebutton.org/wp-content/themes/suco/js/audio-player.js"></script>
<script type="text/javascript">
AudioPlayer.setup("http://bigbluebutton.org/wp-content/themes/suco/player.swf", {
width: '90%',
transparentpagebg: 'yes'
});
</script>
<!-- comment-reply js -->
<!-- wp_header -->
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/bigbluebutton.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=21e517e0ddb856c019dcb251670c2be4"}};
!function(a,b,c){function d(a){var c,d,e,f=b.createElement("canvas"),g=f.getContext&&f.getContext("2d"),h=String.fromCharCode;if(!g||!g.fillText)return!1;switch(g.textBaseline="top",g.font="600 32px Arial",a){case"flag":return g.fillText(h(55356,56806,55356,56826),0,0),f.toDataURL().length>3e3;case"diversity":return g.fillText(h(55356,57221),0,0),c=g.getImageData(16,16,1,1).data,d=c[0]+","+c[1]+","+c[2]+","+c[3],g.fillText(h(55356,57221,55356,57343),0,0),c=g.getImageData(16,16,1,1).data,e=c[0]+","+c[1]+","+c[2]+","+c[3],d!==e;case"simple":return g.fillText(h(55357,56835),0,0),0!==g.getImageData(16,16,1,1).data[0];case"unicode8":return g.fillText(h(55356,57135),0,0),0!==g.getImageData(16,16,1,1).data[0]}return!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i;for(i=Array("simple","flag","unicode8","diversity"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="fbComments_hideWpComments-css" href="http://bigbluebutton.org/wp-content/plugins/facebook-comments-for-wordpress/css/facebook-comments-hidewpcomments.css?ver=3.1.3" type="text/css" media="all">
<link rel="stylesheet" id="fbc_rc_widgets-style-css" href="http://bigbluebutton.org/wp-content/plugins/facebook-comments-for-wordpress/css/facebook-comments-widgets.css?ver=21e517e0ddb856c019dcb251670c2be4" type="text/css" media="all">
<link rel="stylesheet" id="digg-digg-css" href="http://bigbluebutton.org/wp-content/plugins/digg-digg/css/diggdigg-style.css?ver=5.3.6" type="text/css" media="screen">
<script type="text/javascript" src="http://bigbluebutton.org/wp-includes/js/jquery/jquery.js?ver=1.12.4"></script>
<script type="text/javascript" src="http://bigbluebutton.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>
<script type="text/javascript" src="http://bigbluebutton.org/wp-content/plugins/mailchimp-widget/js/mailchimp-widget-min.js?ver=21e517e0ddb856c019dcb251670c2be4"></script>
<link rel="https://api.w.org/" href="http://bigbluebutton.org/wp-json/">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://bigbluebutton.org/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://bigbluebutton.org/wp-includes/wlwmanifest.xml">
<link rel="canonical" href="http://bigbluebutton.org/videos/">
<link rel="shortlink" href="http://bigbluebutton.org/?p=6">
<link rel="alternate" type="application/json+oembed" href="http://bigbluebutton.org/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fbigbluebutton.org%2Fvideos%2F">
<link rel="alternate" type="text/xml+oembed" href="http://bigbluebutton.org/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fbigbluebutton.org%2Fvideos%2F&amp;format=xml">
<script type="text/javascript">
(function(url){
if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; }
var addEvent = function(evt, handler) {
if (window.addEventListener) {
document.addEventListener(evt, handler, false);
} else if (window.attachEvent) {
document.attachEvent('on' + evt, handler);
}
};
var removeEvent = function(evt, handler) {
if (window.removeEventListener) {
document.removeEventListener(evt, handler, false);
} else if (window.detachEvent) {
document.detachEvent('on' + evt, handler);
}
};
var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' ');
var logHuman = function() {
var wfscr = document.createElement('script');
wfscr.type = 'text/javascript';
wfscr.async = true;
wfscr.src = url + '&r=' + Math.random();
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr);
for (var i = 0; i < evts.length; i++) {
removeEvent(evts[i], logHuman);
}
};
for (var i = 0; i < evts.length; i++) {
addEvent(evts[i], logHuman);
}
})('//bigbluebutton.org/?wordfence_logHuman=1&hid=4A32C1A289EB14E197561B7A60F05460');
</script>
<style type="text/css">
#headerwrap {
background-image: none;
background-color: #dbebf6;
}
#nav-bar {
background-image: url(http://r2.bigbluebutton.org/wp-content/themes/suco/uploads/bg/bg1.png);
background-color: #30406b;
background-repeat: repeat-x;
}
#upperwrap {
background-image: url(http://r2.bigbluebutton.org/wp-content/themes/suco/uploads/bg/bg1.png);
background-color: #F4F4F4 ;
}
.home-highlightswrap {
background-image: none;
background-color: #fff;
}
#body {
background-image: none;
background-color: #ffffff;
}
.footer-widgetswrap {
background-image: none;
background-color: #262626;
}
#footerwrap {
background-image: none;
background-color: #2a2a2a;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
color: #00445e;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
color: #00445e;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
color: #00445e;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
color: #30406b;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
color: #30406b;
}
h6 {
font-family: Arial, Helvetica, sans-serif;
}
#main-nav a:hover, #main-nav li:hover > a {
color: #fff;
}
#main-nav .current_page_item a, #main-nav .current-menu-item a {
color: #fff;
background-color: #1a243f;
}
</style>
<link href="http://www.bigbluebutton.org/wp-content/themes/suco/uploads/favicon/favicon.png" rel="shortcut icon">
<!-- custom css -->
<style type="text/css">.home-highlights .home-highlights-content {
overflow: hidden;
margin-bottom: 20px;
color: #464646;
}
.home-highlights h4 {
margin: 0;
font-size: 160%;
line-height: 120%;
color: #30406b;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif !important;
}
h1.overview {
font-family: "Open Sans","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
}
img.aligncenter {
padding: 2px;
}
span.post-comment iframe {
width:150px !important;
}
.post-meta .post-comment{
background: none!important;
padding-left:0px;
}</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-9394204-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="//bigbluebutton.org/?wordfence_logHuman=1&amp;hid=4A32C1A289EB14E197561B7A60F05460&amp;r=0.7928567202447322" async="" type="text/javascript"></script><script src="https://platform.twitter.com/js/timeline.d5ee0c695f13b8ee1c5f4f85a8c10e39.js" async="" charset="utf-8" type="text/javascript"></script></head>
<body class="page page-id-6 page-template-default">
<div id="pagewrap">
<div id="headerwrap">
<header id="header" class="pagewidth">
<hgroup>
<div id="site-logo"><a href="http://bigbluebutton.org"><img src="http://bigbluebutton.org/wp-content/themes/suco/themify/img.php?src=/wp-content/uploads/2011/12/logo.png&amp;w=330&amp;h=71" alt="BigBluebutton" height="71" width="330"></a></div>
<h2 id="site-description"></h2>
</hgroup>
<nav>
<ul id="main-nav" class="main-nav"><li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://bigbluebutton.org/">Home</a></li>
<li id="menu-item-2665" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-2665"><a href="http://bigbluebutton.org/overview/">Overview</a>
<ul class="sub-menu">
<li id="menu-item-2667" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2667"><a href="http://bigbluebutton.org/overview/">Overview</a></li>
<li id="menu-item-1424" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6 current_page_item menu-item-1424"><a href="http://bigbluebutton.org/videos/">Videos</a></li>
<li id="menu-item-3083" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3083"><a href="http://bigbluebutton.org/accessibility/">Accessibility</a></li>
<li id="menu-item-1538" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1538"><a href="http://bigbluebutton.org/history/">History of BigBlueButton</a></li>
</ul>
</li>
<li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18"><a href="http://demo.bigbluebutton.org/">Demo</a></li>
<li id="menu-item-494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-494"><a href="http://bigbluebutton.org/support/">Support</a>
<ul class="sub-menu">
<li id="menu-item-1088" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1088"><a href="http://bigbluebutton.org/support/">Support</a></li>
<li id="menu-item-231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-231"><a href="http://bigbluebutton.org/components/">Open Source Components</a></li>
<li id="menu-item-1614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1614"><a href="http://bigbluebutton.org/open-source-integrations/">Open Source Integrations</a></li>
<li id="menu-item-713" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-713"><a href="http://bigbluebutton.org/commercial-support/">Commercial Support</a></li>
</ul>
</li>
<li id="menu-item-337" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-337"><a href="http://bigbluebutton.org/blog/">Blog</a></li>
<li id="menu-item-716" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-716"><a href="http://bigbluebutton.org/foundation/">License</a>
<ul class="sub-menu">
<li id="menu-item-731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-731"><a href="http://bigbluebutton.org/trademark/">Trademark</a></li>
<li id="menu-item-3077" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3077"><a href="http://bigbluebutton.org/open-source-license/">Open Source License</a></li>
</ul>
</li>
<li id="menu-item-1163" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1163"><a href="http://docs.bigbluebutton.org/">Docs</a></li>
</ul> <!-- /#main-nav -->
</nav>
<div class="social-widget">
<div id="text-6" class="widget widget_text"><strong class="widgettitle">Follow Us</strong> <div class="textwidget"><ul class="links-list">
<li><a href="http://facebook.com/bigbluebutton" title="BigBlueButton Facebook Page" target="_BLANK"><img src="/wp-content/uploads/2011/12/facebook.png" alt="Facebook"></a></li>
<li><a href="https://twitter.com/bigbluebutton" title="BigBlueButton Twitter Page" target="_BLANK"><img src="/wp-content/uploads/2011/12/twitter.png" alt="Twitter"></a></li>
<li><a href="http://www.youtube.com/bigbluebuttonshare" title="BigBlueButton YouTube Page" target="_BLANK"><img src="/wp-content/uploads/2011/12/youtube_icon.png" alt="YouTube"></a></li>
<li><a href="https://plus.google.com/b/108594579970371808676/108594579970371808676/posts" title="BigBlueButton Google Plus Page" target="_BLANK"><img src="/wp-content/uploads/2012/07/googleplus.png" alt="Google Plus"></a></li>
<!-- <li><a href="http://flickr.com" title="BigBlueButton Flickr Page"><img src="/wp-content/uploads/2011/12/flickr.png" alt="Flickr"></a></li> -->
</ul>
</div>
</div>
<div class="rss"><a href="http://bigbluebutton.org/feed/">RSS</a></div>
</div>
<!-- /.social-widget -->
<div class="header-widget">
</div>
<!-- /.header-widget -->
</header>
<!-- /#header -->
<div id="nav-bar">
</div>
<!-- /#nav-bar -->
</div>
<!-- /.headerwrap -->
<div id="body" class="clearfix">
<div id="upperwrap">
<div class="pagewidth">
<h1 class="page-title">Videos</h1>
</div>
<!-- /.page-title -->
</div>
<!-- /#upperwrap -->
<!-- layout-container -->
<div id="layout" class="pagewidth clearfix sidebar-none">
<!-- content -->
<div id="content">
<div class="clearfix"></div>
<h2><strong> Desktop Sharing Tutorial Videos (1.1)</strong></h2>
<p>The following videos give you an overview of using Desktop Sharing in BigBlueButton.</p>
<div class="shortcode col3-1 first"><a class="lightbox" title="Desktop Sharing on Windows using Internet Explorer" href="" rel="prettyPhoto"><img title="Desktop Sharing on Windows using Internet Explorer" src="/wp-content/uploads/2013/06/p-overview-081.png" alt="Desktop Sharing on Windows using Internet Explorer" width="285"></a><p></p>
<h5>Desktop Sharing on Windows using Internet Explorer</h5>
<p>This video gives you an overview of how to use desktop sharing on Windows OS using Internet Explorer.</p>
<p><a class="shortcode button green lightbox" title="Desktop Sharing on Windows using Internet Explorer" href="" rel="prettyPhoto">Play Video </a>
</p></div>
<div class="shortcode col3-1"><a class="lightbox" title="Desktop Sharing on Windows using Firefox" href="" rel="prettyPhoto"><img title="Desktop Sharing on Windows using Firefox" src="/wp-content/uploads/2013/06/p-overview-081.png" alt="Desktop Sharing on Windows using Firefox" width="285"></a><p></p>
<h5>Desktop Sharing on Windows using Firefox</h5>
<p>This video gives you an overview of how to use desktop sharing on Windows OS using Firefox.</p>
<p><a class="shortcode button green lightbox" title="Desktop Sharing on Windows using Firefox" href="" rel="prettyPhoto">Play Video </a>
</p></div>
<div class="shortcode col3-1"><a class="lightbox" title="Desktop Sharing on Windows using Chrome" href="" rel="prettyPhoto"><img title="Desktop Sharing on Windows using Chrome" src="/wp-content/uploads/2013/06/p-overview-081.png" alt="Desktop Sharing on Windows using Chrome" width="285"></a><p></p>
<h5>Desktop Sharing on Windows using Chrome</h5>
<p>This video gives you an overview of how to use desktop sharing on Windows OS using Chrome.</p>
<p><a class="shortcode button green lightbox" title="Desktop Sharing on Windows using Chrome" href="" rel="prettyPhoto">Play Video </a>
</p></div>
<div class="shortcode col3-1 first"><a class="lightbox" title="Desktop Sharing on Mac OS X using Chrome" href="" rel="prettyPhoto"><img title="Desktop Sharing on Mac OS X using Chrome" src="/wp-content/uploads/2013/06/p_student-081.png" alt="Desktop Sharing on Mac OS X using Chrome" width="285"></a><p></p>
<h5>Desktop Sharing on Mac OS X using Chrome</h5>
<p>This video gives you an overview of using desktop sharing on Mac OS X using Chrome.</p>
<p><a class="shortcode button green lightbox" title="Desktop Sharing on Mac OS X using Chrome" href="" rel="prettyPhoto">Play Video </a>
</p></div>
<div class="shortcode col3-1"><a class="lightbox" title="Desktop Sharing on Mac OS X using Safari" href="https://www.youtube.com/watch?v=SmIMd8abeec" rel="prettyPhoto"><img title="Desktop Sharing on Mac OS X using Safari" src="/wp-content/uploads/2011/12/safari_new.png" alt="Desktop Sharing on Mac OS X using Safari" width="285"></a><p></p>
<h5>Desktop Sharing on Mac OS X using Safari</h5>
<p>This video gives you an overview of using desktop sharing on Mac OS X using Safari.</p>
<p><a class="shortcode button green lightbox" title="Desktop Sharing on Mac OS X using Safari" href="https://www.youtube.com/watch?v=SmIMd8abeec" rel="prettyPhoto">Play Video </a></p>
</div>
<div class="shortcode col3-1"><a class="lightbox" title="Desktop Sharing on Mac OS X using FireFox" href="https://www.youtube.com/watch?v=6559dtuN3vE" rel="prettyPhoto"><img title="Desktop Sharing on Mac OS X using FireFox" src="/wp-content/uploads/2011/12/macosx-firefox.png" alt="Desktop Sharing on Mac OS X using FireFox" width="285"></a><p></p>
<h5>Desktop Sharing on Mac OS X using FireFox</h5>
<p>This video gives you an overview of using desktop sharing on Mac OS X using FireFox.</p>
<p><a class="shortcode button green lightbox" title="Desktop Sharing on Mac OS X using FireFox" href="https://www.youtube.com/watch?v=6559dtuN3vE" rel="prettyPhoto">Play Video </a></p>
</div>
<p><!--
<a class="lightbox" title="Viewer Overview" href="http://www.youtube.com/watch?v=4C-rOd8bi6s&amp;width=800&amp;height=600" rel="prettyPhoto"><img title="Viewer Overview" src="/wp-content/uploads/2013/06/dev-08.png" alt="Student Overview" width="285" /></a>
<h5>Developer Overview</h5>
This video gives you an overview of setting up BigBlueButton.
<a class="shortcode button green lightbox" title="Viewer Overview" href="http://www.youtube.com/watch?v=4C-rOd8bi6s&amp;width=800&amp;height=600" rel="prettyPhoto">Play Video </a>
<div id="vid_tut">
<h2><strong> Tutorial Videos (0.8)</strong></h2>
The BigBlueButton community wants to make the process of learning and understanding our open source web conferencing software as easy as possible. Therefore, we have created the following “How-To” videos.
<div class="shortcode col3-1 first"><a class="lightbox" title="BigBlueButton Teacher Overview" href="http://www.youtube.com/watch?v=S4eNl9Afipo?width=800&amp;height=600" rel="prettyPhoto"><img title="Teacher Overview" src="/wp-content/uploads/2013/06/teacher-overview-0.8.png" alt="Teacher Overview" width="285" /></a>
<h5>Teacher Overview</h5>
This video shows you how to present information to remote students using BigBlueButton.
<a class="shortcode button green lightbox" title="BigBlueButton Teacher Overview" href="http://www.youtube.com/watch?v=S4eNl9Afipo" rel="prettyPhoto">Play Video </a>
</div>
<div class="shortcode col3-1"><a class="lightbox" title="BigBlueButton Student Overview" href="http://www.youtube.com/watch?v=U8P9RJDk42M&amp;width=800&amp;height=600" rel="prettyPhoto"><img title="Student Overview" src="/wp-content/uploads/2013/06/student-overview-08.png" alt="Student Overview" width="285" /></a>
<h5>Student Overview</h5>
Student tutorial video for BigBlueButton. Here you will be given an overview of the open source software and a break down of all the individual modules.
<a class="shortcode button green lightbox" title="BigBlueButton Student Overview" href="http://www.youtube.com/watch?v=U8P9RJDk42M&amp;width=800&amp;height=600" rel="prettyPhoto">Play Video </a>
</div>
<div class="shortcode col3-1"><a class="lightbox" title="Viewer Overview" href="http://www.youtube.com/watch?v=4C-rOd8bi6s&amp;width=800&amp;height=600" rel="prettyPhoto"><img title="Viewer Overview" src="/wp-content/uploads/2013/06/dev-08.png" alt="Student Overview" width="285" /></a>
<h5>Developer Overview</h5>
This video gives you an overview of setting up BigBlueButton.
<a class="shortcode button green lightbox" title="Viewer Overview" href="http://www.youtube.com/watch?v=4C-rOd8bi6s&amp;width=800&amp;height=600" rel="prettyPhoto">Play Video </a>
</div>
</div>
--></p>
<div class="clearfix"></div>
<!-- comments -->
<!-- /comments -->
</div>
<!-- /content -->
</div>
<!-- /layout-container -->
</div>
<!-- /body -->
<div class="footer-widgetswrap clearfix">
<div class="footer-widgets pagewidth clearfix">
<div class="col3-1 first">
<section id="text-3" class="widget widget_text"><h4 class="widgettitle">Overview</h4> <div class="textwidget"><ul>
<li class="menu item">
<a href="/home" title="BigBlueButton Home">Home</a>
</li>
<li class="menu item">
<a href="/overview" title="BigBlueButton Overview">Overview</a>
</li>
<li class="menu item">
<a href="/videos" title="BigBlueButton Videos">Videos</a>
</li>
<li class="menu item" title="BigBlueButton Demo">
<a href="http://demo.bigbluebutton.org">Demo</a>
</li>
<li class="menu item">
<a href="/blog">Blog</a>
</li>
<li class="menu item">
<a href="/support" title="BigBlueButton Developer Community">Support</a>
</li>
<li class="menu item">
<a href="http://code.google.com/p/bigbluebutton/" title="Download BigBlueButton">Download</a>
</li>
</ul></div>
</section> </div>
<div class="col3-1 ">
<section id="themify-feature-posts-2" class="widget feature-posts"><h4 class="widgettitle">Recent Posts</h4><ul class="feature-posts-list"><li><a href="http://bigbluebutton.org/2016/05/17/bigbluebutton-1-0-released/" class="feature-posts-title">BigBlueButton 1.0 Released</a> <br><small>May 17, 2016</small> <br><span class="post-excerpt">The BigBlueButton project is pleased to announce the</span></li><li><a href="http://bigbluebutton.org/2016/05/03/bigbluebutton-summit-viii-ottawa-ontario-canada/" class="feature-posts-title">BigBlueButton Summit VIII: Ottawa, Ontario, Canada</a> <br><small>May 03, 2016</small> <br><span class="post-excerpt">The BigBlueButton developer community met in Ottawa,</span></li><li><a href="http://bigbluebutton.org/2016/04/06/agora-learning-integrates-with-bigbluebutton/" class="feature-posts-title">Agora Learning integrates with BigBlueButton</a> <br><small>Apr 06, 2016</small> <br><span class="post-excerpt">Agora Learning, a learning Management System from Tree</span></li><li><a href="http://bigbluebutton.org/2016/01/21/nice-tweet-from-boston-college/" class="feature-posts-title">Nice tweet from Boston College</a> <br><small>Jan 21, 2016</small> <br><span class="post-excerpt">Just saw this tweet from Boston College. Looks like</span></li></ul></section> </div>
<div class="col3-1 ">
<section id="text-12" class="widget widget_text"> <div class="textwidget"><iframe title="Twitter Timeline" data-widget-id="346300284898783232" style="position: static; visibility: visible; display: inline-block; width: 520px; height: 300px; padding: 0px; border: medium none; max-width: 100%; min-width: 180px; margin-top: 0px; margin-bottom: 0px; min-height: 200px;" class="twitter-timeline twitter-timeline-rendered" allowfullscreen="true" allowtransparency="true" scrolling="no" id="twitter-widget-0" frameborder="0"></iframe>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</section> </div>
</div>
<!-- /.footer-widgets -->
</div>
<!-- /.footer-widgetswrap -->
<div id="footerwrap">
<footer id="footer" class="pagewidth clearfix">
<div id="footer-logo">
<a href="http://bigbluebutton.org/">BigBluebutton</a>
</div>
<!-- /footer-logo -->
<div class="footer-text clearfix">
<!-- div class="one"><center> Copyright © 2014 BigBlueButton Inc </center></div -->
<div class="one"><center> Copyright © 2016 BigBlueButton Inc. </center></div>
<div class="two"> </div>
</div>
<!-- /.footer-text -->
</footer>
<!-- /#footer -->
</div>
<!-- /#footerwrap -->
<!-- /#pagewrap -->
<!-- jquery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
!window.jQuery && document.write('<script type="text/javascript" src="http://bigbluebutton.org/wp-content/themes/suco/js/jquery.js"><\/script>')
</script>
<!-- prettyphoto -->
<script type="text/javascript" src="http://bigbluebutton.org/wp-content/themes/suco/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="http://bigbluebutton.org/wp-content/themes/suco/prettyPhoto.css" type="text/css" media="screen">
<script type="text/javascript">
if (screen.width>=480) {
jQuery(function($) {
$("a[rel^='prettyPhoto']").prettyPhoto({ social_tools: false, deeplinking: false });
});
}
</script>
<!-- theme function script -->
<script type="text/javascript" src="http://bigbluebutton.org/wp-content/themes/suco/js/script.js"></script>
<!-- wp_footer -->
<script type="text/javascript">
!window.jQuery && document.write('<script type="text/javascript" src="http://bigbluebutton.org/wp-content/themes/suco/themify/js/jquery.js"><\/script>')
</script>
<!-- slider -->
<script type="text/javascript" src="http://bigbluebutton.org/wp-content/themes/suco/js/slider.js"></script>
<script>
jQuery(document).ready(function($) {
$('#slider').flexslider({
animation: "slide",
slideshow: true,
animationLoop: true,
directionNav: true,
prevText: "&laquo;",
nextText: "&raquo;",
slideshowSpeed: 6000,
pauseOnHover: true
});
});
// expand slider
$('#slider .slides').css('height','auto');
</script>
<script type="text/javascript" src="http://bigbluebutton.org/wp-includes/js/wp-embed.min.js?ver=21e517e0ddb856c019dcb251670c2be4"></script>
<iframe style="position: absolute; visibility: hidden; display: none; width: 0px; height: 0px; padding: 0px; border: medium none;" allowfullscreen="true" allowtransparency="true" scrolling="no" id="rufous-sandbox" frameborder="0"></iframe></body>
<html/>