diff --git a/converse.css b/converse.css index 9593e0424..14c8ed20f 100644 --- a/converse.css +++ b/converse.css @@ -413,7 +413,7 @@ you can use the generic selector below, but it's slower: #conversejs a { text-decoration: none; - color: #436976; + color: #2D617A; text-shadow: none; } @@ -532,12 +532,11 @@ span.spinner.hor_centered { } #conversejs .chat-head-chatbox { - background-color: rgb(79, 106, 114); - background-color: rgba(79, 106, 114, 1); + background-color: #2D617A; } #conversejs .chat-head-chatroom { - background-color: #2D617A; + background-color: #0F592F; } #conversejs .chat-body { @@ -648,7 +647,7 @@ span.spinner.hor_centered { } #conversejs .chat-message-me { - color: #436976; + color: #2D617A; } #conversejs .chat-message-room { @@ -814,7 +813,7 @@ dl.add-converse-contact { border-top-left-radius: 4px; height: 35px; clear: right; - background-color: #5390C8; + background-color: #2D617A; padding: 3px 0 0 0; } diff --git a/css/font/FontAwesome.otf b/css/font/FontAwesome.otf new file mode 100644 index 000000000..4dfe30ac7 Binary files /dev/null and b/css/font/FontAwesome.otf differ diff --git a/css/font/fontawesome-webfont.eot b/css/font/fontawesome-webfont.eot new file mode 100644 index 000000000..e054c93d1 Binary files /dev/null and b/css/font/fontawesome-webfont.eot differ diff --git a/css/font/fontawesome-webfont.svg b/css/font/fontawesome-webfont.svg new file mode 100644 index 000000000..36d43b844 --- /dev/null +++ b/css/font/fontawesome-webfont.svg @@ -0,0 +1,414 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/font/fontawesome-webfont.ttf b/css/font/fontawesome-webfont.ttf new file mode 100644 index 000000000..7ec2e1de8 Binary files /dev/null and b/css/font/fontawesome-webfont.ttf differ diff --git a/css/font/fontawesome-webfont.woff b/css/font/fontawesome-webfont.woff new file mode 100644 index 000000000..27d80b123 Binary files /dev/null and b/css/font/fontawesome-webfont.woff differ diff --git a/css/ie/PIE.htc b/css/ie/PIE.htc new file mode 100644 index 000000000..ca3b54700 --- /dev/null +++ b/css/ie/PIE.htc @@ -0,0 +1,96 @@ + + + + + + + + + diff --git a/css/ie/backgroundsize.min.htc b/css/ie/backgroundsize.min.htc new file mode 100644 index 000000000..3d9960de1 --- /dev/null +++ b/css/ie/backgroundsize.min.htc @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/css/ie/html5shiv.js b/css/ie/html5shiv.js new file mode 100644 index 000000000..dcf351c86 --- /dev/null +++ b/css/ie/html5shiv.js @@ -0,0 +1,8 @@ +/* + HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed +*/ +(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); +a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; +c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| +"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); +for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d + + + + + + + + + \ No newline at end of file diff --git a/css/ie/images/content-style2.svg b/css/ie/images/content-style2.svg new file mode 100644 index 000000000..a03a530c8 --- /dev/null +++ b/css/ie/images/content-style2.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/css/ie/images/content-style3.svg b/css/ie/images/content-style3.svg new file mode 100644 index 000000000..2e79cb666 --- /dev/null +++ b/css/ie/images/content-style3.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/css/ie/v8.css b/css/ie/v8.css new file mode 100644 index 000000000..5a70cf067 --- /dev/null +++ b/css/ie/v8.css @@ -0,0 +1,113 @@ +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + .image, + .image img, + .button + { + position: relative; + -ms-behavior: url('css/ie/PIE.htc'); + } + + /* Lists */ + + ul.icons + { + } + + ul.icons li + { + } + + ul.icons a + { + position: relative; + -ms-behavior: url('css/ie/PIE.htc'); + border: solid 1px #ddd; + } + + /* Forms */ + + form + { + } + + form input.text, + form select, + form textarea + { + position: relative; + -ms-behavior: url('css/ie/PIE.htc'); + border: solid 1px #ddd; + line-height: 1.25em; + } + + /* Buttons */ + + .button.alt + { + border: solid 1px #ddd; + } + + /* Feature Icon */ + + .feature-icon + { + padding-bottom: 0; + } + + .feature-icon:before, + .feature-icon:after + { + display: none; + } + + .feature-icon .fa + { + position: relative; + -ms-behavior: url('css/ie/PIE.htc'); + background: #fff; + } + + .feature-icon .fa:before + { + font-size: 6em; + color: #3d3d3d; + } + +/*********************************************************************************/ +/* Header */ +/*********************************************************************************/ + + #header + { + -ms-behavior: url('css/ie/backgroundsize.min.htc'); + } + +/*********************************************************************************/ +/* Main Sections */ +/*********************************************************************************/ + + .main + { + } + + .main > .content + { + } + + .main > .content.style1 + { + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#412e4c, endColorstr=#a56365); + } + + .main > .content.style2 + { + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#85505f, endColorstr=#384955); + } + + .main > .content.style3 + { + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2f394e, endColorstr=#5f796b); + } \ No newline at end of file diff --git a/css/ie/v9.css b/css/ie/v9.css new file mode 100644 index 000000000..20528097c --- /dev/null +++ b/css/ie/v9.css @@ -0,0 +1,57 @@ +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + /* Forms */ + + form + { + } + + form .select + { + } + + form .select:before + { + display: none; + } + +/*********************************************************************************/ +/* Main Sections */ +/*********************************************************************************/ + + .main + { + } + + .main > .content + { + } + + .main > .content.style1 + { + background: url('../images/bgtr.svg') top right no-repeat, + url('../images/bgbl.svg') bottom left no-repeat, + url('../images/bgbl.svg') bottom left no-repeat, + url('../images/overlay.png'), + url('images/content-style1.svg'); + } + + .main > .content.style2 + { + background: url('../images/bgtr.svg') top right no-repeat, + url('../images/bgbl.svg') bottom left no-repeat, + url('../images/bgbl.svg') bottom left no-repeat, + url('../images/overlay.png'), + url('images/content-style2.svg'); + } + + .main > .content.style3 + { + background: url('../images/bgtr.svg') top right no-repeat, + url('../images/bgbl.svg') bottom left no-repeat, + url('../images/bgbl.svg') bottom left no-repeat, + url('../images/overlay.png'), + url('images/content-style3.svg'); + } \ No newline at end of file diff --git a/css/images/arrow.svg b/css/images/arrow.svg new file mode 100644 index 000000000..54ce35b5c --- /dev/null +++ b/css/images/arrow.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/css/images/bgbl.svg b/css/images/bgbl.svg new file mode 100644 index 000000000..d3e960b6d --- /dev/null +++ b/css/images/bgbl.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/images/bgtr.svg b/css/images/bgtr.svg new file mode 100644 index 000000000..b0b7d47c0 --- /dev/null +++ b/css/images/bgtr.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/images/dark-arrow.svg b/css/images/dark-arrow.svg new file mode 100644 index 000000000..addd619b2 --- /dev/null +++ b/css/images/dark-arrow.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/css/images/header.jpg b/css/images/header.jpg new file mode 100644 index 000000000..1bab8adf5 Binary files /dev/null and b/css/images/header.jpg differ diff --git a/css/images/overlay.png b/css/images/overlay.png new file mode 100644 index 000000000..2141c7813 Binary files /dev/null and b/css/images/overlay.png differ diff --git a/css/skel-noscript.css b/css/skel-noscript.css new file mode 100644 index 000000000..3abd181d9 --- /dev/null +++ b/css/skel-noscript.css @@ -0,0 +1,168 @@ +/* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */ + + html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none} + +/* Box Model */ + + *, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + } + +/* Container */ + + body { + min-width: 1200px; + } + + .container { + width: 1200px; + margin-left: auto; + margin-right: auto; + } + + /* Modifiers */ + + .container.small { + width: 900px; + } + + .container.big { + width: 100%; + max-width: 1500px; + min-width: 1200px; + } + +/* Grid */ + + /* Cells */ + + .\31 2u { width: 100% } + .\31 1u { width: 91.6666666667% } + .\31 0u { width: 83.3333333333% } + .\39 u { width: 75% } + .\38 u { width: 66.6666666667% } + .\37 u { width: 58.3333333333% } + .\36 u { width: 50% } + .\35 u { width: 41.6666666667% } + .\34 u { width: 33.3333333333% } + .\33 u { width: 25% } + .\32 u { width: 16.6666666667% } + .\31 u { width: 8.3333333333% } + .\-11u { margin-left: 91.6666666667% } + .\-10u { margin-left: 83.3333333333% } + .\-9u { margin-left: 75% } + .\-8u { margin-left: 66.6666666667% } + .\-7u { margin-left: 58.3333333333% } + .\-6u { margin-left: 50% } + .\-5u { margin-left: 41.6666666667% } + .\-4u { margin-left: 33.3333333333% } + .\-3u { margin-left: 25% } + .\-2u { margin-left: 16.6666666667% } + .\-1u { margin-left: 8.3333333333% } + + .row > * { + padding: 50px 0 0 50px; + float: left; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + } + + .row + .row > * { + padding-top: 50px; + } + + .row { + margin-left: -50px; + } + + /* Rows */ + + .row:after { + content: ''; + display: block; + clear: both; + height: 0; + } + + .row:first-child > * { + padding-top: 0; + } + + .row > * { + padding-top: 0; + } + + /* Modifiers */ + + /* Flush */ + + .row.flush { + margin-left: 0; + } + + .row.flush > * { + padding: 0 !important; + } + + /* Quarter */ + + .row.quarter > * { + padding: 12.5px 0 0 12.5px; + } + + .row.quarter + .row.quarter > * { + padding-top: 12.5px; + } + + .row.quarter { + margin-left: -12.5px; + } + + /* Half */ + + .row.half > * { + padding: 25px 0 0 25px; + } + + .row.half + .row.half > * { + padding-top: 25px; + } + + .row.half { + margin-left: -25px; + } + + /* One and (a) Half */ + + .row.oneandhalf > * { + padding: 75px 0 0 75px; + } + + .row.oneandhalf + .row.oneandhalf > * { + padding-top: 75px; + } + + .row.oneandhalf { + margin-left: -75px; + } + + /* Double */ + + .row.double > * { + padding: 100px 0 0 100px; + } + + .row.double + .row.double > * { + padding-top: 100px; + } + + .row.double { + margin-left: -100px; + } \ No newline at end of file diff --git a/css/style-mobile.css b/css/style-mobile.css new file mode 100644 index 000000000..46332b808 --- /dev/null +++ b/css/style-mobile.css @@ -0,0 +1,109 @@ +/* + Tessellate 1.0 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + body,input,textarea,select + { + font-size: 11pt; + } + + /* Sections/Articles */ + + section, + article, + .row > section, + .row > article + { + margin: 0 0 1.5em 0 !important; + } + + /* Buttons */ + + .button + { + padding-left: 0; + padding-right: 0; + width: 100%; + max-width: 300px; + } + + /* Lists */ + + ul.icons + { + } + + ul.icons li + { + padding-left: 0.35em; + } + + ul.actions + { + } + + ul.actions li + { + display: block; + margin: 1em 0 1em 0; + } + + ul.menu + { + } + + ul.menu li + { + border: 0; + padding: 0; + display: block; + margin: 1em 0 1em 0; + } + +/*********************************************************************************/ +/* Header */ +/*********************************************************************************/ + + #header + { + padding: 6em 20px 6em 20px; + } + + #header > header + { + padding: 0 1em 0 1em; + } + +/*********************************************************************************/ +/* Main Sections */ +/*********************************************************************************/ + + .main + { + } + + .main > header + { + padding: 3em 20px 3em 20px; + } + + .main > header h2 + { + font-size: 1.5em; + } + + .main > .content + { + padding: 3em 20px 3em 20px; + } + + .main > .content h3 + { + font-size: 1.25em; + } \ No newline at end of file diff --git a/css/style-narrow.css b/css/style-narrow.css new file mode 100644 index 000000000..a3eda03d7 --- /dev/null +++ b/css/style-narrow.css @@ -0,0 +1,124 @@ +/* + Tessellate 1.0 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + header, footer, h2, h3, h4, h5, h6 + { + text-align: center; + } + + header > p + { + text-align: center; + } + + /* Sections/Articles */ + + section, + article, + .row > section, + .row > article + { + margin: 0 0 2.5em 0 !important; + } + + /* Tables */ + + .table-wrapper + { + width: 100%; + overflow-x: scroll; + padding-left: 1px; + -webkit-overflow-scrolling: touch; + } + + /* Lists */ + + ul.actions + { + text-align: center; + } + +/*********************************************************************************/ +/* Header */ +/*********************************************************************************/ + + #header + { + margin: 0 !important; + padding: 8em 2em 8em 2em; + } + + #header header + { + } + + #header header p + { + margin-top: 1em; + } + + #header footer + { + padding-top: 1.25em; + } + +/*********************************************************************************/ +/* Main Sections */ +/*********************************************************************************/ + + .main + { + margin: 0 !important; + } + + .main > header + { + padding: 3.5em 2em 3.5em 2em; + } + + .main > header h2 + { + font-size: 1.85em; + } + + .main > header br + { + display: none; + } + + .main > header p + { + margin: 1.5em 0 0 0; + } + + .main > .content + { + padding: 3.5em 20px 3.5em 20px; + } + + .main > .content > .container > :last-child + { + margin-bottom: 0 !important; + } + +/*********************************************************************************/ +/* Footer */ +/*********************************************************************************/ + + #footer + { + margin: 0 !important; + padding: 3em 0 3em 0; + } + + #footer .copyright + { + margin-top: 2em; + } \ No newline at end of file diff --git a/css/style-normal.css b/css/style-normal.css new file mode 100644 index 000000000..2a3e50c71 --- /dev/null +++ b/css/style-normal.css @@ -0,0 +1,49 @@ +/* + Tessellate 1.0 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + body,input,textarea,select + { + font-size: 13pt; + line-height: 1.65em; + } + + /* Feature Icon */ + + .feature-icon + { + margin-bottom: 2em; + } + +/*********************************************************************************/ +/* Header */ +/*********************************************************************************/ + + #header + { + padding: 12em 0 12em 0; + } + +/*********************************************************************************/ +/* Main Sections */ +/*********************************************************************************/ + + .main + { + } + + .main > header + { + padding: 4em 0 4em 0; + } + + .main > .content + { + padding: 4em 0 4em 0; + } \ No newline at end of file diff --git a/css/style-wide.css b/css/style-wide.css new file mode 100644 index 000000000..396f32992 --- /dev/null +++ b/css/style-wide.css @@ -0,0 +1,15 @@ +/* + Tessellate 1.0 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + body,input,textarea,select + { + font-size: 15pt; + line-height: 1.75em; + } \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 000000000..9153e538f --- /dev/null +++ b/css/style.css @@ -0,0 +1,1350 @@ +@charset 'UTF-8'; + +@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} + +/* + Tessellate 1.0 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + body + { + background: #F8F8F8; + } + + body,input,textarea,select + { + font-family: 'Roboto', sans-serif; + font-weight: 300; + font-size: 17pt; + line-height: 1.75em; + color: #888; + -webkit-text-stroke: 0.1px; + } + + h1,h2,h3,h4,h5,h6 + { + color: #666; + margin: 0 0 1em 0; + font-weight: 100; + line-height: 1.5em; + } + + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a + { + color: inherit; + text-decoration: none; + } + + .dark h1, + .dark h2, + .dark h3, + .dark h4, + .dark h5, + .dark h6 + { + color: #fff; + } + + strong, b + { + font-weight: 400; + color: inherit; + } + + .dark strong, .dark b + { + color: #fff; + color: rgba(255,255,255,0.85); + } + + em, i + { + font-style: italic; + } + + a + { + color: inherit; + text-decoration: none; + border-bottom: dotted 1px rgba(0,0,0,0.25); + -moz-transition: border-bottom-color 0.25s ease-in-out; + -webkit-transition: border-bottom-color 0.25s ease-in-out; + -o-transition: border-bottom-color 0.25s ease-in-out; + -ms-transition: border-bottom-color 0.25s ease-in-out; + transition: border-bottom-color 0.25s ease-in-out; + } + + a:hover + { + border-bottom-color: rgba(0,0,0,0); + } + + .dark a + { + color: #fff; + border-bottom-color: rgba(255,255,255,0.5); + } + + .dark a:hover + { + border-bottom-color: rgba(255,255,255,0); + } + + sub + { + position: relative; + top: 0.5em; + font-size: 0.8em; + } + + sup + { + position: relative; + top: -0.5em; + font-size: 0.8em; + } + + hr + { + border: 0; + border-top: solid 1px #e6e6e6; + margin: 2em 0 2em 0; + } + + .dark hr + { + border-top-color: rgba(255,255,255,0.5); + } + + blockquote + { + border-left: solid 0.25em #e6e6e6; + padding: 1em 0 1em 2em; + font-style: italic; + } + + .dark blockquote + { + border-left-color: rgba(255,255,255,0.5); + } + + p, ul, ol, dl, table + { + margin-bottom: 1em; + } + + p + { + text-align: justify; + } + + header + { + margin-bottom: 1em; + } + + header h1, + header h2, + header h3, + header h4, + header h5, + header h6 + { + margin: 0; + } + + header p + { + display: block; + margin: 0; + padding: 0.25em 0 0.5em 0; + } + + footer + { + padding-top: 1.5em; + } + + br.clear + { + clear: both; + } + + .featured + { + text-align: center; + } + + .featured p + { + text-align: center; + } + + /* Sections/Articles */ + + section, + article + { + margin-bottom: 3em; + } + + section > :last-child, + article > :last-child + { + margin-bottom: 0; + } + + section:last-child, + article:last-child + { + margin-bottom: 0; + } + + .row > section, + .row > article + { + margin-bottom: 0; + } + + /* Images */ + + .image + { + position: relative; + display: inline-block; + border: 0; + } + + .image:after + { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url('images/overlay.png'); + } + + .image img + { + display: block; + width: 100%; + border-radius: 0.5em; + } + + .image.featured + { + display: block; + width: 100%; + margin: 0 0 2em 0; + } + + .image.full + { + display: block; + width: 100%; + } + + .image.left + { + float: left; + margin: 0 2em 2em 0; + } + + .image.centered + { + display: block; + margin: 0 0 2em 0; + } + + .image.centered img + { + margin: 0 auto; + width: auto; + } + + /* Lists */ + + ul.default + { + list-style: disc; + padding-left: 1em; + } + + ul.default li + { + padding-left: 0.5em; + } + + ul.icons + { + cursor: default; + } + + ul.icons li + { + display: inline-block; + padding-left: 0.75em; + } + + ul.icons a + { + display: inline-block; + width: 3em; + height: 3em; + line-height: 3.1em; + text-align: center; + border: 0; + box-shadow: inset 0 0 0 1px #e6e6e6; + border-radius: 100%; + color: white; + -moz-transition: background-color 0.25s ease-in-out; + -webkit-transition: background-color 0.25s ease-in-out; + -o-transition: background-color 0.25s ease-in-out; + -ms-transition: background-color 0.25s ease-in-out; + transition: background-color 0.25s ease-in-out; + } + + ul.icons a:hover + { + background: rgba(0,0,0,0.025); + } + + ul.menu + { + cursor: default; + } + + ul.menu li + { + display: inline-block; + line-height: 1em; + border-left: solid 1px #e6e6e6; + padding: 0 0 0 0.5em; + margin: 0 0 0 0.5em; + } + + ul.menu li:first-child + { + border-left: 0; + padding-left: 0; + margin-left: 0; + } + + ul.actions + { + cursor: default; + } + + ul.actions li + { + display: inline-block; + margin: 0 0 0 0.5em; + } + + ul.actions li:first-child + { + margin-left: 0; + } + + ol.default + { + list-style: decimal; + padding-left: 1.25em; + } + + ol.default li + { + padding-left: 0.25em; + } + + /* Forms */ + + form + { + } + + form .actions + { + margin-bottom: 0; + } + + form label + { + display: block; + } + + form input.text, + form select, + form textarea + { + display: block; + box-shadow: inset 0 0 0 1px #e6e6e6; + background: #f8f8f8; + width: 100%; + padding: 0.85em 1em 0.85em 1em; + border-radius: 0.25em; + border: 0; + -moz-transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + -ms-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + -moz-appearance: none; + -webkit-appearance: none; + -o-appearance: none; + -ms-appearance: none; + appearance: none; + } + + form input.text, + form select + { + line-height: 1.25em; + } + + form .select + { + position: relative; + } + + form .select select + { + text-indent: 0.01px; + text-overflow: ''; + } + + form .select:before + { + content: ''; + position: absolute; + top: 15%; + right: 1em; + width: 1.25em; + height: 75%; + background: url('images/arrow.svg') center center no-repeat; + background-size: contain; + z-index: 1; + } + + form .select select::-ms-expand + { + display: none; + } + + .dark form .select:before + { + background: url('images/dark-arrow.svg') center center no-repeat; + background-size: contain; + } + + form input.text:focus, + form select:focus, + form textarea:focus + { + outline: 0; + box-shadow: inset 0 0 0 1px #afd9e0; + background: #fcfcfc; + } + + form textarea + { + min-height: 13em; + } + + form select + { + position: relative; + } + + form select option + { + color: #000; + } + + form ::-moz-focus-inner + { + border: 0; + } + + form .formerize-placeholder { color: #555 !important; } + form ::-webkit-input-placeholder { color: #aaa !important; } + form :-moz-placeholder { color: #555 !important; } + form ::-moz-placeholder { color: #555 !important; } + form :-ms-input-placeholder { color: #555 !important; } + + .dark form + { + } + + .dark form input.text, + .dark form select, + .dark form textarea + { + background: none; + box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); + color: #fff; + } + + .dark form input.text:focus, + .dark form select:focus, + .dark form textarea:focus + { + background: rgba(255,255,255,0.1); + box-shadow: inset 0 0 0 1px #fff; + } + + .dark form select + { + } + + .dark form .formerize-placeholder { color: rgba(255,255,255,0.85) !important; } + .dark form ::-webkit-input-placeholder { color: rgba(255,255,255,0.85) !important; } + .dark form :-moz-placeholder { color: rgba(255,255,255,0.85) !important; } + .dark form ::-moz-placeholder { color: rgba(255,255,255,0.85) !important; } + .dark form :-ms-input-placeholder { color: rgba(255,255,255,0.85) !important; } + + /* Tables */ + + table + { + width: 100%; + } + + table.default + { + width: 100%; + border-collapse: collapse; + } + + table.default tbody + { + } + + table.default tbody tr + { + border: solid 1px #e6e6e6; + } + + table.default tbody tr:nth-child(2n+2) + { + background: #f8f8f8; + } + + table.default td + { + padding: 0.5em 1em 0.5em 1em; + } + + table.default th + { + text-align: left; + padding: 0.5em 1em 1em 1em; + } + + table.default thead + { + } + + table.default tfoot + { + } + + table.default tfoot td + { + padding-top: 1em; + } + + table.default tbody + { + } + + .dark table.default + { + } + + .dark table.default tbody + { + } + + .dark table.default tbody tr + { + border-color: rgba(255,255,255,0.5); + } + + .dark table.default tbody tr:nth-child(2n+2) + { + background: rgba(255,255,255,0.1); + } + + /* Buttons */ + + .button + { + -webkit-appearance: none; + position: relative; + display: inline-block; + background: #3d3d3d; + padding: 0.85em 3em 0.85em 3em; + border-radius: 0.25em; + cursor: pointer; + border: 0; + color: #fff; + text-align: center; + text-decoration: none; + -moz-transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + -ms-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + } + + .button:hover + { + background: #4f4f4f; + } + + .button.alt + { + color: inherit; + box-shadow: inset 0 0 0 1px #e6e6e6; + background: none; + } + + .button.alt:hover + { + background: rgba(0,0,0,0.025); + } + + .dark .button + { + background: rgba(255,255,255,0.15); + box-shadow: inset 0 0 0 1px #fff; + color: #fff; + } + + .dark .button:hover + { + background: rgba(255,255,255,0.25); + } + + .dark .button.alt + { + background: none; + box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); + } + + .dark .button.alt:hover + { + background: rgba(255,255,255,0.15); + box-shadow: inset 0 0 0 1px #fff; + } + + /* Feature Icon */ + + .feature-icon + { + display: inline-block; + position: relative; + padding-bottom: 5em; + margin-bottom: 2.75em; + cursor: default; + } + + .feature-icon .fa + { + display: inline-block; + width: 2em; + height: 2em; + font-size: 4.5em; + border-radius: 100%; + box-shadow: inset 0 0 0 1px #666; + color: #666; + line-height: 2.1em; + } + + .feature-icon:before + { + content: ''; + background: #666; + position: absolute; + bottom: 0; + left: 50%; + margin-left: -0.325em; + width: 0.65em; + height: 0.65em; + display: block; + border-radius: 100%; + } + + .feature-icon:after + { + content: ''; + position: absolute; + left: 50%; + bottom: 0.65em; + width: 1px; + height: 4.35em; + background: #666; + margin-left: -0.5px; + } + + .dark .feature-icon + { + } + + .dark .feature-icon .fa + { + background: rgba(255,255,255,0.15); + box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); + color: #fff; + } + + .dark .feature-icon:before + { + background: rgba(255,255,255,0.5); + } + + .dark .feature-icon:after + { + background: rgba(255,255,255,0.5); + } + + /* Dark */ + + .dark + { + color: #aaa; + color: rgba(255,255,255,0.65); + } + +/*********************************************************************************/ +/* Icons */ +/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */ +/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */ +/*********************************************************************************/ + + .fa + { + text-decoration: none; + } + + .fa.solo + { + } + + .fa.solo span + { + display: none; + } + + .fa:before + { + display:inline-block; + font-family: FontAwesome; + font-size: 1.25em; + text-decoration: none; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + } + + .fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%} + .fa-2x{font-size:2em} + .fa-3x{font-size:3em} + .fa-4x{font-size:4em} + .fa-5x{font-size:5em} + .fa-fw{width:1.2857142857142858em;text-align:center} + .fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative} + .fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em} + .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} + .pull-right{float:right} + .pull-left{float:left} + .fa.pull-left{margin-right:.3em} + .fa.pull-right{margin-left:.3em} + .fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear} + @-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} + .fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} + .fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)} + .fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)} + .fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)} + .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} + .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} + .fa-stack-1x{line-height:inherit} + .fa-stack-2x{font-size:2em} + .fa-inverse{color:#fff} + .fa-glass:before{content:"\f000"} + .fa-music:before{content:"\f001"} + .fa-search:before{content:"\f002"} + .fa-envelope-o:before{content:"\f003"} + .fa-heart:before{content:"\f004"} + .fa-star:before{content:"\f005"} + .fa-star-o:before{content:"\f006"} + .fa-user:before{content:"\f007"} + .fa-film:before{content:"\f008"} + .fa-th-large:before{content:"\f009"} + .fa-th:before{content:"\f00a"} + .fa-th-list:before{content:"\f00b"} + .fa-check:before{content:"\f00c"} + .fa-times:before{content:"\f00d"} + .fa-search-plus:before{content:"\f00e"} + .fa-search-minus:before{content:"\f010"} + .fa-power-off:before{content:"\f011"} + .fa-signal:before{content:"\f012"} + .fa-gear:before,.fa-cog:before{content:"\f013"} + .fa-trash-o:before{content:"\f014"} + .fa-home:before{content:"\f015"} + .fa-file-o:before{content:"\f016"} + .fa-clock-o:before{content:"\f017"} + .fa-road:before{content:"\f018"} + .fa-download:before{content:"\f019"} + .fa-arrow-circle-o-down:before{content:"\f01a"} + .fa-arrow-circle-o-up:before{content:"\f01b"} + .fa-inbox:before{content:"\f01c"} + .fa-play-circle-o:before{content:"\f01d"} + .fa-rotate-right:before,.fa-repeat:before{content:"\f01e"} + .fa-refresh:before{content:"\f021"} + .fa-list-alt:before{content:"\f022"} + .fa-lock:before{content:"\f023"} + .fa-flag:before{content:"\f024"} + .fa-headphones:before{content:"\f025"} + .fa-volume-off:before{content:"\f026"} + .fa-volume-down:before{content:"\f027"} + .fa-volume-up:before{content:"\f028"} + .fa-qrcode:before{content:"\f029"} + .fa-barcode:before{content:"\f02a"} + .fa-tag:before{content:"\f02b"} + .fa-tags:before{content:"\f02c"} + .fa-book:before{content:"\f02d"} + .fa-bookmark:before{content:"\f02e"} + .fa-print:before{content:"\f02f"} + .fa-camera:before{content:"\f030"} + .fa-font:before{content:"\f031"} + .fa-bold:before{content:"\f032"} + .fa-italic:before{content:"\f033"} + .fa-text-height:before{content:"\f034"} + .fa-text-width:before{content:"\f035"} + .fa-align-left:before{content:"\f036"} + .fa-align-center:before{content:"\f037"} + .fa-align-right:before{content:"\f038"} + .fa-align-justify:before{content:"\f039"} + .fa-list:before{content:"\f03a"} + .fa-dedent:before,.fa-outdent:before{content:"\f03b"} + .fa-indent:before{content:"\f03c"} + .fa-video-camera:before{content:"\f03d"} + .fa-picture-o:before{content:"\f03e"} + .fa-pencil:before{content:"\f040"} + .fa-map-marker:before{content:"\f041"} + .fa-adjust:before{content:"\f042"} + .fa-tint:before{content:"\f043"} + .fa-edit:before,.fa-pencil-square-o:before{content:"\f044"} + .fa-share-square-o:before{content:"\f045"} + .fa-check-square-o:before{content:"\f046"} + .fa-move:before{content:"\f047"} + .fa-step-backward:before{content:"\f048"} + .fa-fast-backward:before{content:"\f049"} + .fa-backward:before{content:"\f04a"} + .fa-play:before{content:"\f04b"} + .fa-pause:before{content:"\f04c"} + .fa-stop:before{content:"\f04d"} + .fa-forward:before{content:"\f04e"} + .fa-fast-forward:before{content:"\f050"} + .fa-step-forward:before{content:"\f051"} + .fa-eject:before{content:"\f052"} + .fa-chevron-left:before{content:"\f053"} + .fa-chevron-right:before{content:"\f054"} + .fa-plus-circle:before{content:"\f055"} + .fa-minus-circle:before{content:"\f056"} + .fa-times-circle:before{content:"\f057"} + .fa-check-circle:before{content:"\f058"} + .fa-question-circle:before{content:"\f059"} + .fa-info-circle:before{content:"\f05a"} + .fa-crosshairs:before{content:"\f05b"} + .fa-times-circle-o:before{content:"\f05c"} + .fa-check-circle-o:before{content:"\f05d"} + .fa-ban:before{content:"\f05e"} + .fa-arrow-left:before{content:"\f060"} + .fa-arrow-right:before{content:"\f061"} + .fa-arrow-up:before{content:"\f062"} + .fa-arrow-down:before{content:"\f063"} + .fa-mail-forward:before,.fa-share:before{content:"\f064"} + .fa-resize-full:before{content:"\f065"} + .fa-resize-small:before{content:"\f066"} + .fa-plus:before{content:"\f067"} + .fa-minus:before{content:"\f068"} + .fa-asterisk:before{content:"\f069"} + .fa-exclamation-circle:before{content:"\f06a"} + .fa-gift:before{content:"\f06b"} + .fa-leaf:before{content:"\f06c"} + .fa-fire:before{content:"\f06d"} + .fa-eye:before{content:"\f06e"} + .fa-eye-slash:before{content:"\f070"} + .fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"} + .fa-plane:before{content:"\f072"} + .fa-calendar:before{content:"\f073"} + .fa-random:before{content:"\f074"} + .fa-comment:before{content:"\f075"} + .fa-magnet:before{content:"\f076"} + .fa-chevron-up:before{content:"\f077"} + .fa-chevron-down:before{content:"\f078"} + .fa-retweet:before{content:"\f079"} + .fa-shopping-cart:before{content:"\f07a"} + .fa-folder:before{content:"\f07b"} + .fa-folder-open:before{content:"\f07c"} + .fa-resize-vertical:before{content:"\f07d"} + .fa-resize-horizontal:before{content:"\f07e"} + .fa-bar-chart-o:before{content:"\f080"} + .fa-twitter-square:before{content:"\f081"} + .fa-facebook-square:before{content:"\f082"} + .fa-camera-retro:before{content:"\f083"} + .fa-key:before{content:"\f084"} + .fa-gears:before,.fa-cogs:before{content:"\f085"} + .fa-comments:before{content:"\f086"} + .fa-thumbs-o-up:before{content:"\f087"} + .fa-thumbs-o-down:before{content:"\f088"} + .fa-star-half:before{content:"\f089"} + .fa-heart-o:before{content:"\f08a"} + .fa-sign-out:before{content:"\f08b"} + .fa-linkedin-square:before{content:"\f08c"} + .fa-thumb-tack:before{content:"\f08d"} + .fa-external-link:before{content:"\f08e"} + .fa-sign-in:before{content:"\f090"} + .fa-trophy:before{content:"\f091"} + .fa-github-square:before{content:"\f092"} + .fa-upload:before{content:"\f093"} + .fa-lemon-o:before{content:"\f094"} + .fa-phone:before{content:"\f095"} + .fa-square-o:before{content:"\f096"} + .fa-bookmark-o:before{content:"\f097"} + .fa-phone-square:before{content:"\f098"} + .fa-twitter:before{content:"\f099"} + .fa-facebook:before{content:"\f09a"} + .fa-github:before{content:"\f09b"} + .fa-unlock:before{content:"\f09c"} + .fa-credit-card:before{content:"\f09d"} + .fa-rss:before{content:"\f09e"} + .fa-hdd-o:before{content:"\f0a0"} + .fa-bullhorn:before{content:"\f0a1"} + .fa-bell:before{content:"\f0f3"} + .fa-certificate:before{content:"\f0a3"} + .fa-hand-o-right:before{content:"\f0a4"} + .fa-hand-o-left:before{content:"\f0a5"} + .fa-hand-o-up:before{content:"\f0a6"} + .fa-hand-o-down:before{content:"\f0a7"} + .fa-arrow-circle-left:before{content:"\f0a8"} + .fa-arrow-circle-right:before{content:"\f0a9"} + .fa-arrow-circle-up:before{content:"\f0aa"} + .fa-arrow-circle-down:before{content:"\f0ab"} + .fa-globe:before{content:"\f0ac"} + .fa-wrench:before{content:"\f0ad"} + .fa-tasks:before{content:"\f0ae"} + .fa-filter:before{content:"\f0b0"} + .fa-briefcase:before{content:"\f0b1"} + .fa-fullscreen:before{content:"\f0b2"} + .fa-group:before{content:"\f0c0"} + .fa-chain:before,.fa-link:before{content:"\f0c1"} + .fa-cloud:before{content:"\f0c2"} + .fa-flask:before{content:"\f0c3"} + .fa-cut:before,.fa-scissors:before{content:"\f0c4"} + .fa-copy:before,.fa-files-o:before{content:"\f0c5"} + .fa-paperclip:before{content:"\f0c6"} + .fa-save:before,.fa-floppy-o:before{content:"\f0c7"} + .fa-square:before{content:"\f0c8"} + .fa-reorder:before{content:"\f0c9"} + .fa-list-ul:before{content:"\f0ca"} + .fa-list-ol:before{content:"\f0cb"} + .fa-strikethrough:before{content:"\f0cc"} + .fa-underline:before{content:"\f0cd"} + .fa-table:before{content:"\f0ce"} + .fa-magic:before{content:"\f0d0"} + .fa-truck:before{content:"\f0d1"} + .fa-pinterest:before{content:"\f0d2"} + .fa-pinterest-square:before{content:"\f0d3"} + .fa-google-plus-square:before{content:"\f0d4"} + .fa-google-plus:before{content:"\f0d5"} + .fa-money:before{content:"\f0d6"} + .fa-caret-down:before{content:"\f0d7"} + .fa-caret-up:before{content:"\f0d8"} + .fa-caret-left:before{content:"\f0d9"} + .fa-caret-right:before{content:"\f0da"} + .fa-columns:before{content:"\f0db"} + .fa-unsorted:before,.fa-sort:before{content:"\f0dc"} + .fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"} + .fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"} + .fa-envelope:before{content:"\f0e0"} + .fa-linkedin:before{content:"\f0e1"} + .fa-rotate-left:before,.fa-undo:before{content:"\f0e2"} + .fa-legal:before,.fa-gavel:before{content:"\f0e3"} + .fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"} + .fa-comment-o:before{content:"\f0e5"} + .fa-comments-o:before{content:"\f0e6"} + .fa-flash:before,.fa-bolt:before{content:"\f0e7"} + .fa-sitemap:before{content:"\f0e8"} + .fa-umbrella:before{content:"\f0e9"} + .fa-paste:before,.fa-clipboard:before{content:"\f0ea"} + .fa-lightbulb-o:before{content:"\f0eb"} + .fa-exchange:before{content:"\f0ec"} + .fa-cloud-download:before{content:"\f0ed"} + .fa-cloud-upload:before{content:"\f0ee"} + .fa-user-md:before{content:"\f0f0"} + .fa-stethoscope:before{content:"\f0f1"} + .fa-suitcase:before{content:"\f0f2"} + .fa-bell-o:before{content:"\f0a2"} + .fa-coffee:before{content:"\f0f4"} + .fa-cutlery:before{content:"\f0f5"} + .fa-file-text-o:before{content:"\f0f6"} + .fa-building:before{content:"\f0f7"} + .fa-hospital:before{content:"\f0f8"} + .fa-ambulance:before{content:"\f0f9"} + .fa-medkit:before{content:"\f0fa"} + .fa-fighter-jet:before{content:"\f0fb"} + .fa-beer:before{content:"\f0fc"} + .fa-h-square:before{content:"\f0fd"} + .fa-plus-square:before{content:"\f0fe"} + .fa-angle-double-left:before{content:"\f100"} + .fa-angle-double-right:before{content:"\f101"} + .fa-angle-double-up:before{content:"\f102"} + .fa-angle-double-down:before{content:"\f103"} + .fa-angle-left:before{content:"\f104"} + .fa-angle-right:before{content:"\f105"} + .fa-angle-up:before{content:"\f106"} + .fa-angle-down:before{content:"\f107"} + .fa-desktop:before{content:"\f108"} + .fa-laptop:before{content:"\f109"} + .fa-tablet:before{content:"\f10a"} + .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"} + .fa-circle-o:before{content:"\f10c"} + .fa-quote-left:before{content:"\f10d"} + .fa-quote-right:before{content:"\f10e"} + .fa-spinner:before{content:"\f110"} + .fa-circle:before{content:"\f111"} + .fa-mail-reply:before,.fa-reply:before{content:"\f112"} + .fa-github-alt:before{content:"\f113"} + .fa-folder-o:before{content:"\f114"} + .fa-folder-open-o:before{content:"\f115"} + .fa-expand-o:before{content:"\f116"} + .fa-collapse-o:before{content:"\f117"} + .fa-smile-o:before{content:"\f118"} + .fa-frown-o:before{content:"\f119"} + .fa-meh-o:before{content:"\f11a"} + .fa-gamepad:before{content:"\f11b"} + .fa-keyboard-o:before{content:"\f11c"} + .fa-flag-o:before{content:"\f11d"} + .fa-flag-checkered:before{content:"\f11e"} + .fa-terminal:before{content:"\f120"} + .fa-code:before{content:"\f121"} + .fa-reply-all:before{content:"\f122"} + .fa-mail-reply-all:before{content:"\f122"} + .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"} + .fa-location-arrow:before{content:"\f124"} + .fa-crop:before{content:"\f125"} + .fa-code-fork:before{content:"\f126"} + .fa-unlink:before,.fa-chain-broken:before{content:"\f127"} + .fa-question:before{content:"\f128"} + .fa-info:before{content:"\f129"} + .fa-exclamation:before{content:"\f12a"} + .fa-superscript:before{content:"\f12b"} + .fa-subscript:before{content:"\f12c"} + .fa-eraser:before{content:"\f12d"} + .fa-puzzle-piece:before{content:"\f12e"} + .fa-microphone:before{content:"\f130"} + .fa-microphone-slash:before{content:"\f131"} + .fa-shield:before{content:"\f132"} + .fa-calendar-o:before{content:"\f133"} + .fa-fire-extinguisher:before{content:"\f134"} + .fa-rocket:before{content:"\f135"} + .fa-maxcdn:before{content:"\f136"} + .fa-chevron-circle-left:before{content:"\f137"} + .fa-chevron-circle-right:before{content:"\f138"} + .fa-chevron-circle-up:before{content:"\f139"} + .fa-chevron-circle-down:before{content:"\f13a"} + .fa-html5:before{content:"\f13b"} + .fa-css3:before{content:"\f13c"} + .fa-anchor:before{content:"\f13d"} + .fa-unlock-o:before{content:"\f13e"} + .fa-bullseye:before{content:"\f140"} + .fa-ellipsis-horizontal:before{content:"\f141"} + .fa-ellipsis-vertical:before{content:"\f142"} + .fa-rss-square:before{content:"\f143"} + .fa-play-circle:before{content:"\f144"} + .fa-ticket:before{content:"\f145"} + .fa-minus-square:before{content:"\f146"} + .fa-minus-square-o:before{content:"\f147"} + .fa-level-up:before{content:"\f148"} + .fa-level-down:before{content:"\f149"} + .fa-check-square:before{content:"\f14a"} + .fa-pencil-square:before{content:"\f14b"} + .fa-external-link-square:before{content:"\f14c"} + .fa-share-square:before{content:"\f14d"} + .fa-compass:before{content:"\f14e"} + .fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"} + .fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"} + .fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"} + .fa-euro:before,.fa-eur:before{content:"\f153"} + .fa-gbp:before{content:"\f154"} + .fa-dollar:before,.fa-usd:before{content:"\f155"} + .fa-rupee:before,.fa-inr:before{content:"\f156"} + .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"} + .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"} + .fa-won:before,.fa-krw:before{content:"\f159"} + .fa-bitcoin:before,.fa-btc:before{content:"\f15a"} + .fa-file:before{content:"\f15b"} + .fa-file-text:before{content:"\f15c"} + .fa-sort-alpha-asc:before{content:"\f15d"} + .fa-sort-alpha-desc:before{content:"\f15e"} + .fa-sort-amount-asc:before{content:"\f160"} + .fa-sort-amount-desc:before{content:"\f161"} + .fa-sort-numeric-asc:before{content:"\f162"} + .fa-sort-numeric-desc:before{content:"\f163"} + .fa-thumbs-up:before{content:"\f164"} + .fa-thumbs-down:before{content:"\f165"} + .fa-youtube-square:before{content:"\f166"} + .fa-youtube:before{content:"\f167"} + .fa-xing:before{content:"\f168"} + .fa-xing-square:before{content:"\f169"} + .fa-youtube-play:before{content:"\f16a"} + .fa-dropbox:before{content:"\f16b"} + .fa-stack-overflow:before{content:"\f16c"} + .fa-instagram:before{content:"\f16d"} + .fa-flickr:before{content:"\f16e"} + .fa-adn:before{content:"\f170"} + .fa-bitbucket:before{content:"\f171"} + .fa-bitbucket-square:before{content:"\f172"} + .fa-tumblr:before{content:"\f173"} + .fa-tumblr-square:before{content:"\f174"} + .fa-long-arrow-down:before{content:"\f175"} + .fa-long-arrow-up:before{content:"\f176"} + .fa-long-arrow-left:before{content:"\f177"} + .fa-long-arrow-right:before{content:"\f178"} + .fa-apple:before{content:"\f179"} + .fa-windows:before{content:"\f17a"} + .fa-android:before{content:"\f17b"} + .fa-linux:before{content:"\f17c"} + .fa-dribbble:before{content:"\f17d"} + .fa-skype:before{content:"\f17e"} + .fa-foursquare:before{content:"\f180"} + .fa-trello:before{content:"\f181"} + .fa-female:before{content:"\f182"} + .fa-male:before{content:"\f183"} + .fa-gittip:before{content:"\f184"} + .fa-sun-o:before{content:"\f185"} + .fa-moon-o:before{content:"\f186"} + .fa-archive:before{content:"\f187"} + .fa-bug:before{content:"\f188"} + .fa-vk:before{content:"\f189"} + .fa-weibo:before{content:"\f18a"} + .fa-renren:before{content:"\f18b"} + .fa-pagelines:before{content:"\f18c"} + .fa-stack-exchange:before{content:"\f18d"} + .fa-arrow-circle-o-right:before{content:"\f18e"} + .fa-arrow-circle-o-left:before{content:"\f190"} + .fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"} + .fa-dot-circle-o:before{content:"\f192"} + .fa-wheelchair:before{content:"\f193"} + .fa-vimeo-square:before{content:"\f194"} + .fa-turkish-lira:before,.fa-try:before{content:"\f195"} + +/*********************************************************************************/ +/* Header */ +/*********************************************************************************/ + + #header + { + position: relative; + margin: 0; + background: url('images/header.jpg'); + background-size: cover; + background-position: center center; + padding: 14em 0 14em 0; + text-align: center; + color: #fff; + } + + #header:after + { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url('images/overlay.png'); + } + + #header > header, + #header > header p, + #header > footer + { + text-align: center; + position: relative; + z-index: 1; + } + + #header header + { + } + + #header header h1 + { + font-size: 2.25em; + line-height: 1.25em; + margin-bottom: 0; + } + + #header header p + { + margin-top: 1.25em; + font-weight: 100; + padding: 0; + font-size: 1.25em; + line-height: 1.5em; + } + + #header footer + { + padding-top: 1.5em; + } + +/*********************************************************************************/ +/* Main Sections */ +/*********************************************************************************/ + + .main + { + position: relative; + margin: 0; + } + + .main > header + { + background: #fff; + text-align: center; + padding: 5em 0 5em 0; + margin: 0; + } + + .main > header h2 + { + font-size: 2.25em; + font-weight: 100; + margin-bottom: 0; + } + + .main > header p + { + margin: 2em 0 0 0; + padding: 0; + text-align: center; + } + + .main > .content + { + padding: 6em 0 6em 0; + } + + .main > .content > .container + { + } + + .main > .content h3 + { + font-size: 1.5em; + } + + .main > .content.dark + { + background: #433; + } + + .main > .content.style1 + { + background: url('images/bgtr.svg') top right no-repeat, + url('images/bgbl.svg') bottom left no-repeat, + url('images/bgbl.svg') bottom left no-repeat, + url('images/overlay.png'), + linear-gradient(45deg, #b39c68, #a56365, #412e4c); + } + + .main > .content.style2 + { + background: url('images/bgtr.svg') top right no-repeat, + url('images/bgbl.svg') bottom left no-repeat, + url('images/overlay.png'), + linear-gradient(45deg, #384955, #655361, #85505f); + } + + .main > .content.style3 + { + background: url('images/bgtr.svg') top right no-repeat, + url('images/bgbl.svg') bottom left no-repeat, + url('images/overlay.png'), + linear-gradient(45deg, #5f796b, #3a4e59, #2f394e); + } + + .main > .content.style4 + { + padding-top: 0; + background: #fff; + } + +/*********************************************************************************/ +/* Footer */ +/*********************************************************************************/ + + #footer + { + position: relative; + margin: 0; + text-align: center; + padding: 1em 0 2em 0; + box-shadow: inset 0 1px 0 0 #e6e6e6; + } + + #footer .copyright + { + margin-top: 3em; + font-size: 0.8em; + color: #aaa; + } + + #footer .copyright a + { + color: inherit; + } + + #footer ul.icons + { + } + + #footer ul.icons li + { + } + + #footer ul.icons a + { + box-shadow: inset 0 0 0 1px #d6d6d6; + } + +/*********************************************************************************/ +/* Customizations */ +/*********************************************************************************/ + +ul.integration, +ul.screencasts, +ul.features { + list-style: initial; + text-align: left; +} + +.integration h4 { + margin: 0; +} diff --git a/images/bg.png b/images/bg.png deleted file mode 100644 index d75208db7..000000000 Binary files a/images/bg.png and /dev/null differ diff --git a/images/bg_hr.png b/images/bg_hr.png deleted file mode 100644 index 7973bd698..000000000 Binary files a/images/bg_hr.png and /dev/null differ diff --git a/images/blacktocat.png b/images/blacktocat.png deleted file mode 100644 index 6e264fe57..000000000 Binary files a/images/blacktocat.png and /dev/null differ diff --git a/images/icon_download.png b/images/icon_download.png deleted file mode 100644 index a2a287f64..000000000 Binary files a/images/icon_download.png and /dev/null differ diff --git a/images/spinner.gif b/images/spinner.gif deleted file mode 100644 index 872ede51d..000000000 Binary files a/images/spinner.gif and /dev/null differ diff --git a/images/sprite_download.png b/images/sprite_download.png deleted file mode 100644 index f2babd575..000000000 Binary files a/images/sprite_download.png and /dev/null differ diff --git a/index.html b/index.html index 62ce04ad6..31faac35f 100644 --- a/index.html +++ b/index.html @@ -1,199 +1,205 @@ - + + Converse.js - - + + + + + + + + + + - - Converse.js - - -
-
- View on GitHub -

Converse.js

-

An XMPP chat client for your website

-
- Download + + + + +
+
+
+

Converse.js is a free and open source webchat client that runs in the browser and can be integrated into any website.

+

Similar to Facebook chat but it also supports multi-user chatrooms.

+

+ Converse.js can connect to any accessible XMPP/Jabber server, + either from a public provider such as jabber.org, or one you have set up yourself. +

+

+ It's possible to enable single-site-login, whereby users already authenticated in your website will also automatically be logged in on the chat server. + Please refer to the documentation for more info. +

+
+
+
+
+
+
+
+ +
+

Integration

+
+ +
+
+
+
+ +
+
+

Features

+
+
    +
  • Single-user chat
    • +
  • Multi-user chatrooms (XEP 45)
    • +
  • vCard support (XEP 54)
    • +
  • Service discovery (XEP 30)
    • +
  • Contact rosters
    • +
  • Contact subscriptions
    • +
  • Accept or decline contact requests
    • +
  • Roster item exchange (XEP 144)
    • +
  • Chat statuses (online, busy, away, offline)
    • +
  • Custom status messages
    • +
  • Typing notifications
    • +
  • Third person messages (/me )
    • +
  • Translated into 13 languages
    • +
  • Off-the-record encryption (via OTR.js)
    • +
+
+
+
+ +
+

Screencasts

+
+ +
+
+
+
+
-
-
- -
-
+ +
+
+
+

Is it secure?

+

+ Converse.js uses TLS to make + encrypted HTTPS requests to a connection manager, which in turn makes a TLS encrypted connection to your XMPP server (if the server supports it). +

+

+ If you are planning on integrating converse.js in your own website, it's important that you serve your pages via HTTPS. +

+

+ That said, the developers don't assume any liability for any loss or damages as a result of using this software. Use at your own risk. +

+
+
+
+
+

Licence

+

The Mozilla Public License (MPL).

-

Converse.js is an open source webchat client, that - runs in the browser and can be integrated into any website.

+

Documentation

+

+ The documentation is included in the source download under the docs + folder, or can be read online. +

+ +

Donate

+

Bitcoin: 16FsPqE9DhFTryxrUenpsGX4LJ1TPu8GqS

-

It's similar to Facebook chat, but also supports multi-user chatrooms.

+

Contact

+

+

    +
  • Follow me on Twitter.
    • +
  • Chat with me via XMPP: jc@opkode.com.
    • +
  • For support queries, please write to the mailing list: conversejs@librelist.com.
    • +
  • Please file bugs on Github.
    • +
  • I'm available for special features and consulting work. Please contact me here.
    • +
      +

      -

      Converse.js can connect to any accessible XMPP/Jabber server, either from a public provider such as jabber.org, or to one you have set up yourself.

      - -

      It's possible to enable single-site-login, whereby users already authenticated in your website will also automatically be logged in on the chat server, - but you will have to pre-authenticate them on your server. You can refer to the documentation for more - info.

      - -

      Features

      -
        -
      • Single-user chat
        • -
      • Multi-user chat in chatrooms (XEP 45)
        • -
      • vCard support (XEP 54)
        • -
      • Service discovery (XEP 30)
        • -
      • Contact rosters
        • -
      • Manually or automically subscribe to other contacts
        • -
      • Accept or decline contact requests
        • -
      • Roster item exchange (XEP 144)
        • -
      • Chat statuses (online, busy, away, offline)
        • -
      • Custom status messages
        • -
      • Typing notifications
        • -
      • Third person messages (/me )
        • -
      • Translated into multiple languages (af, de, en, es, fr, he, hu, id, it, ja, nl, pt_BR, ru)
        • -
      • Off-the-record encryption (via OTR.js)
        • -
      - -

      Screencasts

      -
        -
      • Screencast 1: - Integrated into a Plone site via collective.xmpp.chat. -
        • -
      • Screencast 2: - A static webpage with Converse.js. Here we chat to external XMPP accounts on Jabber.org and Gmail. -
        • -
      • Screencast 3: - Off-the-record encryption in Converse.js 0.7. -
        • -
      - -

      Integration into other frameworks

      - - -

      If you have integrated Converse.js into any other CMS or framework, - please let me know and I'll mention it on this page.

      - -

      Demo

      -

      You can log in with any existing XMPP account. There is also a list of public XMPP providers on xmpp.net.

      - -

      Is it secure?

      -

      - Yes, barring any undiscovered security holes and as long as you can trust that the Javascript being downloaded is - not tampered with. Its therefore important to serve your pages encrypted with TLS. -

      -

      - Converse.js itself makes encrypted HTTPS requests to a connection manager, which will make an - SSL/TLS encrypted connection to an XMPP server (if the server supports it). -

      -

      - Logging in happens via SASL. -

      -

      - That said, the developers don't assume any liability for any loss or damages as a result of using this software or demo. Use at your own risk. -

      - -

      Session support

      -

      - The chat client will disconnect whenever you reload the page. If you - want the user's session to persist across page reloads, you can - establish an authenticated connection on the server side and then attach to - this connection in your browser. -

      -

      Converse.js already supports this usecase, but you'll have to do some integration work yourself.

      - - -

      Documentation

      -

      - The documentation is included in the source download under the docs - folder, or can be read online. -

      - -

      Tests

      -

      - We use the Jasmine testing framework to write tests. - Tests can be run in the browser (just open tests.html) or in the - commandline via ``grunt test``. -

      - -

      Credits and Dependencies

      -

      Converse.js depends on a few third party libraries, including:

      - - -

      Licence

      -

      Converse.js is released under the Mozilla Public License (MPL). - -

      Tips

      -

      Bitcoin address: 16FsPqE9DhFTryxrUenpsGX4LJ1TPu8GqS

      - -

      Contact

      - You can: -
-
- - - - -
+ + + + + + +
+ -