initial commit of SVN release repo
This commit is contained in:
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;
|
||||
}
|
Reference in New Issue
Block a user