initial commit of SVN release repo
This commit is contained in:
Ryan Prather
13
style/5grid/core-1000px.css
Normal file
13
style/5grid/core-1000px.css
Normal file
@ -0,0 +1,13 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* core-1000px.css: 1000px */
|
||||
/*****************************************************************/
|
||||
|
||||
/*********************/
|
||||
/* 1000px */
|
||||
/*********************/
|
||||
|
||||
.\35 grid-layout {
|
||||
width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
13
style/5grid/core-1200px.css
Normal file
13
style/5grid/core-1200px.css
Normal file
@ -0,0 +1,13 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* core-1200px.css: 1200px */
|
||||
/*****************************************************************/
|
||||
|
||||
/*********************/
|
||||
/* 1200px */
|
||||
/*********************/
|
||||
|
||||
.\35 grid-layout {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
31
style/5grid/core-desktop.css
Normal file
31
style/5grid/core-desktop.css
Normal file
@ -0,0 +1,31 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* core-desktop.css: Core (desktop) stylesheet */
|
||||
/*****************************************************************/
|
||||
|
||||
.\35 grid .row:after { content: ''; display: block; clear: both; height: 0; }
|
||||
.\35 grid .row > :first-child { margin-left: 0; }
|
||||
.\35 grid .row:first-child > * { margin-top: 0; }
|
||||
.\35 grid .row:last-child > * { margin-bottom: 0; }
|
||||
.\35 grid .offset-1u:first-child { margin-left: 8.5% !important; }
|
||||
.\35 grid .offset-2u:first-child { margin-left: 17% !important; }
|
||||
.\35 grid .offset-3u:first-child { margin-left: 25.5% !important; }
|
||||
.\35 grid .offset-4u:first-child { margin-left: 34% !important; }
|
||||
.\35 grid .offset-5u:first-child { margin-left: 42.5% !important; }
|
||||
.\35 grid .offset-6u:first-child { margin-left: 51% !important; }
|
||||
.\35 grid .offset-7u:first-child { margin-left: 59.5% !important; }
|
||||
.\35 grid .offset-8u:first-child { margin-left: 68% !important; }
|
||||
.\35 grid .offset-9u:first-child { margin-left: 76.5% !important; }
|
||||
.\35 grid .offset-10u:first-child { margin-left: 85% !important; }
|
||||
.\35 grid .offset-11u:first-child { margin-left: 93.5% !important; }
|
||||
.\35 grid .offset-1u { margin-left: 10.5% !important; }
|
||||
.\35 grid .offset-2u { margin-left: 19% !important; }
|
||||
.\35 grid .offset-3u { margin-left: 27.5% !important; }
|
||||
.\35 grid .offset-4u { margin-left: 36% !important; }
|
||||
.\35 grid .offset-5u { margin-left: 44.5% !important; }
|
||||
.\35 grid .offset-6u { margin-left: 53% !important; }
|
||||
.\35 grid .offset-7u { margin-left: 61.5% !important; }
|
||||
.\35 grid .offset-8u { margin-left: 70% !important; }
|
||||
.\35 grid .offset-9u { margin-left: 78.5% !important; }
|
||||
.\35 grid .offset-10u { margin-left: 87% !important; }
|
||||
.\35 grid .offset-11u { margin-left: 95.5% !important; }
|
||||
12
style/5grid/core-fluid.css
Normal file
12
style/5grid/core-fluid.css
Normal file
@ -0,0 +1,12 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* core-fluid.css: Fluid */
|
||||
/*****************************************************************/
|
||||
|
||||
/*********************/
|
||||
/* Fluid */
|
||||
/*********************/
|
||||
|
||||
.\35 grid-layout {
|
||||
width: 100%;
|
||||
}
|
||||
12
style/5grid/core-mobile.css
Normal file
12
style/5grid/core-mobile.css
Normal file
@ -0,0 +1,12 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* core-mobile.css: Core (mobile) stylesheet */
|
||||
/*****************************************************************/
|
||||
|
||||
body { -webkit-text-size-adjust: none; }
|
||||
.\35 grid .\31 u, .\35 grid .\32 u, .\35 grid .\33 u, .\35 grid .\34 u, .\35 grid .\35 u, .\35 grid .\36 u, .\35 grid .\37 u, .\35 grid .\38 u, .\35 grid .\39 u, .\35 grid .\31 0u, .\35 grid .\31 1u, .\35 grid .\31 2u { float: none !important; width: 100% !important; margin: 1% 0 1% 0 !important; }
|
||||
.\35 grid { width: 100%; margin: 0; }
|
||||
.\35 grid .row:first-child > :first-child { margin-top: 0; }
|
||||
.\35 grid .row:last-child > :last-child { margin-bottom: 0; }
|
||||
.do-5grid .do-1u, .do-5grid .do-2u, .do-5grid .do-3u, .do-5grid .do-4u, .do-5grid .do-5u, .do-5grid .do-6u, .do-5grid .do-7u, .do-5grid .do-8u, .do-5grid .do-9u, .do-5grid .do-10u, .do-5grid .do-11u, .do-5grid .do-12u { margin: 0.5% 0 0.5% 1%; }
|
||||
.\35 grid-flush .\31 u, .\35 grid-flush .\32 u, .\35 grid-flush .\33 u, .\35 grid-flush .\34 u, .\35 grid-flush .\35 u, .\35 grid-flush .\36 u, .\35 grid-flush .\37 u, .\35 grid-flush .\38 u, .\35 grid-flush .\39 u, .\35 grid-flush .\31 0u, .\35 grid-flush .\31 1u, .\35 grid-flush .\31 2u { float: none !important; width: 100% !important; margin: 1% 0 1% 0 !important; }
|
||||
64
style/5grid/core-noscript.css
Normal file
64
style/5grid/core-noscript.css
Normal file
@ -0,0 +1,64 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* noscript-1000px.css: Kludgey noscript stylesheet */
|
||||
/*****************************************************************/
|
||||
|
||||
/*********************/
|
||||
/* Base Grid */
|
||||
/*********************/
|
||||
|
||||
.\35 grid-layout .\31 2u { width: 100%; }
|
||||
.\35 grid-layout .\31 1u { width: 91.5%; }
|
||||
.\35 grid-layout .\31 0u { width: 83%; }
|
||||
.\35 grid-layout .\39 u { width: 74.5%; }
|
||||
.\35 grid-layout .\38 u { width: 66%; }
|
||||
.\35 grid-layout .\37 u { width: 57.5%; }
|
||||
.\35 grid-layout .\36 u { width: 49%; }
|
||||
.\35 grid-layout .\35 u { width: 40.5%; }
|
||||
.\35 grid-layout .\34 u { width: 32%; }
|
||||
.\35 grid-layout .\33 u { width: 23.5%; }
|
||||
.\35 grid-layout .\32 u { width: 15%; }
|
||||
.\35 grid-layout .\31 u { width: 6.5%; }
|
||||
|
||||
.\35 grid-layout .\31 u, .\35 grid-layout .\32 u, .\35 grid-layout .\33 u, .\35 grid-layout .\34 u, .\35 grid-layout .\35 u, .\35 grid-layout .\36 u, .\35 grid-layout .\37 u, .\35 grid-layout .\38 u, .\35 grid-layout .\39 u, .\35 grid-layout .\31 0u, .\35 grid-layout .\31 1u, .\35 grid-layout .\31 2u {
|
||||
margin: 1% 0 1% 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.\35 grid-layout:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/*********************/
|
||||
/* Desktop */
|
||||
/*********************/
|
||||
|
||||
.\35 grid-layout .row:after { content: ''; display: block; clear: both; height: 0; }
|
||||
.\35 grid-layout .row > :first-child { margin-left: 0; }
|
||||
.\35 grid-layout .row:first-child > * { margin-top: 0; }
|
||||
.\35 grid-layout .row:last-child > * { margin-bottom: 0; }
|
||||
.\35 grid-layout .offset-1u:first-child { margin-left: 8.5% !important; }
|
||||
.\35 grid-layout .offset-2u:first-child { margin-left: 17% !important; }
|
||||
.\35 grid-layout .offset-3u:first-child { margin-left: 25.5% !important; }
|
||||
.\35 grid-layout .offset-4u:first-child { margin-left: 34% !important; }
|
||||
.\35 grid-layout .offset-5u:first-child { margin-left: 42.5% !important; }
|
||||
.\35 grid-layout .offset-6u:first-child { margin-left: 51% !important; }
|
||||
.\35 grid-layout .offset-7u:first-child { margin-left: 59.5% !important; }
|
||||
.\35 grid-layout .offset-8u:first-child { margin-left: 68% !important; }
|
||||
.\35 grid-layout .offset-9u:first-child { margin-left: 76.5% !important; }
|
||||
.\35 grid-layout .offset-10u:first-child { margin-left: 85% !important; }
|
||||
.\35 grid-layout .offset-11u:first-child { margin-left: 93.5% !important; }
|
||||
.\35 grid-layout .offset-1u { margin-left: 10.5% !important; }
|
||||
.\35 grid-layout .offset-2u { margin-left: 19% !important; }
|
||||
.\35 grid-layout .offset-3u { margin-left: 27.5% !important; }
|
||||
.\35 grid-layout .offset-4u { margin-left: 36% !important; }
|
||||
.\35 grid-layout .offset-5u { margin-left: 44.5% !important; }
|
||||
.\35 grid-layout .offset-6u { margin-left: 53% !important; }
|
||||
.\35 grid-layout .offset-7u { margin-left: 61.5% !important; }
|
||||
.\35 grid-layout .offset-8u { margin-left: 70% !important; }
|
||||
.\35 grid-layout .offset-9u { margin-left: 78.5% !important; }
|
||||
.\35 grid-layout .offset-10u { margin-left: 87% !important; }
|
||||
.\35 grid-layout .offset-11u { margin-left: 95.5% !important; }
|
||||
121
style/5grid/core.css
Normal file
121
style/5grid/core.css
Normal file
@ -0,0 +1,121 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* core.css: Core stylesheet */
|
||||
/*****************************************************************/
|
||||
|
||||
/**************************************************/
|
||||
/* Resets (by meyerweb.com/eric/tools/css/reset/) */
|
||||
/**************************************************/
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
/*********************/
|
||||
/* Grid */
|
||||
/*********************/
|
||||
|
||||
.\35 grid .\31 2u { width: 100%; } .\35 grid .\31 1u { width: 91.5%; } .\35 grid .\31 0u { width: 83%; } .\35 grid .\39 u { width: 74.5%; } .\35 grid .\38 u { width: 66%; } .\35 grid .\37 u { width: 57.5%; } .\35 grid .\36 u { width: 49%; } .\35 grid .\35 u { width: 40.5%; } .\35 grid .\34 u { width: 32%; } .\35 grid .\33 u { width: 23.5%; } .\35 grid .\32 u { width: 15%; } .\35 grid .\31 u { width: 6.5%; }
|
||||
|
||||
.\35 grid .\31 u, .\35 grid .\32 u, .\35 grid .\33 u, .\35 grid .\34 u, .\35 grid .\35 u, .\35 grid .\36 u, .\35 grid .\37 u, .\35 grid .\38 u, .\35 grid .\39 u, .\35 grid .\31 0u, .\35 grid .\31 1u, .\35 grid .\31 2u {
|
||||
margin: 1% 0 1% 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.\35 grid:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.\35 grid-flush .\31 2u { width: 100% !important; } .\35 grid-flush .\31 1u { width: 91.6666666667% !important; } .\35 grid-flush .\31 0u { width: 83.3333333333% !important; } .\35 grid-flush .\39 u { width: 75% !important; } .\35 grid-flush .\38 u { width: 66.6666666667% !important; } .\35 grid-flush .\37 u { width: 58.3333333333% !important; } .\35 grid-flush .\36 u { width: 50% !important; } .\35 grid-flush .\35 u { width: 41.6666666667% !important; } .\35 grid-flush .\34 u { width: 33.3333333333% !important; } .\35 grid-flush .\33 u { width: 25% !important; } .\35 grid-flush .\32 u { width: 16.6666666667% !important; } .\35 grid-flush .\31 u { width: 8.3333333333% !important; }
|
||||
|
||||
.\35 grid-flush .\31 u, .\35 grid-flush .\32 u, .\35 grid-flush .\33 u, .\35 grid-flush .\34 u, .\35 grid-flush .\35 u, .\35 grid-flush .\36 u, .\35 grid-flush .\37 u, .\35 grid-flush .\38 u, .\35 grid-flush .\39 u, .\35 grid-flush .\31 0u, .\35 grid-flush .\31 1u, .\35 grid-flush .\31 2u {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.do-5grid .do-12u { width: 100%; } .do-5grid .do-11u { width: 91.5%; } .do-5grid .do-10u { width: 83%; } .do-5grid .do-9u { width: 74.5%; } .do-5grid .do-8u { width: 66%; } .do-5grid .do-7u { width: 57.5%; } .do-5grid .do-6u { width: 49%; } .do-5grid .do-5u { width: 40.5%; } .do-5grid .do-4u { width: 32%; } .do-5grid .do-3u { width: 23.5%; } .do-5grid .do-2u { width: 15%; } .do-5grid .do-1u { width: 6.5%; }
|
||||
|
||||
.do-5grid .do-1u, .do-5grid .do-2u, .do-5grid .do-3u, .do-5grid .do-4u, .do-5grid .do-5u, .do-5grid .do-6u, .do-5grid .do-7u, .do-5grid .do-8u, .do-5grid .do-9u, .do-5grid .do-10u, .do-5grid .do-11u, .do-5grid .do-12u {
|
||||
margin: 1% 0 1% 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.do-5grid:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.do-5grid-flush .do-12u { width: 100%; } .do-5grid-flush .do-11u { width: 91.6666666667%; } .do-5grid-flush .do-10u { width: 83.3333333333%; } .do-5grid-flush .do-9u { width: 75%; } .do-5grid-flush .do-8u { width: 66.6666666667%; } .do-5grid-flush .do-7u { width: 58.3333333333%; } .do-5grid-flush .do-6u { width: 50%; } .do-5grid-flush .do-5u { width: 41.6666666667%; } .do-5grid-flush .do-4u { width: 33.3333333333%; } .do-5grid-flush .do-3u { width: 25%; } .do-5grid-flush .do-2u { width: 16.6666666667%; } .do-5grid-flush .do-1u { width: 8.3333333333%; }
|
||||
|
||||
.do-5grid-flush .do-1u, .do-5grid-flush .do-2u, .do-5grid-flush .do-3u, .do-5grid-flush .do-4u, .do-5grid-flush .do-5u, .do-5grid-flush .do-6u, .do-5grid-flush .do-7u, .do-5grid-flush .do-8u, .do-5grid-flush .do-9u, .do-5grid-flush .do-10u, .do-5grid-flush .do-11u, .do-5grid-flush .do-12u {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/*********************/
|
||||
/* Mobile */
|
||||
/*********************/
|
||||
|
||||
#mobileUI-site-titlebar {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav-opener {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav {
|
||||
}
|
||||
|
||||
#mobileUI-site-nav nav {
|
||||
}
|
||||
|
||||
#mobileUI-site-nav a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav a .indent-1 { display: inline-block; width: 1em; }
|
||||
#mobileUI-site-nav a .indent-2 { display: inline-block; width: 2em; }
|
||||
#mobileUI-site-nav a .indent-3 { display: inline-block; width: 3em; }
|
||||
#mobileUI-site-nav a .indent-4 { display: inline-block; width: 4em; }
|
||||
#mobileUI-site-nav a .indent-5 { display: inline-block; width: 5em; }
|
||||
#mobileUI-site-nav a .indent-6 { display: inline-block; width: 6em; }
|
||||
#mobileUI-site-nav a .indent-7 { display: inline-block; width: 7em; }
|
||||
#mobileUI-site-nav a .indent-8 { display: inline-block; width: 8em; }
|
||||
#mobileUI-site-nav a .indent-9 { display: inline-block; width: 9em; }
|
||||
#mobileUI-site-nav a .indent-10 { display: inline-block; width: 10em; }
|
||||
5
style/5grid/html5shiv.js
vendored
Normal file
5
style/5grid/html5shiv.js
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
// HTML5 Shiv vpre3.6 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
(function(g,b){function k(){var a=e.elements;return"string"==typeof a?a.split(" "):a;}function l(a){var c={},f=a.createElement,b=a.createDocumentFragment,d=b();a.createElement=function(a){if(!e.shivMethods)return f(a);var b;b=c[a]?c[a].cloneNode():m.test(a)?(c[a]=f(a)).cloneNode():f(a);return b.canHaveChildren&&!n.test(a)?d.appendChild(b):b;};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+k().join().replace(/\w+/g,function(a){f(a);
|
||||
d.createElement(a);return'c("'+a+'")';})+");return n}")(e,d);}function h(a){var c;if(a.documentShived)return a;if(e.shivCSS&&!i){c=a.createElement("p");var b=a.getElementsByTagName("head")[0]||a.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";c=!!b.insertBefore(c.lastChild,b.firstChild);}j||(c=!l(a));if(c)a.documentShived=c;return a;}var d=g.html5||{},n=/^<|^(?:button|form|map|select|textarea|object|iframe|option|optgroup)$/i,
|
||||
m=/^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i,i,j;(function(){var a=b.createElement("a");a.innerHTML="<xyz></xyz>";i="hidden"in a;if(!(a=1==a.childNodes.length))a:{try{b.createElement("a");}catch(c){a=!0;break a;}a=b.createDocumentFragment();a="undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement;}j=
|
||||
a;})();var e={elements:d.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:!1!==d.shivCSS,shivMethods:!1!==d.shivMethods,type:"default",shivDocument:h};g.html5=e;h(b);})(this,document);
|
||||
509
style/5grid/init.js
Normal file
509
style/5grid/init.js
Normal file
@ -0,0 +1,509 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* init.js: Init script */
|
||||
/*****************************************************************/
|
||||
|
||||
/*********************/
|
||||
/* Object Setup */
|
||||
/*********************/
|
||||
|
||||
var _5gridC = function()
|
||||
{
|
||||
this.events = new Array();
|
||||
|
||||
this.isReady = false;
|
||||
this.isMobile = false;
|
||||
this.isDesktop = false;
|
||||
this.isFluid = false;
|
||||
this.is1000px = false;
|
||||
this.is1200px = false;
|
||||
};
|
||||
|
||||
_5gridC.prototype.bind = function(name, f)
|
||||
{
|
||||
if (!this.events[name])
|
||||
this.events[name] = new Array();
|
||||
|
||||
this.events[name].push(f);
|
||||
};
|
||||
|
||||
_5gridC.prototype.trigger = function(name)
|
||||
{
|
||||
if (!this.isReady || !this.events[name] || this.events[name].length < 1)
|
||||
return;
|
||||
|
||||
for (i in this.events[name])
|
||||
(this.events[name][i])();
|
||||
};
|
||||
|
||||
_5gridC.prototype.ready = function(f) { this.bind('ready', f); };
|
||||
_5gridC.prototype.orientationChange = function(f) { this.bind('orientationChange', f); };
|
||||
_5gridC.prototype.mobileUINavOpen = function(f) { this.bind('mobileUINavOpen', f); };
|
||||
_5gridC.prototype.mobileUINavClose = function(f) { this.bind('mobileUINavClose', f); };
|
||||
|
||||
_5gridC.prototype.readyCheck = function()
|
||||
{
|
||||
var x = this;
|
||||
|
||||
window.setTimeout(function() {
|
||||
if (x.isReady)
|
||||
x.trigger('ready');
|
||||
else
|
||||
x.readyCheck();
|
||||
}, 50);
|
||||
};
|
||||
|
||||
var _5grid = new _5gridC;
|
||||
|
||||
|
||||
(function() {
|
||||
|
||||
/*********************/
|
||||
/* Initialize */
|
||||
/*********************/
|
||||
|
||||
// Vars
|
||||
var _baseURL, _opts,
|
||||
_fluid, _1000px, _1200px, _mobile, _desktop, _mobileOnly,
|
||||
_window = jQuery(window), _head = jQuery('head'), _document = jQuery(document),
|
||||
_headQueue = new Array(), _isLocked = false, _isTouch = !!('ontouchstart' in window), _eventType = (_isTouch ? 'touchend' : 'click'),
|
||||
v, w, x, y;
|
||||
|
||||
// Shortcut methods
|
||||
_headQueue.pushI_5grid = function(s) { _headQueue.push({ type: 'i', value: s }); };
|
||||
_headQueue.pushE_5grid = function(s) { _headQueue.push({ type: 'e', value: s }); };
|
||||
_headQueue.process_5grid = function() {
|
||||
var doE;
|
||||
if (document.createStyleSheet)
|
||||
doE = function(s) { document.createStyleSheet(s); };
|
||||
else
|
||||
doE = function(s) { _head.append('<link rel="stylesheet" href="' + s + '" />'); };
|
||||
|
||||
for (var x in _headQueue)
|
||||
{
|
||||
if (_headQueue[x].type == 'i')
|
||||
_head.append('<style>' + _headQueue[x].value + '</style>');
|
||||
else if (_headQueue[x].type == 'e')
|
||||
(doE)(_headQueue[x].value);
|
||||
}
|
||||
};
|
||||
jQuery.fn.disableSelection_5grid = function() { return jQuery(this).css('user-select', 'none').css('-khtml-user-select', 'none').css('-moz-user-select', 'none').css('-o-user-select', 'none').css('-webkit-user-select', 'none'); };
|
||||
jQuery.fn.enableSelection_5grid = function() { return jQuery(this).css('user-select', 'auto').css('-khtml-user-select', 'auto').css('-moz-user-select', 'auto').css('-o-user-select', 'auto').css('-webkit-user-select', 'auto'); };
|
||||
jQuery.fn.accelerate_5grid = function() { return jQuery(this).css('-webkit-transform', 'translateZ(0)').css('-webkit-backface-visibility', 'hidden').css('-webkit-perspective', '1000'); };
|
||||
|
||||
// Determine base URL, opts
|
||||
x = jQuery('script').filter(function() { return this.src.match(/5grid\/init\.js/); }).first();
|
||||
y = x.attr('src').split('?');
|
||||
_baseURL = y[0].replace(/5grid\/init\.js/, '');
|
||||
_opts = new Array();
|
||||
|
||||
// Default opts
|
||||
_opts['use'] = 'mobile,desktop';
|
||||
_opts['prefix'] = 'style';
|
||||
_opts['mobileUI'] = 0;
|
||||
_opts['mobileUI.force'] = 0;
|
||||
_opts['mobileUI.titleBarHeight'] = 44;
|
||||
_opts['mobileUI.titleBarOverlaid'] = 0;
|
||||
_opts['mobileUI.openerWidth'] = 60;
|
||||
_opts['mobileUI.openerText'] = '=';
|
||||
_opts['mobileUI.titleBarFixed'] = 1;
|
||||
_opts['mobileUI.theme'] = 'beveled';
|
||||
_opts['mobileUI.themeTitleBarColor'] = '#444444';
|
||||
_opts['mobileUI.themeNavColor'] = '#272727';
|
||||
_opts['mobileUI.hideAddressBar'] = 0;
|
||||
_opts['viewport.is1000px'] = 1040;
|
||||
_opts['viewport.is1200px'] = 1280;
|
||||
_opts['debug.noExtLoad'] = 0;
|
||||
|
||||
// Custom opts
|
||||
if (y.length > 1)
|
||||
{
|
||||
x = y[1].split('&');
|
||||
for (var v in x)
|
||||
{
|
||||
w = x[v].split('=');
|
||||
_opts[w[0]] = w[1];
|
||||
}
|
||||
}
|
||||
|
||||
// Debug options
|
||||
if (_opts['debug.noExtLoad'] == 1)
|
||||
_headQueue.pushE_5grid = function(s) { };
|
||||
|
||||
// Determine viewing modes
|
||||
_desktop = _mobile = _fluid = _1000px = _1200px = _mobileOnly = false;
|
||||
v = _opts['use'].split(',');
|
||||
|
||||
if (jQuery.inArray('fluid', v) > -1)
|
||||
_fluid = true;
|
||||
if (jQuery.inArray('desktop', v) > -1)
|
||||
_desktop = true;
|
||||
if (jQuery.inArray('1000px', v) > -1)
|
||||
_1000px = true;
|
||||
if (jQuery.inArray('1200px', v) > -1)
|
||||
_1200px = true;
|
||||
if (jQuery.inArray('mobile', v) > -1)
|
||||
_mobile = true;
|
||||
|
||||
if (_mobile && !_fluid && !_1000px && !_1200px && !_desktop)
|
||||
_mobileOnly = true;
|
||||
//_desktop = true;
|
||||
|
||||
/*********************/
|
||||
/* Core */
|
||||
/*********************/
|
||||
|
||||
// Legacy IE fixes
|
||||
if ($.browser.msie)
|
||||
{
|
||||
// HTML5 Shiv
|
||||
if ($.browser.version < 9)
|
||||
_head.append('<script type="text/javascript" src="' + _baseURL + '5grid/html5shiv.js" />');
|
||||
|
||||
// Versions that don't support CSS3 pseudo classes
|
||||
if ($.browser.version < 8)
|
||||
{
|
||||
jQuery(function() {
|
||||
jQuery('.5grid, .5grid-layout, .do-5grid').after('<div style="clear: both;"></div>');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Insert stylesheets
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core.css');
|
||||
_headQueue.pushE_5grid(_baseURL + _opts['prefix'] + '.css');
|
||||
|
||||
/*********************/
|
||||
/* Responsive */
|
||||
/*********************/
|
||||
|
||||
(function() {
|
||||
var ww = _window.width(), sw = screen.width, orientation = window.orientation;
|
||||
|
||||
// Fix: On iOS, screen.width is always the width of the device held in portrait mode.
|
||||
// Android, however, sets it to the width of the device in its current orientation.
|
||||
// This ends up breaking our detection on HD devices held in landscape mode, so we
|
||||
// do a little trick here to detect this condition and make things right.
|
||||
if (screen.width > screen.height
|
||||
&& Math.abs(orientation) == 90)
|
||||
sw = screen.height;
|
||||
|
||||
// Mobile (exclusive)
|
||||
if ((_mobile && (ww <= 480 || sw <= 480)) || _mobileOnly)
|
||||
{
|
||||
_5grid.isMobile = true;
|
||||
_head.prepend('<meta name="viewport" content="initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0;" />');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-mobile.css');
|
||||
|
||||
if (_opts['mobileUI'] == 1)
|
||||
{
|
||||
_opts['mobileUI.force'] = 1;
|
||||
|
||||
if (_opts['mobileUI.theme'] != 'none')
|
||||
{
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/mobileUI-' + _opts['mobileUI.theme'] + '.css');
|
||||
|
||||
if (_opts['mobileUI.themeTitleBarColor'])
|
||||
_headQueue.pushI_5grid('#mobileUI-site-titlebar { background: ' + _opts['mobileUI.themeTitleBarColor'] + '; }');
|
||||
|
||||
if (_opts['mobileUI.themeNavColor'])
|
||||
_headQueue.pushI_5grid('#mobileUI-site-nav { background: ' + _opts['mobileUI.themeNavColor'] + '; }');
|
||||
}
|
||||
}
|
||||
|
||||
_headQueue.pushE_5grid(_baseURL + _opts['prefix'] + '-mobile.css');
|
||||
}
|
||||
else
|
||||
{
|
||||
// Fluid (exclusive)
|
||||
if (_fluid)
|
||||
{
|
||||
_5grid.isFluid = true;
|
||||
_head.prepend('<meta name="viewport" content="width=' + _opts['viewport.is1200px'] + '" />');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-desktop.css');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-fluid.css');
|
||||
_headQueue.pushE_5grid(_baseURL + _opts['prefix'] + '-fluid.css');
|
||||
}
|
||||
// Desktop
|
||||
else if (_desktop)
|
||||
{
|
||||
_5grid.isDesktop = true;
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-desktop.css');
|
||||
_headQueue.pushE_5grid(_baseURL + _opts['prefix'] + '-desktop.css');
|
||||
|
||||
// 1200px
|
||||
if (ww >= 1200)
|
||||
{
|
||||
_5grid.is1200px = true;
|
||||
_head.prepend('<meta name="viewport" content="width=' + _opts['viewport.is1200px'] + '" />');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-1200px.css');
|
||||
|
||||
// Load 1200px stylesheet if 1200px was explicitly enabled
|
||||
if (_1200px)
|
||||
_headQueue.pushE_5grid(_baseURL + _opts['prefix'] + '-1200px.css');
|
||||
}
|
||||
// 1000px
|
||||
else
|
||||
{
|
||||
_5grid.is1000px = true;
|
||||
_head.prepend('<meta name="viewport" content="width=' + _opts['viewport.is1000px'] + '" />');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-1000px.css');
|
||||
|
||||
// Load 1000px stylesheet if 1000px was explicitly enabled
|
||||
if (_1000px)
|
||||
_headQueue.pushE_5grid(_baseURL + _opts['prefix'] + '-1000px.css');
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
// 1000px (exclusive)
|
||||
if (_1000px && (ww < 1200 || !_1200px))
|
||||
{
|
||||
_5grid.isDesktop = true;
|
||||
_5grid.is1000px = true;
|
||||
_head.prepend('<meta name="viewport" content="width=' + _opts['viewport.is1000px'] + '" />');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-desktop.css');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-1000px.css');
|
||||
_headQueue.pushE_5grid(_baseURL + _opts['prefix'] + '-1000px.css');
|
||||
}
|
||||
// 1200px (exclusive)
|
||||
else if (_1200px && (ww >= 1200 || !_1000px))
|
||||
{
|
||||
_5grid.isDesktop = true;
|
||||
_5grid.is1200px = true;
|
||||
_head.prepend('<meta name="viewport" content="width=' + _opts['viewport.is1200px'] + '" />');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-desktop.css');
|
||||
_headQueue.pushE_5grid(_baseURL + '5grid/core-1200px.css');
|
||||
_headQueue.pushE_5grid(_baseURL + _opts['prefix'] + '-1200px.css');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
jQuery(function() { jQuery('.5grid-layout').addClass('5grid'); });
|
||||
})();
|
||||
|
||||
/*********************/
|
||||
/* MobileUI */
|
||||
/*********************/
|
||||
|
||||
if (_opts['mobileUI.force'] == 1)
|
||||
jQuery(function() {
|
||||
var body = jQuery('body'), speed = 0, easing = 'swing';
|
||||
var mobileUI_site_nav, mobileUI_site_nav_opener, mobileUI_site_titlebar, mobileUI_site_wrapper, mobileUI_site_group;
|
||||
|
||||
body.wrapInner('<div id="mobileUI-site-wrapper" />');
|
||||
|
||||
// Move primary content
|
||||
var main_content = jQuery('.mobileUI-main-content'), main_content_target = jQuery('.mobileUI-main-content-target');
|
||||
|
||||
if (main_content.length > 0)
|
||||
if (main_content_target.length > 0)
|
||||
main_content.prependTo(main_content_target);
|
||||
else
|
||||
main_content.prependTo(main_content.parent());
|
||||
|
||||
// Get site name, nav options
|
||||
var x = jQuery('.mobileUI-site-name'), site_name = (x.length > 0 ? x.html() : '');
|
||||
var site_nav_options = new Array();
|
||||
|
||||
jQuery('.mobileUI-site-nav a').each(function() {
|
||||
var t = jQuery(this), indent;
|
||||
indent = Math.max(0,t.parents('li').length - 1);
|
||||
site_nav_options.push(
|
||||
'<a href="' + t.attr('href') + '"><span class="indent-' + indent + '"></span>' + t.text() + '</a>'
|
||||
);
|
||||
});
|
||||
|
||||
if (site_nav_options.length > 0)
|
||||
{
|
||||
mobileUI_site_nav = jQuery('<div id="mobileUI-site-nav"><nav>' + site_nav_options.join('') + '</nav></div>');
|
||||
mobileUI_site_nav_opener = jQuery('<div id="mobileUI-site-nav-opener">' + _opts['mobileUI.openerText'] + '</div>');
|
||||
}
|
||||
else
|
||||
{
|
||||
mobileUI_site_nav = jQuery();
|
||||
mobileUI_site_nav_opener = jQuery();
|
||||
}
|
||||
|
||||
// Configure elements
|
||||
mobileUI_site_titlebar = jQuery('<div id="mobileUI-site-titlebar"><div id="mobileUI-site-title">' + site_name + '</div></div>');
|
||||
mobileUI_site_wrapper = jQuery('#mobileUI-site-wrapper');
|
||||
mobileUI_site_group = jQuery().add(mobileUI_site_wrapper).add(mobileUI_site_titlebar);
|
||||
|
||||
body.bind('touchmove', function(e) {
|
||||
if (mobileUI_site_nav.isOpen_5grid)
|
||||
{
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
// Mobile Site Wrapper
|
||||
mobileUI_site_wrapper
|
||||
.css('position', 'relative')
|
||||
.css('z-index', '100')
|
||||
.css('top', (_opts['mobileUI.titleBarOverlaid'] == 1 ? 0 : _opts['mobileUI.titleBarHeight'] + 'px'))
|
||||
.css('width', '100%')
|
||||
.bind(_eventType, function(e) {
|
||||
if (mobileUI_site_nav.isOpen_5grid)
|
||||
{
|
||||
e.preventDefault();
|
||||
body.trigger('5grid_closeNav');
|
||||
}
|
||||
})
|
||||
.bind('5grid_top', function(e) {
|
||||
if (_isLocked)
|
||||
return;
|
||||
_isLocked = true;
|
||||
body.animate({ scrollTop: 0 }, 400, 'swing', function() { _isLocked = false; });
|
||||
});
|
||||
|
||||
// Mobile Site Nav Opener
|
||||
mobileUI_site_nav_opener
|
||||
.css('position', 'absolute')
|
||||
.css('z-index', '152')
|
||||
.css('cursor', 'pointer')
|
||||
.disableSelection_5grid()
|
||||
.appendTo(mobileUI_site_titlebar)
|
||||
.bind(_eventType, function(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
body.trigger('5grid_toggleNav');
|
||||
});
|
||||
|
||||
// Mobile Site Bar
|
||||
mobileUI_site_titlebar
|
||||
.css('position', (_opts['mobileUI.titleBarFixed'] == 1 ? 'fixed' : 'absolute'))
|
||||
.css('z-index', '151')
|
||||
.css('top', '0')
|
||||
.css('width', '100%')
|
||||
.css('overflow', 'hidden')
|
||||
.css('height', _opts['mobileUI.titleBarHeight'] + 'px')
|
||||
.css('line-height', _opts['mobileUI.titleBarHeight'] + 'px')
|
||||
.disableSelection_5grid()
|
||||
.prependTo(body);
|
||||
|
||||
// Mobile Site Nav
|
||||
mobileUI_site_nav
|
||||
.css('position', 'fixed')
|
||||
.css('z-index', '150')
|
||||
.css('top', '0')
|
||||
.css('height', '100%')
|
||||
.disableSelection_5grid()
|
||||
.prependTo(body);
|
||||
|
||||
mobileUI_site_nav
|
||||
.css('left', -1 * mobileUI_site_nav.width())
|
||||
.hide()
|
||||
.click(function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
mobileUI_site_nav.find('a')
|
||||
.click(function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
body.trigger('5grid_closeNav', [jQuery(this).attr('href')]);
|
||||
});
|
||||
|
||||
if (_isTouch) {
|
||||
var _mobileUI_site_nav_pos = 0;
|
||||
mobileUI_site_nav
|
||||
.css('overflow', 'hidden')
|
||||
.bind('touchstart', function(e) {
|
||||
_mobileUI_site_nav_pos = mobileUI_site_nav.scrollTop() + event.touches[0].pageY;
|
||||
})
|
||||
.bind('touchmove', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
mobileUI_site_nav.scrollTop(_mobileUI_site_nav_pos - event.touches[0].pageY);
|
||||
});
|
||||
}
|
||||
else
|
||||
mobileUI_site_nav.css('overflow', 'auto');
|
||||
|
||||
mobileUI_site_nav.isOpen_5grid = false;
|
||||
|
||||
// Body
|
||||
body
|
||||
.css('overflow', (_isTouch ? 'hidden' : 'visible'))
|
||||
.bind('5grid_toggleNav', function() {
|
||||
if (mobileUI_site_nav.isOpen_5grid)
|
||||
body.trigger('5grid_closeNav');
|
||||
else
|
||||
body.trigger('5grid_openNav');
|
||||
})
|
||||
.bind('5grid_openNav', function() {
|
||||
if (_isLocked)
|
||||
return true;
|
||||
_isLocked = true;
|
||||
var nw = jQuery(window).width() - _opts['mobileUI.openerWidth'];
|
||||
mobileUI_site_group
|
||||
.css('width', jQuery(window).width())
|
||||
.disableSelection_5grid();
|
||||
mobileUI_site_nav
|
||||
.show()
|
||||
.scrollTop(0)
|
||||
.css('width', nw)
|
||||
.css('left', -1 * nw);
|
||||
mobileUI_site_nav.animate({ left: 0 }, speed, easing);
|
||||
mobileUI_site_group.animate({ left: nw }, speed, easing, function() {
|
||||
_isLocked = false;
|
||||
mobileUI_site_nav.isOpen_5grid = true;
|
||||
_5grid.trigger('mobileUINavOpen');
|
||||
});
|
||||
})
|
||||
.bind('5grid_closeNav', function(e, url) {
|
||||
if (_isLocked)
|
||||
return true;
|
||||
_isLocked = true;
|
||||
var nw = mobileUI_site_nav.width();
|
||||
mobileUI_site_nav.animate({ left: -1 * nw }, speed, easing);
|
||||
mobileUI_site_group.animate({ left: 0 }, speed, easing, function() {
|
||||
mobileUI_site_group
|
||||
.css('width', '100%')
|
||||
.css('overflow', 'visible')
|
||||
.enableSelection_5grid();
|
||||
mobileUI_site_wrapper.css('position', 'relative');
|
||||
mobileUI_site_titlebar.css('position', (_opts['mobileUI.titleBarFixed'] == 1 ? 'fixed' : 'absolute'));
|
||||
mobileUI_site_nav.isOpen_5grid = false;
|
||||
mobileUI_site_nav.hide();
|
||||
_5grid.trigger('mobileUINavclose');
|
||||
_isLocked = false;
|
||||
|
||||
if (url)
|
||||
window.setTimeout(function() {
|
||||
window.location.href = url;
|
||||
}, 150);
|
||||
});
|
||||
});
|
||||
|
||||
// Window
|
||||
_window
|
||||
.bind('orientationchange', function(e) {
|
||||
if (mobileUI_site_nav.isOpen_5grid) {
|
||||
var nw = jQuery(window).width() - _opts['mobileUI.openerWidth'];
|
||||
mobileUI_site_nav.css('width', nw);
|
||||
mobileUI_site_group.css('left', nw);
|
||||
}
|
||||
_5grid.trigger('orientationChange');
|
||||
});
|
||||
|
||||
// Remove mobileUI-hide elements
|
||||
jQuery('.mobileUI-hide').remove();
|
||||
|
||||
// Remove address bar
|
||||
if (_opts['mobileUI.hideAddressBar'] == 1 && _window.scrollTop() == 0)
|
||||
window.scrollTo(0, 1);
|
||||
});
|
||||
|
||||
/*********************/
|
||||
/* Head Queue */
|
||||
/*********************/
|
||||
|
||||
_headQueue.process_5grid();
|
||||
_5grid.isReady = true;
|
||||
|
||||
jQuery(function() { _5grid.readyCheck(); });
|
||||
|
||||
})();
|
||||
6
style/5grid/jquery-1.10.2.min.js
vendored
Normal file
6
style/5grid/jquery-1.10.2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
5
style/5grid/jquery-1.11.3.min.js
vendored
Normal file
5
style/5grid/jquery-1.11.3.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
style/5grid/jquery-1.11.3.min.map
Normal file
1
style/5grid/jquery-1.11.3.min.map
Normal file
File diff suppressed because one or more lines are too long
14
style/5grid/jquery.browser.min.js
vendored
Normal file
14
style/5grid/jquery.browser.min.js
vendored
Normal file
@ -0,0 +1,14 @@
|
||||
/*!
|
||||
* jQuery Browser Plugin 0.0.5
|
||||
* https://github.com/gabceb/jquery-browser-plugin
|
||||
*
|
||||
* Original jquery-browser code Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* Modifications Copyright 2013 Gabriel Cebrian
|
||||
* https://github.com/gabceb
|
||||
*
|
||||
* Released under the MIT license
|
||||
*
|
||||
* Date: 14-11-2013
|
||||
*/!function(a,b){"use strict";var c,d;if(a.uaMatch=function(a){a=a.toLowerCase();var b=/(opr)[\/]([\w.]+)/.exec(a)||/(chrome)[ \/]([\w.]+)/.exec(a)||/(version)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec(a)||/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||a.indexOf("trident")>=0&&/(rv)(?::| )([\w.]+)/.exec(a)||a.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(a)||[],c=/(ipad)/.exec(a)||/(iphone)/.exec(a)||/(android)/.exec(a)||/(windows phone)/.exec(a)||/(win)/.exec(a)||/(mac)/.exec(a)||/(linux)/.exec(a)||[];return{browser:b[3]||b[1]||"",version:b[2]||"0",platform:c[0]||""}},c=a.uaMatch(b.navigator.userAgent),d={},c.browser&&(d[c.browser]=!0,d.version=c.version,d.versionNumber=parseFloat(c.version,10)),c.platform&&(d[c.platform]=!0),(d.chrome||d.opr||d.safari)&&(d.webkit=!0),d.rv){var e="msie";c.browser=e,d[e]=!0}if(d.opr){var f="opera";c.browser=f,d[f]=!0}d.name=c.browser,d.platform=c.platform,a.browser=d}(jQuery,window);
|
||||
2
style/5grid/jquery.js
vendored
Normal file
2
style/5grid/jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
56
style/5grid/mobileUI-beveled.css
Normal file
56
style/5grid/mobileUI-beveled.css
Normal file
@ -0,0 +1,56 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* mobileUI-beveled.css: Beveled mobile UI theme */
|
||||
/*****************************************************************/
|
||||
|
||||
#mobileUI-site-titlebar {
|
||||
text-align: center;
|
||||
background: #444;
|
||||
color: #fff;
|
||||
text-shadow: -1px -1px 0px rgba(0,0,0,0.9);
|
||||
font-weight: bold;
|
||||
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.75), inset 0px 22px 0px 0px rgba(255,255,255,0.09), inset 0px 8px 45px 0px rgba(255,255,255,0.4);
|
||||
line-height: 46px !important;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav-opener {
|
||||
width: 45px;
|
||||
height: 28px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
font-size: 0.8em;
|
||||
top: 7px;
|
||||
left: 6px;
|
||||
border-radius: 5px;
|
||||
text-shadow: -1px -1px 0px rgba(0,0,0,0.9);
|
||||
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 2px 0px rgba(0,0,0,0.5), inset 0px 6px 13px 0px rgba(255,255,255,0.2), 0px 2px 2px 0px rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
#mobileUI-site-nav-opener:active {
|
||||
background: rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
#mobileUI-site-nav {
|
||||
background: #444;
|
||||
color: #fff;
|
||||
box-shadow: inset -10px 0px 40px 0px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
#mobileUI-site-nav a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
border-top: solid 1px rgba(255,255,255,0.1);
|
||||
border-bottom: solid 1px rgba(0,0,0,0.2);
|
||||
padding: 0.75em;
|
||||
text-decoration: none;
|
||||
text-shadow: -1px -1px 0px #000;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav a:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav a:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
48
style/5grid/mobileUI-flat.css
Normal file
48
style/5grid/mobileUI-flat.css
Normal file
@ -0,0 +1,48 @@
|
||||
/*****************************************************************/
|
||||
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed */
|
||||
/* mobileUI-flat.css: Flat mobile UI theme */
|
||||
/*****************************************************************/
|
||||
|
||||
#mobileUI-site-titlebar {
|
||||
text-align: center;
|
||||
background: #444;
|
||||
color: #fff;
|
||||
line-height: 46px !important;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav-opener {
|
||||
width: 45px;
|
||||
height: 44px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 44px;
|
||||
font-size: 0.8em;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
#mobileUI-site-nav-opener:active {
|
||||
background: rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
#mobileUI-site-nav {
|
||||
background: #272727;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
padding: 0.75em;
|
||||
text-decoration: none;
|
||||
border-top: solid 1px rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
#mobileUI-site-nav a:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav a:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
1
style/default.css
Normal file
1
style/default.css
Normal file
@ -0,0 +1 @@
|
||||
@CHARSET "ISO-8859-1";
|
||||
BIN
style/fonts/Dosis/Dosis-ExtraLight.woff
Normal file
BIN
style/fonts/Dosis/Dosis-ExtraLight.woff
Normal file
Binary file not shown.
BIN
style/fonts/Dosis/Dosis-Regular.woff
Normal file
BIN
style/fonts/Dosis/Dosis-Regular.woff
Normal file
Binary file not shown.
BIN
style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Bold.woff
Normal file
BIN
style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Bold.woff
Normal file
Binary file not shown.
BIN
style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-ExtraLight.woff
Normal file
BIN
style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-ExtraLight.woff
Normal file
Binary file not shown.
BIN
style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Light.woff
Normal file
BIN
style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Light.woff
Normal file
Binary file not shown.
BIN
style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Regular.woff
Normal file
BIN
style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Regular.woff
Normal file
Binary file not shown.
30
style/fonts/fonts.css
Normal file
30
style/fonts/fonts.css
Normal file
@ -0,0 +1,30 @@
|
||||
@font-face {
|
||||
font-family: 'Dosis';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
src: local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(/style/fonts/Dosis/Dosis-ExtraLight.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Dosis';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Dosis Regular'), local('Dosis-Regular'), url(/style/fonts/Dosis/Dosis-Regular.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
src: local('Yanone Kaffeesatz ExtraLight'), local('YanoneKaffeesatz-ExtraLight'), url(/style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-ExtraLight.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(/style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Light.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(/style/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Regular.woff) format('woff');
|
||||
}
|
||||
BIN
style/images/banner-shadow-bg.png
Normal file
BIN
style/images/banner-shadow-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
style/images/banner-wrapper-bg.png
Normal file
BIN
style/images/banner-wrapper-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
style/images/copyright-bg.png
Normal file
BIN
style/images/copyright-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
BIN
style/images/divider1-bg.png
Normal file
BIN
style/images/divider1-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 785 B |
BIN
style/images/divider2-bg.png
Normal file
BIN
style/images/divider2-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 733 B |
BIN
style/images/divider3-bg.png
Normal file
BIN
style/images/divider3-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 383 B |
BIN
style/images/link-style1-divider.png
Normal file
BIN
style/images/link-style1-divider.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 221 B |
BIN
style/images/marketing-bg.png
Normal file
BIN
style/images/marketing-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
style/images/spacer.gif
Normal file
BIN
style/images/spacer.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
216
style/print.css
Normal file
216
style/print.css
Normal file
@ -0,0 +1,216 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
body {
|
||||
background: white;
|
||||
font-size: 12pt;
|
||||
font-family: "Times New Roman", Times, Serif;
|
||||
width: 8.5in !important;
|
||||
margin: 0.5in;
|
||||
}
|
||||
|
||||
#header-wrapper,
|
||||
#report-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
width: auto;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
float: none !important;
|
||||
color: black;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #520;
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#main-content a:link:after,
|
||||
#main-content a:link:after {
|
||||
/* content: " (" attr(href) ") ";*/
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
h1,h2,h3 {
|
||||
font-weight: 600;
|
||||
letter-spacing: 0px;
|
||||
display: inline-block;
|
||||
font-size: 1em;
|
||||
page-break-after: avoid;
|
||||
font-family: "Times Neww Roman", Times, Serif;
|
||||
}
|
||||
|
||||
.toc_ol {
|
||||
list-style-type: decimal;
|
||||
counter-reset: item;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.pb {
|
||||
page-break-before: always;
|
||||
}
|
||||
|
||||
.app_toc_ol {
|
||||
padding-left: 10px;
|
||||
list-style-type: upper-alpha;
|
||||
}
|
||||
|
||||
.app_toc_li {
|
||||
content: counters(item, ".") ". ";
|
||||
counter-increment: item;
|
||||
}
|
||||
|
||||
.toc_li::before {
|
||||
content: counters(item, ".") ". ";
|
||||
counter-increment: item;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
ul li {
|
||||
/* margin-left: 10px; */
|
||||
}
|
||||
|
||||
.U,.FOUO {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.S {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#ra {
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#ra-ol {
|
||||
counter-reset: item 3;
|
||||
}
|
||||
|
||||
.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#tech-container {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
#tech-container td {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#tech-summary {
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
#tech-table {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#tech-table table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
#tech-table table td {
|
||||
border: solid 1px black;
|
||||
font-family: "Times New Roman" Times Serif;
|
||||
}
|
||||
|
||||
.tech-header {
|
||||
background-color: #bfbfbf;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tech-title {
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#vuln-sev {
|
||||
color: white;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#mit-ul {
|
||||
list-style-type:'-';
|
||||
}
|
||||
|
||||
.not_reviewed,.nr {
|
||||
color: #000;
|
||||
background-color: #ffff66;
|
||||
}
|
||||
|
||||
.not_applicable,.na {
|
||||
color: #000;
|
||||
background-color: #8db4e2;
|
||||
}
|
||||
|
||||
.failure {
|
||||
background-color: #ff8c2c;
|
||||
}
|
||||
|
||||
.not_planned,.no_data,.nd {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.complete,.compliant,.c,.not_a_finding,.nf,.false_positive,.fp {
|
||||
color: #000;
|
||||
background-color: #92d050;
|
||||
}
|
||||
|
||||
.non_compliant,.nc,.open,.exception,.exp {
|
||||
background-color: #f00;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.in_progress {
|
||||
color: #000;
|
||||
background-color: #ffff66;
|
||||
}
|
||||
|
||||
.cat_I {
|
||||
background-color: #f00;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cat_II {
|
||||
color: #000;
|
||||
background-color: #ff0;
|
||||
}
|
||||
|
||||
.cat_III {
|
||||
color: #000;
|
||||
background-color: #ffc000;
|
||||
}
|
||||
|
||||
.odd_row {
|
||||
background-color: #80BFFF;
|
||||
color: #000;
|
||||
border: solid 1px #fff;
|
||||
}
|
||||
|
||||
.even_row {
|
||||
background-color: #E5F1FF;
|
||||
color: #000;
|
||||
border: solid 1px #fff;
|
||||
}
|
||||
10
style/style-1000px.css
Normal file
10
style/style-1000px.css
Normal file
@ -0,0 +1,10 @@
|
||||
/*
|
||||
Iridium: A responsive HTML5 website template by HTML5Templates.com
|
||||
Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
|
||||
Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
|
||||
*/
|
||||
|
||||
/*********************************************************************************/
|
||||
/* 1000px (> 480px && < 1200px) */
|
||||
/*********************************************************************************/
|
||||
|
||||
452
style/style-desktop.css
Normal file
452
style/style-desktop.css
Normal file
@ -0,0 +1,452 @@
|
||||
/**
|
||||
* File: style-desktop.css
|
||||
* Author: Ryan Prather
|
||||
* Purpose: Store all CSS
|
||||
* Created: ?
|
||||
*
|
||||
* Portions Copyright 2016: Cyber Perspective, All rights reserved
|
||||
* Released under the Apache v2.0 License
|
||||
*
|
||||
* Portions Copyright (c) 2012-2015, Salient Federal Solutions
|
||||
* Portions Copyright (c) 2008-2011, Science Applications International Corporation (SAIC)
|
||||
* Released under Modified BSD License
|
||||
*
|
||||
* See license.txt for details
|
||||
*
|
||||
* Change Log:
|
||||
* - ? - File created
|
||||
* - Sep 1, 2016 - Copyright updated, added file header and CSS for new top nav and fixed a couple bugs
|
||||
* - Oct 5, 2016 - Added styling for hidden copyright-text element
|
||||
* - Nov 7, 2016 - Fixed display
|
||||
* - Feb 15, 2017 - Formatting and added border to bottom of targets
|
||||
* - May 13, 2017 - Uncommented out background-color for thead
|
||||
* - Jan 15, 2018 - Changed not reviewed background color to #a1a1a1
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
Iridium: A responsive HTML5 website template by HTML5Templates.com
|
||||
Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
|
||||
Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
|
||||
*/
|
||||
|
||||
/*********************************************************************************/
|
||||
/* Desktop (>= 480px) */
|
||||
/*********************************************************************************/
|
||||
|
||||
/* Wrappers */
|
||||
|
||||
#wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#main-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#header-wrapper {
|
||||
height: 75px;
|
||||
background: url(images/divider1-bg.png) repeat-x left bottom;
|
||||
}
|
||||
|
||||
#footer-wrapper {
|
||||
overflow: hidden;
|
||||
padding: 50px 0px;
|
||||
background: url(images/banner-wrapper-bg.png) repeat;
|
||||
}
|
||||
|
||||
#marketing-wrapper {
|
||||
overflow: hidden;
|
||||
padding: 50px 0px;
|
||||
background: url(images/marketing-bg.png) repeat;
|
||||
}
|
||||
|
||||
.divider1 {
|
||||
overflow: hidden;
|
||||
height: 10px;
|
||||
background: url(images/divider1-bg.png) repeat-x left top;
|
||||
}
|
||||
|
||||
.divider2 {
|
||||
overflow: hidden;
|
||||
height: 11px;
|
||||
background: url(images/divider2-bg.png) repeat-x left top;
|
||||
}
|
||||
|
||||
.divider3 {
|
||||
overflow: hidden;
|
||||
height: 5px;
|
||||
background: url(images/divider3-bg.png) repeat-x left top;
|
||||
}
|
||||
|
||||
/* Site Header */
|
||||
|
||||
#site-header {
|
||||
position: relative;
|
||||
height: 105px;
|
||||
background: url(images/divider1-bg.png) repeat-x left bottom;
|
||||
}
|
||||
|
||||
/* Top Nav */
|
||||
|
||||
#menu-bar {
|
||||
width: 525px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 10px 6px 10px 6px;
|
||||
height: 30px;
|
||||
line-height: 100%;
|
||||
border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
box-shadow: 0px 0px 0px #666666;
|
||||
-webkit-box-shadow: 0px 0px 0px #666666;
|
||||
-moz-box-shadow: 0px 0px 0px #666666;
|
||||
background: #31363C;
|
||||
border: solid 1px #31363C;
|
||||
position:relative;
|
||||
/*z-index:999;*/
|
||||
}
|
||||
#menu-bar li {
|
||||
margin: 0px 0px 6px 0px;
|
||||
padding: 0px 6px 0px 6px;
|
||||
float: left;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
}
|
||||
#menu-bar a {
|
||||
font-weight: normal;
|
||||
/*font-family: arial;*/
|
||||
font-style: normal;
|
||||
font-size: 20px;
|
||||
color: #E7E5E5;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: 6px 20px 6px 20px;
|
||||
margin: 0;
|
||||
margin-bottom: 6px;
|
||||
border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
text-shadow: 2px 2px 3px #000000;
|
||||
}
|
||||
#menu-bar li ul li a {
|
||||
margin: 0;
|
||||
}
|
||||
#menu-bar .active a, #menu-bar li:hover > a {
|
||||
background: #0399D4;
|
||||
background: linear-gradient(top, #EBEBEB, #A1A1A1);
|
||||
background: -ms-linear-gradient(top, #EBEBEB, #A1A1A1);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
|
||||
background: -moz-linear-gradient(top, #EBEBEB, #A1A1A1);
|
||||
color: #444444;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
|
||||
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
|
||||
text-shadow: 2px 2px 3px #FFFFFF;
|
||||
}
|
||||
#menu-bar ul li:hover a, #menu-bar li:hover li a {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #666;
|
||||
-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
#menu-bar ul a:hover {
|
||||
background: #0399D4 !important;
|
||||
background: linear-gradient(top, #A4C1DD, #1D57A0) !important;
|
||||
background: -ms-linear-gradient(top, #A4C1DD, #1D57A0) !important;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#A4C1DD), to(#1D57A0)) !important;
|
||||
background: -moz-linear-gradient(top, #A4C1DD, #1D57A0) !important;
|
||||
color: #000 !important;
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
text-shadow: 2px 2px 3px #FFFFFF;
|
||||
}
|
||||
#menu-bar li:hover > ul {
|
||||
display: block;
|
||||
}
|
||||
#menu-bar ul {
|
||||
background: #DDDDDD;
|
||||
background: linear-gradient(top, #FFFFFF, #CFCFCF);
|
||||
background: -ms-linear-gradient(top, #FFFFFF, #CFCFCF);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
|
||||
background: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 185px;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 0;
|
||||
border: solid 1px #B4B4B4;
|
||||
border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-box-shadow: 2px 2px 3px #222222;
|
||||
-moz-box-shadow: 2px 2px 3px #222222;
|
||||
box-shadow: 2px 2px 3px #222222;
|
||||
}
|
||||
#menu-bar ul li {
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#menu-bar ul a {
|
||||
padding:10px 0px 10px 15px;
|
||||
color:#424242 !important;
|
||||
/*font-size:12px;*/
|
||||
font-style:normal;
|
||||
/*font-family:arial;*/
|
||||
font-weight: normal;
|
||||
text-shadow: 2px 2px 3px #FFFFFF;
|
||||
}
|
||||
#menu-bar ul li:first-child > a {
|
||||
border-top-left-radius: 10px;
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-moz-border-radius-topleft: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-moz-border-radius-topright: 10px;
|
||||
}
|
||||
#menu-bar ul li:last-child > a {
|
||||
border-bottom-left-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
-moz-border-radius-bottomleft: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-moz-border-radius-bottomright: 10px;
|
||||
}
|
||||
#menu-bar:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
#menu-bar {
|
||||
display: inline-block;
|
||||
}
|
||||
html[xmlns] #menu-bar {
|
||||
display: block;
|
||||
}
|
||||
* html #menu-bar {
|
||||
height: 1%;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#header {
|
||||
min-height: 85px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
margin-top: 10px;
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-size: 2.75em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#header h1 a {
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#header nav {
|
||||
width: 497px;
|
||||
right: 0;
|
||||
margin-top: 5px;
|
||||
padding: 10px 20px;
|
||||
background: #31363C;
|
||||
border-radius: 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#header nav a {
|
||||
outline: 0;
|
||||
padding: 0px 10px;
|
||||
letter-spacing: 1px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-size: 1.05em;
|
||||
font-weight: 200;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#header nav a:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
#header nav .active {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* Copyright */
|
||||
|
||||
#copyright {
|
||||
overflow: hidden;
|
||||
padding: 10px 0px;
|
||||
background: url(images/copyright-bg.png) repeat;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#copyright-text {
|
||||
width: 600px;
|
||||
z-index: 1000;
|
||||
display: none;
|
||||
background: url(images/copyright-bg.png) repeat;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
.box {
|
||||
position: absolute;
|
||||
height: 80%;
|
||||
top: 10%;
|
||||
width: 80%;
|
||||
left: 10%;
|
||||
z-index: 1001;
|
||||
padding: 10px;
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.backdrop {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0.0;
|
||||
filter: alpha(opacity=0);
|
||||
z-index: 1000;
|
||||
display: none;
|
||||
}
|
||||
.header {
|
||||
font-weight: normal;
|
||||
width: 133px;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
thead {
|
||||
background-color: #31363C;
|
||||
color: #fff;
|
||||
}
|
||||
.table-cat {
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
background-color: #B4B2B2;
|
||||
width: 1200px;
|
||||
}
|
||||
.cat-cell {
|
||||
background-color: inherit;
|
||||
display: table-cell;
|
||||
width: 25px;
|
||||
}
|
||||
.cat_header {
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
background-color: #B4B2B2;
|
||||
border: solid 1px #fff;
|
||||
width: 1200px;
|
||||
}
|
||||
.cat_header a {
|
||||
text-decoration: underline;
|
||||
color: #fff;
|
||||
}
|
||||
.odd_row {
|
||||
background-color: #80BFFF !important;
|
||||
color: #000;
|
||||
border-bottom: solid 1px #000;
|
||||
}
|
||||
.even_row {
|
||||
background-color: #E5F1FF !important;
|
||||
color: #000;
|
||||
border-bottom: solid 1px #000;
|
||||
}
|
||||
|
||||
div.tableContainer {
|
||||
clear: both;
|
||||
height: 757px;
|
||||
margin: auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
div.tableContainer {
|
||||
width: 1200px;
|
||||
}
|
||||
div.tableContainer table {
|
||||
width: 1198px;
|
||||
border: solid 1px #fff;
|
||||
}
|
||||
|
||||
/* Status colors */
|
||||
|
||||
.not_reviewed,.nr {
|
||||
color: #000;
|
||||
background-color: #a1a1a1;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.not_applicable,.na,.task-na {
|
||||
color: #000;
|
||||
background-color: #8db4e2;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.failure {
|
||||
background-color: #ff8c2c;
|
||||
}
|
||||
|
||||
.not_planned,.no_data,.nd,.task-np {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.complete,.compliant,.c,.not_a_finding,.nf,.false_positive,.fp,.task-nf,.task-comp {
|
||||
color: #000;
|
||||
background-color: #92d050;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.non_compliant,.nc,.open,.exception,.exp,.task-nr {
|
||||
background-color: #f00;
|
||||
color: #fff;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.in_progress,.task-ip {
|
||||
color: #000;
|
||||
background-color: #ffff66;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.cat_I {
|
||||
background-color: #f00;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cat_II {
|
||||
color: #000;
|
||||
background-color: #ff0;
|
||||
}
|
||||
|
||||
.cat_III {
|
||||
color: #000;
|
||||
background-color: #ffc000;
|
||||
}
|
||||
20
style/style-ie9.css
Normal file
20
style/style-ie9.css
Normal file
@ -0,0 +1,20 @@
|
||||
/*
|
||||
Iridium: A responsive HTML5 website template by HTML5Templates.com
|
||||
Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
|
||||
Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
|
||||
*/
|
||||
|
||||
#header nav a {
|
||||
}
|
||||
|
||||
.button {
|
||||
background-image: url('images/button.svg');
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-image: url('images/button-hover.svg');
|
||||
}
|
||||
|
||||
.button:active {
|
||||
background-image: url('images/button-active.svg');
|
||||
}
|
||||
132
style/style-mobile.css
Normal file
132
style/style-mobile.css
Normal file
@ -0,0 +1,132 @@
|
||||
/*
|
||||
Iridium: A responsive HTML5 website template by HTML5Templates.com
|
||||
Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
|
||||
Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
|
||||
*/
|
||||
|
||||
/*********************************************************************************/
|
||||
/* Mobile (<= 480px) */
|
||||
/*********************************************************************************/
|
||||
|
||||
body, input, textarea, select {
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* MobileUI */
|
||||
|
||||
#mobileUI-site-titlebar {
|
||||
background: #FFFFFF url(images/divider1-bg.png) repeat-x left bottom;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#mobileUI-site-title {
|
||||
margin-top: -4px;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav-opener {
|
||||
color: #fff;
|
||||
background: #000000 url(images/marketing-bg.png);
|
||||
text-shadow: -2px -2px 1px rgba(0,0,0,1);
|
||||
width: 40px;
|
||||
height: 24px;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
line-height: 19px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav-opener:active {
|
||||
}
|
||||
|
||||
#mobileUI-site-nav {
|
||||
background: #000000 url(images/marketing-bg.png) repeat;
|
||||
text-shadow: -1px -1px 1px rgba(0,0,0,1);
|
||||
}
|
||||
|
||||
#mobileUI-site-nav nav {
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav nav a {
|
||||
margin-bottom: 1px;
|
||||
padding : 0.5em 1.5em 0.5em 1.5em;
|
||||
background: url(images/link-style1-divider.png) repeat-x left top;
|
||||
line-height: 2em;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-size: 1.05em;
|
||||
font-weight: 200;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav nav a:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
#mobileUI-site-nav nav a:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
overflow: hidden;
|
||||
padding: 50px 20px;
|
||||
background: url(images/copyright-bg.png) repeat;
|
||||
}
|
||||
|
||||
#copyright p {
|
||||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner-wrapper {
|
||||
padding: 30px 20px 0px 20px;
|
||||
}
|
||||
|
||||
#main-content {
|
||||
padding: 20px 20px 50px 20px;
|
||||
}
|
||||
|
||||
#main-content h2 {
|
||||
padding: 35px 0px 0px 0px;
|
||||
}
|
||||
|
||||
#marketing-wrapper {
|
||||
padding: 20px 20px 50px 20px;
|
||||
}
|
||||
|
||||
#marketing-wrapper h2 {
|
||||
padding: 35px 0px 0px 0px;
|
||||
font-weight: 300;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#footer-wrapper {
|
||||
padding: 20px 20px 50px 20px;
|
||||
}
|
||||
|
||||
|
||||
#footer-wrapper h2 {
|
||||
padding: 35px 0px 0px 0px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
288
style/style.css
Normal file
288
style/style.css
Normal file
@ -0,0 +1,288 @@
|
||||
/*
|
||||
Iridium: A responsive HTML5 website template by HTML5Templates.com
|
||||
Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
|
||||
Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
|
||||
*/
|
||||
|
||||
/*********************************************************************************/
|
||||
/* Global */
|
||||
/*********************************************************************************/
|
||||
|
||||
/* Basic */
|
||||
|
||||
body {
|
||||
background: #FFFFFF;
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-size: 13.5pt;
|
||||
line-height: 1.75em;
|
||||
color: #4c4c4c;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Lobster Two', cursive;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
h2, h3, h4 {
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-weight: 300;
|
||||
color: #1d1d1d;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
font-size: 2em;
|
||||
letter-spacing: -1px;
|
||||
margin: 0 0 0.75em 0;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 700;
|
||||
color: #1d1d1d;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #478903;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
/* Reusable Buttons */
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
outline: 0;
|
||||
white-space: nowrap;
|
||||
padding: 2px 20px;
|
||||
background: #A4C1DD;
|
||||
box-shadow: inset 0px 0px 0px 1px #192364, 0px 2px 3px 0px rgba(0,0,0,0.25);
|
||||
border: solid 1px #102D5F;
|
||||
border-radius: 6px;
|
||||
background-image: -moz-linear-gradient(top, #A4C1DD, #1D57A0);
|
||||
background-image: -webkit-linear-gradient(top, #A4C1DD, #1D57A0);
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A4C1DD), to(#1D57A0));
|
||||
background-image: -ms-linear-gradient(top, #A4C1DD, #1D57A0);
|
||||
background-image: -o-linear-gradient(top, #A4C1DD, #1D57A0);
|
||||
background-image: linear-gradient(top, #A4C1DD, #1D57A0);
|
||||
text-decoration: none;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
|
||||
font-size: 12pt;
|
||||
color: #FFFFFF;
|
||||
height:30px;
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-size: 13.5pt;
|
||||
}
|
||||
.button-delete {
|
||||
display: inline-block;
|
||||
outline: 0;
|
||||
white-space: nowrap;
|
||||
padding: 2px 20px;
|
||||
background: #A4C1DD;
|
||||
box-shadow: inset 0px 0px 0px 1px #000, 0px 2px 3px 0px
|
||||
rgba(0, 0, 0, 0.25);
|
||||
border: solid 1px #102D5F;
|
||||
border-radius: 6px;
|
||||
background-image: -moz-linear-gradient(top, #B6535B, #4B383A);
|
||||
background-image: -webkit-linear-gradient(top, #B6535B, #4B383A);
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B6535B),
|
||||
to(#4B383A));
|
||||
background-image: -ms-linear-gradient(top, #B6535B, #4B383A);
|
||||
background-image: -o-linear-gradient(top, #B6535B, #4B383A);
|
||||
background-image: linear-gradient(top, #B6535B, #4B383A);
|
||||
text-decoration: none;
|
||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
|
||||
font-size: 12pt;
|
||||
color: #FFFFFF;
|
||||
height: 30px;
|
||||
font-family: 'Yanone Kaffeesatz';
|
||||
font-size: 13.5pt;
|
||||
}
|
||||
|
||||
/* Button mouseover Activity */
|
||||
.mouseover {
|
||||
background: #E55234;
|
||||
box-shadow: inset 0px 0px 0px 1px #F5AC97, 0px 2px 3px 0px rgba(0,0,0,0.25);
|
||||
border: solid 1px #B72204;
|
||||
border-radius: 6px;
|
||||
background-image: -moz-linear-gradient(top, #B41D08, #EB6541);
|
||||
background-image: -webkit-linear-gradient(top, #B41D08, #EB6541);
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B41D08), to(#EB6541));
|
||||
background-image: -ms-linear-gradient(top, #B41D08, #EB6541);
|
||||
background-image: -o-linear-gradient(top, #B41D08, #EB6541);
|
||||
background-image: linear-gradient(top, #B41D08, #EB6541);
|
||||
}
|
||||
|
||||
/* Wrappers */
|
||||
|
||||
#wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#main-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#main-content {
|
||||
overflow: hidden;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
#header-wrapper {
|
||||
position: relative;
|
||||
background: url(images/divider1-bg.png) repeat-x left bottom;
|
||||
}
|
||||
|
||||
#footer-wrapper {
|
||||
overflow: hidden;
|
||||
padding: 50px 0px;
|
||||
background: url(images/banner-wrapper-bg.png) repeat;
|
||||
}
|
||||
|
||||
#footer-wrapper a img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#marketing-wrapper {
|
||||
overflow: hidden;
|
||||
padding: 50px 0px;
|
||||
background: url(images/marketing-bg.png) repeat;
|
||||
}
|
||||
|
||||
.divider1 {
|
||||
overflow: hidden;
|
||||
height: 10px;
|
||||
background: url(images/divider1-bg.png) repeat-x left top;
|
||||
}
|
||||
|
||||
.divider2 {
|
||||
overflow: hidden;
|
||||
height: 11px;
|
||||
background: url(images/divider2-bg.png) repeat-x left top;
|
||||
}
|
||||
|
||||
.divider3 {
|
||||
overflow: hidden;
|
||||
height: 5px;
|
||||
background: url(images/divider3-bg.png) repeat-x left top;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
overflow: hidden;
|
||||
padding: 10px 0px;
|
||||
background: url(images/copyright-bg.png) repeat;
|
||||
}
|
||||
|
||||
#copyright,#copyright-text {
|
||||
letter-spacing:2px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
color: #E2CECE;
|
||||
}
|
||||
|
||||
|
||||
/* List style */
|
||||
|
||||
.list-style1 {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.list-style1 li {
|
||||
padding: 7px 0px 7px 0px;
|
||||
background: url(images/link-style1-divider.png) repeat-x left top;
|
||||
}
|
||||
|
||||
.list-style1 .first {
|
||||
padding-top: 0px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.list-style1 a {
|
||||
text-decoration: none;
|
||||
color: #585858;
|
||||
}
|
||||
|
||||
.list-style1 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#marketing-wrapper h2 {
|
||||
padding: 0px 0px 15px 0px;
|
||||
font-weight: 300;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#marketing-wrapper a img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner-wrapper {
|
||||
overflow: hidden;
|
||||
padding: 30px 0px 10px 0px;
|
||||
background: url(images/banner-wrapper-bg.png) repeat;
|
||||
}
|
||||
|
||||
#banner {
|
||||
overflow: hidden;
|
||||
padding: 10px 10px 10px 10px;
|
||||
background-color: #FAFAFA;
|
||||
border: 1px solid #E1E1E1;
|
||||
}
|
||||
#banner a img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.shadow a img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
/* List style */
|
||||
|
||||
.list-style2 {
|
||||
}
|
||||
|
||||
.list-style2 li {
|
||||
padding: 20px 0px 20px 0px;
|
||||
border-top: 1px dashed #ECECEC;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.list-style2 img {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.list-style2 p {
|
||||
}
|
||||
|
||||
.list-style2 .posted {
|
||||
padding: 0px 0px 0px 0px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
font-size: 8pt;
|
||||
color: #A2A2A2;
|
||||
}
|
||||
|
||||
.list-style2 .first {
|
||||
padding-top: 0px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
74
style/tab.css
Normal file
74
style/tab.css
Normal file
@ -0,0 +1,74 @@
|
||||
.demo_wrapper {
|
||||
-webkit-right-radius: 9px;
|
||||
-moz-border-radius: 9px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
.skin7.top .tabs_header {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
.skin7.top .tab_header_item {
|
||||
float: left;
|
||||
margin: 0px;
|
||||
}
|
||||
.skin7.top .tab_content {
|
||||
clear: left;
|
||||
display: none;
|
||||
padding: 5px 30px;
|
||||
}
|
||||
|
||||
/* skin */
|
||||
|
||||
.skin7.top.tabs_wrapper {
|
||||
/* border: 1px solid #ccc; */
|
||||
}
|
||||
|
||||
.skin7.top .tabs_header {
|
||||
overflow: hidden;
|
||||
padding-top: 0px;
|
||||
padding-left: 20px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
.skin7.top .tab_header_item {
|
||||
background: url(/img/tabs_header_top.png) repeat-x;
|
||||
margin-right: 2px;
|
||||
-webkit-border-top-right-radius: 9px;
|
||||
-webkit-border-top-left-radius: 9px;
|
||||
-moz-border-radius-topright: 9px;
|
||||
-moz-border-radius-topleft: 9px;
|
||||
border-top-right-radius: 9px;
|
||||
border-top-left-radius: 9px;
|
||||
border: 1px solid #ddd;
|
||||
height: 30px;
|
||||
}
|
||||
.skin7.top .tab_header_item.tab_selected {
|
||||
background: #fff;
|
||||
border-bottom: none;
|
||||
height: 31px;
|
||||
}
|
||||
.skin7.top .tab_header_item.tab_selected a {
|
||||
color: #cd0000;
|
||||
}
|
||||
.skin7.top .tab_header_item.first_tab {
|
||||
border-left: 1px solid #ccc;
|
||||
}
|
||||
.skin7.top .tab_header_item a {
|
||||
padding: 0px 20px;
|
||||
font: bold 12px Arial, Helvetica, sans-serif;
|
||||
line-height: 30px;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
}
|
||||
.skin7.top .content_holder {
|
||||
font: 12px/24px Arial, Helvetica, sans-serif;
|
||||
color: #777;
|
||||
padding: 5px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user