templates.publicdyn.css.main.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of spincast-website Show documentation
Show all versions of spincast-website Show documentation
Source code for the https://www.spincast.org website.
/** Main CSS */
body {
background-color: #FFFFFF;
font-family: verdana, arial;
font-size:16px;
overflow-x: hidden;
}
.clear {
display: block;
font-size: 0;
line-height: 0;
height: 0;
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.rightText {
text-align: right;
}
a {
color: #23527C;
text-decoration: underline;
outline: none;
}
a:hover {
text-decoration: none;
border-bottom: dotted 2px #23527C;
}
.orange {
color: #DB9013;
}
.green {
color: #749A44;
}
.btn-green {
background-color: #CDDDB1;
color:#000000;
border-color:#000000;
}
.bold {
font-weight:bold;
}
.big {
font-size:1.1em;
}
.center {
text-align:center;
}
.underline {
text-decoration: underline;
}
img {
max-width:100%;
}
blockquote code {
font-size: 0.9em;
}
.well, #pluginsWrapper .thumbnail {
background-color: #FFFFFF;
margin-bottom:15px;
border: solid 1px #8F9682;
margin-bottom:30px;
}
#right-sidebar .well {
border: solid 1px #797E91;
background-color: #FFFFFF;
box-shadow: 3px 3px 2px #C0C0C0;
}
#pluginsWrapper h4 {
text-align:center;
margin-top:0;
font-weight:bold;
font-size:22px;
padding-bottom:4px;
border-bottom:solid 1px #3F81AF;
}
.plugins #blueIcon {
color: #3F81AF;
font-weight: bold;
font-style: italic;
}
.pluginDoc h4 {
margin-top:20px;
}
#pluginsWrapper .niceWell img {
margin-top:10px;
}
.right-section {
padding:14px;
padding-left:10px;
}
.right-section blockquote {
margin:0px;
padding:10px;
padding-left:10px;
color:#4C4C4C;
font-size:16px;
}
.right-section {
font-size:14px;
}
.right-section ul {
padding-left:10px;
}
.right-section ul li {
margin-bottom:10px;
}
.topContextAlert {
margin-top:20px;
}
.noTop {
margin-top: 0;
}
.noBottom {
margin-bottom: 0;
}
.miniTop {
margin-top: 10px;
}
.shortTop {
margin-top: 20px;
}
.tallTop {
margin-top: 40px;
}
.shortBottom {
margin-bottom: 6px;
}
.tallBottom {
margin-bottom: 40px;
}
a.anchor, a.anchor_small, a.anchor_xsmall {
margin-left:-28px;
padding-left:22px;
padding-right:6px;
background: #FFFFFF url("/public/images/anchor.png") no-repeat left center;
background-size: 86% 60%;
text-decoration:none;
opacity: 0;
}
a.anchor_small {
margin-left:-20px;
padding-left:16px;
padding-right:4px;
background-size: 80% 60%;
}
a.anchor_xsmall {
margin-left:-20px;
padding-left:16px;
padding-right:4px;
background-size: 62% 60%;
}
a.anchor:hover, a.anchor_small:hover, a.anchor_xsmall:hover {
opacity: 1;
border-bottom: 0 !important;
}
h2 {
font-size: 40px;
font-weight: bold;
color: #4C4C4C;
padding-bottom: 4px;
margin-top: 40px;
margin-bottom: 14px;
border-bottom: 2px solid #E0E0E0;
}
h2.noUnder {
border-bottom:0;
}
h3 {
color: #4C4C4C;
font-weight: bold;
font-size: 34px;
margin-bottom:6px;
}
h4 {
font-size:24px;
color: #4C4C4C;
font-weight: bold;
margin-top:20px;
margin-bottom:6px;
}
.demos h4 {
text-decoration: underline;
}
blockquote {
margin-top:20px;
}
blockquote.niceQuote {
border: 90px;
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 90%;
margin: 0.25em 0;
margin-left:40px;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}
blockquote.niceQuote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}
blockquote.niceQuote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote.niceQuote.niceQuoteSmall {
color: #505B67;
font-size: 18px;
font-style: italic;
width: 100%;
margin-top:10px;
margin-left:20px;
padding: 0px 0px 0px 14px;
}
blockquote.niceQuote.niceQuoteSmall:before {
font-size: 52px;
}
blockquote.niceQuote cite:before {
content: "\2014 \2009";
}
code, code.block, .code-line-nbr {
color: #000000;
font-family:'Courier New';
font-size:15px;
background-color: #FFFFFF;
padding: 1px 3px 1px 3px;
border: solid 1px #D3D3D3;
margin: 0;
white-space: nowrap;
max-width: 100%;
overflow-x: auto;
}
code.language-pebble {
border:0 !important;
}
a code, a code.block {
color: #193956;
}
code.block {
display:inline-block;
margin:0px 0px 10px 0px;
padding:0px 3px 0px 3px;
}
.code-line-nbr {
background-color: #F9F9F9;
padding:1px 6px 0px 6px;
text-decoration: none;
}
.code-line-nbr:hover {
cursor : pointer;
border-color: #000000;
}
h3 code {
font-size:30px;
}
h4 code {
font-size:20px;
}
h5 code {
font-size:14px;
font-weight:normal;
}
.pointerCursor {
cursor: pointer;
}
a.love:hover::after {
content: ' ♥';
color:red;
font-size:16px;
}
#soon, #errorCore {
text-align:center;
padding:80px 0px;
padding-bottom:20px;
font-size:42px;
font-style:italic;
color:#C0C0C0;
}
#errorCoreImg {
text-align:center;
margin-bottom:200px;
}
.btn-default:hover {
background-color: #E8F2D2;
}
ul ul {
margin-top:10px;
}
/************************************************************
* Header
/************************************************************/
#logo {
max-width:100%;
}
#top {
height:110px;
padding-top:10px;
text-align:left;
}
#top a {
outline: none;
}
#topLinks {
padding:0px;
padding-bottom:3px;
text-align:right;
float:right;
}
#topLinks a {
color: #888;
text-decoration: none;
padding: 3px 10px;
font-size:10px;
float: right;
margin-left:20px;
text-align: left;
-webkit-box-shadow: 3px 3px 3px #3F3B3B;
box-shadow: 3px 3px 3px #3F3B3B;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#topLinks a:hover {
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
border-bottom: 0;
}
@media only screen and (max-width: 660px) {
#top {
text-align: center;
height: auto;
}
#topLinks {
float:none;
margin-top: 10px;
text-align: center;
}
#topLinks a {
padding: 3px 10px;
float: none;
margin:0px;
display:inline-block;
}
}
.menu {
border-bottom: 1px solid #DDDDDD;
}
.subMenu {
z-index:100;
color: #FFFFFF;
width:100%;
border-top: solid 1px #4C4C4C;
border-bottom: solid 1px #4C4C4C !important;
padding-left: 20px;
}
.subMenu a {
font-size:19px;
color: #FFFFFF !important;
}
.subMenu .subMenuIcon {
float:left;
margin-left:10px !important;
margin-top:10px !important;
margin-right:10px !important;
}
@media only screen and (max-width: 430px) {
.subMenu:before {
display:none;
}
}
.menu a {
color: #888;
text-decoration: none;
line-height: 2em;
padding-bottom: 2px;
}
.menu a:hover {
color: #002;
border-bottom: 0 !important;
}
.menu.subMenu a:hover {
border-bottom: solid 2px #FFFFFF !important;
}
.menu ul {
display: inline;
margin: 0;
width:100%;
min-width:100%;
}
.menu ul li {
list-style: none;
margin: 0 26px;
float: left;
font-size:21px;
color:#888888;
}
#adminMenu ul li {
margin: 0 16px;
}
.menu ul li:first-child, #adminMenu ul li:first-child {
margin-left: 0;
}
.menu ul li:last-child, #adminMenu ul li:last-child {
margin-right: 0;
}
.index #menu_index a,
.demos #menu_demos a,
.news #menu_news a,
.documentation #menu_documentation a,
.download #menu_download a,
.plugins #menu_plugins a,
.adminIndex #admin_menu_index a,
.adminNews #admin_menu_news a,
.adminWebsocketsTest #admin_menu_websockets_test a,
.more #menu_more a
{
color: #222222;
border-bottom: 2px solid #8F9682;
}
.hasSubMenu .menu, .hasBreadCrumb .menu {
border-bottom: 0;;
}
.community #menu_community a,
.about #menu_about a
{
color: #FBFFF4;
border-bottom: 2px solid #FFFFFF;
}
.nav-tabs a {
color: #346A91;
text-decoration: underline;
font-size: 1em;
letter-spacing: 2px;
}
.nav > li > a:hover {
background-color: #E8F2D2;
color: #1E1E1E;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover {
color: #4C4C4C;
text-decoration: none;
}
.demo_hello_world #menu_demos_hello_world a,
.demo_websockets #menu_demos_websockets a,
.demo_http_auth #menu_demos_http_auth a,
.real_apps #menu_demos_todo_list a,
.demo_form_auth #menu_demos_form_auth a,
.demo_html_forms #menu_demos_html_forms a
{
border-bottom: 3px solid #FFFFFF;
color: #FFFFFF !important;
}
.admin #sectionTitle h2 {
margin-bottom:0;
border:0;
}
#adminMenu li a {
font-size:0.8em;;
font-weight:bold;
}
#adminMenu li a:hover {
color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
.menu {
margin-top:10px;
border-top: 1px solid #DDDDDD;
}
.menu ul {
display:table-row;
}
.menu ul li {
vertical-align: middle;
display: table-cell;
margin-left: 0;
}
}
@media only screen and (max-width: 430px) {
.menu {
padding-bottom:10px;
}
.menu ul {
display: block;
}
.menu ul li {
display: inline-block;
width:100%;
text-align: center;
font-size:1.5em;
height:1.5em;
}
}
#menu_news img {
vertical-align:-2%;
}
.dropMenu {
position: relative;
display: inline-block;
}
.dropMenuContent {
display: none;
position: absolute;
z-index:1000;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
@media only screen and (max-width: 430px) {
.dropMenuContent {
left:-40px;
}
}
.dropMenuContent a {
text-decoration: none;
display: block;
padding: 8px 16px;
border-bottom:0 !important;
}
.dropMenuContent a:hover {
background-color: #f1f1f1
}
.dropMenu:hover .dropMenuContent {
display: block;
}
.quickStartWrapper, .pluginDocBtn {
text-align:center;
margin-top:0px;
}
.quickStartWrapper span, .pluginDocBtn span {
font-weight:bold;
}
.quickStartWrapper, #version {
margin-bottom: 23px;
}
.pluginDocBtn a, .pluginDocBtn a:active, .pluginDocBtn a:visited
{
width:100%;
margin-top:4px;
background-color: #CDDDB1;
color:#000000;
border:solid 1px #000000;
padding:20px 0px;
font-size:22px;
}
.quickStartWrapper a, .quickStartWrapper a:active, .quickStartWrapper a:visited
{
width:100%;
background-color: #E8F2D2;
color: #000000;
border:solid 2px #000000;
padding:20px 0px;
font-size: 20px;
text-decoration:none;
margin-right:px;
}
.quickStartWrapper a:hover {
text-decoration: none !important;
background-color: #779943;
color: #FFFFFF;
}
.quickStartWrapper > a:hover i {
color:#FFFFFF;
}
.quickStartWrapper i {
color:#000000;
}
.pluginDocBtn a, .pluginDocBtn a:active, .pluginDocBtn a:visited {
width:inherit;
padding:10px;
font-size:16px;
background-color: #FFFFFF;
border:solid 1px #000000;
}
.quickStartWrapper a:hover, .pluginDocBtn a {
text-decoration: underline;
}
#indexContent pre {
width:auto;
}
#indexContent h2 {
margin-top:0px;
}
@media only screen and (max-width: 430px) {
#indexContent h2 {
text-align: center;
font-size:1.8em;
}
}
#quick_start h4 i {
font-size:22px;
}
.learnMore {
padding-right:20px;
}
/************************************************************
* Footer
/************************************************************/
.appFooter {
border-top: 1px solid #DDDDDD;
color: #777777;
padding: 22px 10px 20px 10px;
text-align:center;
font-style:italic;
font-size:14px;
margin-top:100px;
margin-bottom:10px;
}
.appFooter a {
color: #777777;
}
.appFooter a:hover {
color: #4993CB;
}
.appFooter img {
vertical-align: bottom;
}
@media only screen and (max-width: 1000px) {
.appFooter {
margin-top:20px;
}
}
/************************************************************
* Index
/************************************************************/
.codeExample {
margin-top: 50px;
}
.codeExample h4 {
border-left: solid 4px #D58C12;
padding-left: 10px;
}
#jumb {
margin-top:10px;
margin-bottom:10px;
background: url("/public/images/jumbo1.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
color:#FFFFFF;
position:relative;
overflow:hidden;
padding-top:30px;
padding-bottom:30px;
}
#jumb h1 {
font-family: arial;
}
#jumb span {
font-weight:bold;
font-style:italic;
}
#jumb a {
color:#DB9013;
}
#jumb a:hover {
color:#FFA216;
}
@media only screen and (max-width: 440px) {
#jumb {
text-align:center;
}
}
#features h3 {
text-decoration:underline;
}
#features ul {
margin-top:20px;
}
.apiItem {
display:inline-block;
font-weight: normal;
border:solid 1px #404040;
background-color: #E8F2D2;
color:#6B0049;
padding:1px 6px;
font-size:15px;
margin: 0px 10px;
max-width: 98%;
overflow-x: auto;
}
.apiItem span {
font-weight: bold;
color:#282828;
}
.apiList .well {
margin-top:-8px;
}
.apiItemFooter {
margin-top:16px;
font-style:italic;
font-size:14px;
}
.apiItemFooter code {
font-size:14px;
}
.apiExample, .apiMethods {
font-size:18px;
}
.apiExample {
margin:10px 0px;
}
.apiMethods {
margin-top:20px;
}
ul.apiList {
padding-left:16px;
}
ul.apiList li {
padding-top:10px;
}
ul.apiList li.first {
padding-top:0px;
}
ul.apiList li:hover {
list-style: none;
}
.methodsSection {
margin-top:10px;
}
#toc {
padding-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
padding-right:0px;
font-family: verdana;
}
#toc > ul {
background-color: #FFFFFF;
}
#toc ul.affix {
top: 100px;
}
#toc.docTop ul.affix {
top: 0px;
}
#toc.longTitle ul.affix {
top: 140px;
}
#toc.veryLongTitle ul.affix {
top: 170px;
}
#tocTopUl {
height:100%;
overflow-x: hidden;
overflow-y: auto;
z-index:100;
padding-right:10px;
}
#tocTopUl #tocTop {
display:none;
}
#tocTopUl.affix #tocTop {
display:block;
}
#tocTop h2 {
font-size: 22px;
}
#tocTop a {
text-decoration:none;
}
/* all links */
#toc .nav>li>a {
color: #1E1E1E;
border-left: 2px solid transparent;
padding: 4px 10px 4px 20px;
font-size: 18px;
font-weight: 400;
text-decoration:none;
}
/* nested links */
#toc .nav .nav>li>a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 14px;
}
#toc .nav .nav>li>a:hover {
text-decoration:underline;
padding-left:29px;
border-bottom: 0 !important;
}
#toc .nav li.openable>a:before {
content:url('/public/images/icons/toc.png');
padding-right:6px;
font-size:16px;
color:#404040;
}
#toc .nav li.openable ul {
display: none;
}
#toc .nav li.openable ul.open {
display: inherit;
}
#toc .nav li.openable.active a:before {
content: "";
}
/* active & hover links */
#toc .nav>.active>a,
#toc .nav>li>a:hover,
#toc .nav>li>a:focus {
color: #000000;
background-color: transparent;
border-left: solid 3px #ADB59D;
padding-left:19px;
border-bottom: 0 !important;
}
#toc .nav>li>a:hover {
background-color: #E8F2D2;
color: #000000;
border-bottom: 0 !important;
}
/* all active links */
#toc .nav>.active>a,
#toc .nav>.active:hover>a,
#toc .nav>.active:focus>a {
font-weight:bold;
text-decoration:underline;
}
/* nested active links */
#toc .nav .nav>.active>a,
#toc .nav .nav>.active:hover>a,
#toc .nav .nav>.active:focus>a {
font-weight:bold;
}
#toc .nav .nav>.active:hover>a {
padding-left:30px;
}
/* hide inactive nested list */
/*
#toc .nav ul.nav {
display: none;
}
*/
/* show active nested list */
#toc .nav>.active>ul.nav {
display: block;
}
#toc-content {
padding-left:34px;
}
#toc-content .subSection {
margin-top:30px;
}
#toc-content ol li {
font-weight:bold;
}
#toc-content ol.normal li, #toc-content ol li div {
font-weight:normal;
}
#toc-content li {
margin-bottom:6px;
}
#toc-content h5 {
font-size:22px;
margin-top:20px;
margin-bottom:10px;
}
#toc-content .apiList h5 {
font-size:15px;
font-weight:bold;
color:#4C4C4C;
margin-top:36px;
margin-bottom:10px;
}
#toc-content .apiList h5.first {
margin-top:20px;
}
#toc-content .apiList h5.examples {
margin-top:-10px;
font-weight:normal;
font-style:italic;
}
#introMainParts li span {
font-weight:bold;
}
#introMainParts li ul li {
margin-top:6px;
}
.explanation {
font-size:18px;
text-decoration:underline;
}
.explTip {
font-size:14px;
}
.explTip img {
height:16px;
}
.subIcon {
color:#919191;
}
.subSection {
margin-top:20px;
}
.thumbnail .caption h3 {
text-align:center;
margin-top:10px;
}
.plugins .thumbnail {
height:240px;
}
a.pluginLink {
text-decoration:none;
}
a.noOutline {
outline: 0;
}
.plugins .niceWell:hover {
box-shadow: 3px 3px 2px gray;
}
#quickLink {
font-weight:bold;
}
.ace_active-line, .code-line-nbr:hover, .stayHi {
background: #E8F2D2 !important;
}
.code-line-nbr.stayHi {
border: 1px solid #000000;
}
.ace-pebble .ace_active-line, .ace-pebble .code-line-nbr:hover, .ace-pebble .stayHi,
.ace-xml .ace_active-line, .ace-xml .code-line-nbr:hover, .ace-xml .stayHi,
.ace-json .ace_active-line, .ace-json .code-line-nbr:hover, .ace-json .stayHi
{
background: transparent !important;
border: 1px solid rgba(145, 255, 0, 1);
}
.ace-error {
background: transparent !important;
border: 0 !important;
background-image: url("/public/images/error-border.png") !important;
background-position: bottom !important;
background-repeat: repeat-x !important;
}
.ace-error-gutter {
background-image: url("/public/images/error-icon.png") !important;
background-position: left !important;
background-repeat: no-repeat !important;
}
.ace-pebble .ace_line .ace_keyword, .ace-pebble .ace_line .ace_storage, .ace-pebble .ace_line .ace_variable, .ace-pebble .ace_line .ace_parameter {
font-weight: bold !important;
font-style:normal !important;
}
.language-error {
color:red;
font-weight:bold;
font-style:italic;
}
pre {
border-radius: 0px;
font-size:14px;
border: 1px solid #DDD;
font-family:'Courier New', Consolas, 'Andale Mono', 'Ubuntu Mono', monospace !important;
}
.ace-eclipse .ace_keyword {
font-weight:bold !important;
}
.ace_invalid, .ace_illegal {
color: inherit !important;
background-color: inherit !important;
}
#superca {
font-style:italic;
}
#formatter ul {
margin:10px 0px;
}
#goodToGo {
vertical-align:-30%;
}
#pluginsWrapper {
margin-top:30px;
}
#pluginsWrapper .thumbnail .caption h3 {
font-size:28px;
}
#pluginsWrapper .thumbnail .caption p {
text-align:center;
}
.pluginBadges {
position:absolute;
right:20px;
bottom:5px;
}
.plugins-list .pluginBadges {
margin-top:0px;
}
@media only screen and (max-width: 660px) {
.pluginBadges {
float:none;
margin-top:0px;
}
}
.pluginDoc .pluginBadges div, .documentation .pluginBadges div {
float:right;
margin-left:6px;
}
.onPageBadges {
position:absolute;
right:26px;
top:4px;
}
.breadcrumb {
margin-bottom: 0;
padding:4px;
color: #000000;
}
.breadcrumb, .subMenu {
background-color: #779943;
}
.breadcrumb > li + li::before, .breadcrumb a, .breadcrumb > .active {
color: #FFFFFF !important;
}
.breadcrumb a:hover {
border-color: #FFFFFF;
}
.breadcrumb span {
color:#888888;
font-size: 14px;
}
#thanksDiv {
margin-top:30px;
text-align:center;
font-size:18px;
}
#sectionTitle {
visibility:visible;
}
#sectionTitle.affix {
visibility:hidden;
}
#sectionTitle a, #sectionTitleFixed a {
text-decoration:none;
color:inherit;
}
#sectionTitle a:hover {
border-bottom: 0;
}
#sectionTitleFixed {
position:fixed;
top:0px;
visibility: hidden;
z-index:1000;
}
#sectionTitleFixed.affix {
visibility: visible;
padding-right:20px;
max-width:300px;
}
#sectionTitleFixed img {
padding-bottom:4px;
}
#sectionTitleFixed.affix h2 {
padding:0px;
padding-bottom:4px;
font-size:28px;
}
#sectionTitleFixed.affix.longTitle h2 {
font-size:26px;
}
.noToc #sectionTitleFixed.affix {
visibility:visible;
width: 100%;
z-index:1000;
background-color:#FFFFFF;
padding:0px;
margin:0px;
margin-left:-10px;
max-width:none;
}
.noToc #sectionTitleFixed.affix h2 {
padding-right:60px;
float:left;
}
@media only screen and (max-width: 430px) {
#sectionTitle {
text-align:center;
}
}
@media only screen and (max-width: 1000px) {
#sectionTitleFixed {
display:none;
}
#toc ul.affix {
position:static;
}
#toc .nav li.openable ul {
display: block;
}
#toc .nav>li>a {
font-size: 1.5em;
}
#toc .nav .nav>li>a {
font-size: 1em;
}
}
#mobileMenu {
position:fixed;
top:0px;
left:0px;
z-index:-100;
visibility:hidden;
width:100%;
text-align:center;
background-color:Lime;
}
@media only screen and (max-width: 1000px) {
#mobileMenu.affix {
/*
visibility:visible;
z-index:100;
*/
}
}
.archZoom img {
margin-top:20px;
}
.snippet {
margin-top:14px;
margin-bottom:0px;
}
#core_rc_addons p i {
margin-top:20px;
}
#core_rc_addons h5{
margin-top:0px;
font-weight:normal;
font-style:italic;
}
#contact {
margin-bottom:80px;
}
.news_date_div {
color:#4C4C4C;
margin:0;
margin-bottom:10px;
font-size:0.8em;
clear:both;
font-family: Verdana;
font-weight: bold;
padding:4px 6px;
background-color: #F5F5F5;
border-top:solid 1px #DDDDDD;
border-bottom:solid 1px #DDDDDD;
float:left;
}
.news_date {
display:inline;
}
.news_headline {
font-size:32px;
margin-top:20px;
margin-bottom:0px;
clear:both;
margin-bottom:10px;
color:#000;
font-weight:normal;
}
.news_headline a {
color:#4C4C4C;
}
.news_headline a:hover {
color: #23527C;
}
.news_text {
padding-bottom:10px;
clear: both;
}
.news .feed {
float:right;
margin-top:-40px;
}
.news .feedLabel {
font-style:italic;
color:#888888;
}
.newerNews, .olderNews {
padding:2px 10px;
background-color:#FFFFFF;
border-color:#FFFFFF;
font-size:1.1em;
font-style:italic;
}
.newerNews:hover, .olderNews:hover {
border-color:#ADADAD;
}
.olderNews a {
color:#000;
}
.newerNews {
float: left;
}
.newerNews a {
color:#A0A0A0;
}
.newerNews:hover a {
color:#000;
}
.olderNews {
float: right;
}
#newsEntry h2 {
font-size:32px;
margin-top:20px;
margin-bottom:6px;
}
#newsEntry .news_date_div {
margin-bottom:20px;
}
#change_log {
clear:both;
}
.demo_websockets #messages {
width:100%;
height:300px;
font-size:0.8em;
}
.demo_websockets #message {
width:80%;
}
ul.tutoBullets li {
padding-bottom:10px;
}
#right-sidebar {
padding-left:0px;
}
#version h4 {
text-align:center;
font-size:18px;
margin-top:0;
margin-bottom:7px;
}
#version .learnMore {
text-align: right;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1000px) {
#right-sidebar {
padding-left:15px;
}
}
#presentationIframe {
width:100%;
height:400px;
overflow: hidden;
border:0;
position: relative;
}
#noPresentation {
margin-top:40px;
}
#noPresentation .thumbnail {
border:0;
height:300px;
}
@media only screen and (max-width: 768px) {
#noPresentation .thumbnail {
border:0;
height:200px;
}
}
@media only screen and (max-width: 500px) {
#noPresentation .thumbnail {
height: auto;
}
}
#noPresentation h4 {
margin-top:0px;
text-align:center;
font-size: 20px;
}
#noPresentation ul {
margin-left:-20px;
}
#noPresentation ul li {
margin-bottom:4px;
}
#spincastIntro {
margin-top: 0 !important;
}
#noPresentation ul a:hover {
text-decoration: none;
}
#noPresentation .featureLogo {
text-align:center;
margin-bottom:6px;
}
#noPresentation #veryFlexible {
text-decoration:underline;
}
#presentationControls {
text-align:right;
padding-right:0px;
}
#presentationControls a {
color:#808080;
font-size:0.9em;
font-style:italic;
text-decoration:none;
margin-left:4px;
}
.inlineIcon {
margin:0 !important;
padding:0 !important;
display:inline !important;
vertical-align: middle !important;
}
.alignBottom {
vertical-align: text-bottom !important;
}
.alignMin5 {
vertical-align:-5% !important;
}
.alignMin3 {
vertical-align:-3% !important;
}
.breadIcon {
margin-right:4px !important;
vertical-align:-5% !important;
}
#quickIcon {
vertical-align:-5% !important;
}
#quickIconSmall {
vertical-align:-5% !important;
width:10px;
}
.javadocPencil {
width:10px;
vertical-align:0% !important;
}
.authEmail {
font-style: italic;
}
.authEmail span {
font-weight: bold;
}
.colImg img {
max-width: none !important;
}
.demo_html_forms form textarea {
min-height:140px;
}
.forCheckable {
font-weight: normal;
}
span.msgSuccess {
color:#596D37 !important;
}
span.msgWarning {
color:#BC9B09 !important;
}
span.msgError {
color:#A94442 !important;
}
a.tryIt, a.tryItFixed {
text-decoration:none;
display: none;
margin:6px auto 0px auto;
background-color: #F7F7F7;
border: solid 1px #779943;
width:40%;
}
a.tryItFixed {
width:20%;
}
.validationSymbolWarning {
color: #BC9B09;
font-weight: bold;
font-size:1.4em;
font-family:Courier;
}
.validationsTitle {
font-weight: bold;
color:#636363;
}
.validationsNumber {
font-weight: bold;
}
.validations li:hover{
background-color: #F7F7F7;
}
.validationsDirectBtnDiv {
margin-top:20px;
text-align:right;
margin-bottom:40px;
}
.validationsDirectBtnDiv label {
margin-bottom: 0px;
}
.validationsDirectBtnDiv .msgError {
padding-top: 0px;
margin-top:-6px;
}
.niceWell {
border-width: 2px;
}
.niceWell .snippet, .validationDemo .snippet {
display:block;
margin:14px 0px;
}
.niceWell {
border-color: #31708F;
box-shadow: 6px 6px 4px grey;
padding-top:10px;
}
.niceWell .niceWellTitle {
color: #31708F;
}
.niceWell.error {
border-color: #A94442;
}
.niceWell.error .niceWellTitle {
color: #A94442;
}
.niceWell.success {
border-color: #3C763D;
}
.niceWell.success .niceWellTitle {
color: #3C763D;
}
.niceWell.valid {
border-color: #779943;
}
.niceWell.valid .niceWellTitle {
color: #779943;
}
.niceWell.warning {
border-color: #C69D09;
}
.niceWell.warning .niceWellTitle {
color: #C69D09;
}
.niceWellTitle {
font-size:1.2em;
margin-bottom:6px;
}
.formValidationStatus {
float:left;
margin-bottom:10px;
}
.validationDemoSmallLabel {
margin-bottom:10px;
}
.toast {
opacity: 1 !important;
}
#toast-container > div {
opacity: 1 !important;
max-width:800px;
margin-top:10px;
}
#toast-container .toast-success {
color: #1E1E1E;
background-color: #CEE5AC;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAAMpJREFUSEtjGAV0BY5VTu0uNa4fbMps/4OwW637XqgU5cC2zG4xzGBkDJWmDOAyHIShSsgH+AwHYagy8gAhw4FxcACqlHRAhOFHoEpJB4PLcMdKp3UwSecql68u1a7dUCkMQJbLsSl0rXHbBZWGA7KDBZtiEPao8zwDVUJZmGPTAMNAS+5THKEOlY6rsGkkBhM0HAbsKxyWYzMAHybacGSAzSBsmCzDYQCo+S02Q2GYIsNhwLPe6xbNDIcBYAo6iWY4+QXXKMANGBgA/wFfSJmDlrEAAAAASUVORK5CYII=') !important;
}
#toast-container .toast-success .toast-progress {
background-color: #3C763D !important;
opacity: 0.7 !important;
}
#toast-container .toast-success .toast-close-button {
color: #3C763D !important;
}
#toast-container .toast-warning {
color: #8A6D3B;
background-color: #FCF8E3;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAALeSURBVEhLpVVLaBRBEJ34ISJ+QGPEg56C4CWom52ZnqjBgygiIkiUaPwkm/nsT1CRJCo2O7uzu8lFkotHIUfxoqJePHkQFE8SELyIJ4+KriiRGOu11WPWNSGfB8V2v6p6/amaXmMhyOfbmkPfPF9Oi7sRGcbg2L08yF7RWs6Il6P5zpnZVsmIF0Pnkps5bGm41929MsqIB1qUFqqRcE3P4UMMhy8eoZs8E4ul7UcyZW+SXqKFrumx5ou+2cPhi8O1fmd9Jet8hEg163y67u7dxi4DY3DwVbLig7zQtYZdC0cpbVf0LiPfvsx0jCgQV2N/IMpMLwxyILmTdviDdzgpZdeq4b7dW0LXrIS+FaG4Y/kjzXTCd4hBLHI4fX5IaaygYj5B4kiu81fBtw6BJ+EJvWOMwcGHGHCU85CoJvDzIgzEMZ1ExbxPlEqKMvYrvQDG4AhNiFF8zpkuBeIw8/8HilXJOG+RUM05X6ljdrDLoC4K4wV8O2TaoM5qi6+TcucteDGwhrRIcZYIAKGRnPMTYjcudmxnWoEaoqjzQs8aZLoeSKLkbwii3/cy07WOXTHKafsZXclTnsZALHI49/NwytrKrr+gK1BFxP2XXOsk03WQnnkCxtM6FD3r9Ehe185WTRBDeta+uBtolzNzdMOVnkQLjKd16KYng3Kf601CUzk8L7GaWuwNO6ZkympXjn9QGDD3V7PiO11BTbodDtN1QC40oEVv1mssSm1pHQcBo6ONcWwDSoE1ruMwZroB0EAMXRe+l6P45O+AUG151tzAcQ0ouOZBNEE1J6h9kweYbkBEXzzFqbaFNlpMPcelwJ7kmDkx6CU2wng6J0LPVh0FbTqSuK2ORD2Ofyr6uNZy3KKBXOqmPtKaVicgbVUYfSQYFXyq4Fm1pRhytQ6a4WZqzy61cujbp+jV/KKdyzVoQVOJa8je9lbpmjnqqvHRS50TSzHk3hows3ja/6gaxm8f0vOvYeDiBQAAAABJRU5ErkJggg==') !important;
}
#toast-container .toast-warning .toast-progress {
background-color: #8A6D3B !important;
opacity: 0.7 !important;
}
#toast-container .toast-warning .toast-close-button {
color: #8A6D3B !important;
}
#toast-container .toast-error {
color: #A94442;
background-color: #F2DEDE;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAaCAYAAABVX2cEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAEYSURBVEhLrZQxDwFBEIX9NvGH+Aeip72SjoqGhkQ0Ko1CopBIxP9Y9y55m9nZZ3FRfJu7N2/H3OyOTgjhb0ixLVJsixS/4TQZh0Wv23CuqloSyR67bTRdZtNaSuPgtlpGD4GeGZXJ4z3XxbyWRbLjaJgY+QnExgD8jEUTeR4OiRkwZvvkYyA+WFR198060QB+2O5LkhBVnYd9siQvFl+dZT/o15Z8TyaQUnXeS6RIVMNxx7yPSJH4RAAH4X1EigC3XyUD3kukCFQSok4SZALAaakkFr8HZIK6nHb4iR8zkLyAd5tUwuIEqKbb+E+z6Y2q0d5jY/EBn1MyEvvH6PvWLGp0Sjf9Hc3yqVff0iy+stLIlJBiO0LnBbl9Ww3cADBjAAAAAElFTkSuQmCC') !important;
}
#toast-container .toast-error .toast-progress {
background-color: #A94442 !important;
opacity: 0.7 !important;
}
#toast-container .toast-error .toast-close-button {
color: #A94442 !important;
}
.demoTabs {
font-size: 1.1em;
font-family: arial;
font-weight: bold;
margin-top: 20px;
}
.validationMessages .help-block {
padding:0px;
line-height:1em;
}
.validationMessages .help-block:first-child {
padding-top:6px;
}
.validationGroupMessages {
font-style: italic;
}
.fieldGroupLabelAndMessages {
text-align:right;
}
.fieldGroupLabelAndMessages div{
text-align:left;
}
input.has-no-message, input.has-success {
border-color: #CCCCCC !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input.has-no-message:focus, input.has-success:focus {
border-color: #66afe9 !important;
outline: 0 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}
.control-label.has-no-message, .control-label.has-success {
color:inherit !important;
}
#tagsGroup input.has-no-message, #tagsGroup input.has-success {
margin-bottom:20px;
}
.form-group.has-error label {
color:#A94442;
}
.hidden {
display:none;
}
#musicStyles {
height:100px;
}
#uploadedImageDiv {
font-style: italic;
}
#uploadedImage {
vertical-align: top;
max-height:200px;
max-width:200px;
border-color: #31708F;
box-shadow: 6px 6px 4px grey;
}
.subRow {
margin-top:30px;
}
.user {
border-color: #31708F;
box-shadow: 6px 6px 4px grey;
padding:10px;
}
.user .title {
color: #76ABC1;
font-size:1.2em;
margin-bottom:10px;
text-decoration: underline;
}
.user .form-group label, .user .form-group .inputs {
margin-top:10px;
}
.deleteUserWrapper {
position: absolute;
top : 4px;
right:4px;
}
.subDiv {
text-align:right;
}
.addTag {
margin-top:10px;
}
.tag {
margin-bottom:10px;
display:inline !important;
width:auto;
}
.tags .validationMessages .help-block:first-child {
padding-top:0px;
margin-top:-4px;
}
.javadoc {
border-bottom: dotted 1px #779943;
}
.source {
color: #000000;
font-family:'Courier New';
font-size:15px;
padding:1px 3px 1px 3px;
}
#htmlFormDemosWarning {
margin-top:20px;
}
#superimg {
margin-top:60px;
text-align:center;
}
.plugins-spincast-hotswap .dcevmWrap img {
max-width: 50%;
}
.realAppTitle {
font-size: 30px;
margin-top: 30px;
margin-bottom: 10px;
}