mirror of
https://github.com/friendica/friendica
synced 2024-10-07 05:21:55 +02:00
Merge https://github.com/friendica/friendica into pull
This commit is contained in:
commit
ee5ed6b963
|
@ -158,6 +158,8 @@ class HTML5_TreeBuilder {
|
|||
|
||||
if ($this->ignore_lf_token) $this->ignore_lf_token--;
|
||||
$this->ignored = false;
|
||||
|
||||
$token['name'] = str_replace(':', '-', $token['name']);
|
||||
// indenting is a little wonky, this can be changed later on
|
||||
switch ($mode) {
|
||||
|
||||
|
@ -1429,7 +1431,7 @@ class HTML5_TreeBuilder {
|
|||
case 'tbody': case 'td': case 'tfoot': case 'th': case 'thead': case 'tr':
|
||||
// parse error
|
||||
break;
|
||||
|
||||
|
||||
/* A start tag token not covered by the previous entries */
|
||||
default:
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
|
@ -3038,7 +3040,7 @@ class HTML5_TreeBuilder {
|
|||
|
||||
private function insertElement($token, $append = true) {
|
||||
$el = $this->dom->createElementNS(self::NS_HTML, $token['name']);
|
||||
|
||||
|
||||
if (!empty($token['attr'])) {
|
||||
foreach($token['attr'] as $attr) {
|
||||
|
||||
|
|
|
@ -373,8 +373,8 @@ function item_post(&$a) {
|
|||
|
||||
$match = null;
|
||||
|
||||
if((! $preview) && preg_match_all("/\[img\](.*?)\[\/img\]/",$body,$match)) {
|
||||
$images = $match[1];
|
||||
if((! $preview) && preg_match_all("/\[img([\=0-9x]*?)\](.*?)\[\/img\]/",$body,$match)) {
|
||||
$images = $match[2];
|
||||
if(count($images)) {
|
||||
foreach($images as $image) {
|
||||
if(! stristr($image,$a->get_baseurl() . '/photo/'))
|
||||
|
|
File diff suppressed because it is too large
Load diff
|
@ -706,6 +706,7 @@ $a->strings["Shift-reload the page or clear browser cache if the new photo does
|
|||
$a->strings["Unable to process image"] = "Bild konnte nicht verarbeitet werden";
|
||||
$a->strings["Image exceeds size limit of %d"] = "Bildgröße überschreitet das Limit von %d";
|
||||
$a->strings["Upload File:"] = "Datei hochladen:";
|
||||
$a->strings["Select a profile:"] = "Profil auswählen";
|
||||
$a->strings["Upload"] = "Hochladen";
|
||||
$a->strings["skip this step"] = "diesen Schritt überspringen";
|
||||
$a->strings["select a photo from your photo albums"] = "wähle ein Foto von deinen Fotoalben";
|
||||
|
@ -1115,6 +1116,11 @@ $a->strings["Cache Statistics"] = "Cache Statistik";
|
|||
$a->strings["Number of items"] = "Anzahl der Einträge";
|
||||
$a->strings["Size of the cache"] = "Größe des Caches";
|
||||
$a->strings["Delete the whole cache"] = "Cache leeren";
|
||||
$a->strings["Facebook Post disabled"] = "";
|
||||
$a->strings["Facebook Post"] = "Beitrag auf Facebook";
|
||||
$a->strings["Install Facebook Post connector for this account."] = "Facebook-Connector für dieses Konto installieren.";
|
||||
$a->strings["Remove Facebook Post connector"] = "Facebook-Connector entfernen";
|
||||
$a->strings["Facebook Post Settings"] = "Facebook-Beitragseinstellungen";
|
||||
$a->strings["%d person likes this"] = array(
|
||||
0 => "%d Person mag das",
|
||||
1 => "%d Leute mögen das",
|
||||
|
@ -1134,11 +1140,10 @@ $a->strings["shag"] = "poppen";
|
|||
$a->strings["shagged"] = "poppte";
|
||||
$a->strings["do something obscenely biological to"] = "mit ihm/ihr etwas obszönes Körperliches machen";
|
||||
$a->strings["did something obscenely biological to"] = "machte etwas obszönes Körperliches mit";
|
||||
$a->strings["point out the new poke feature to"] = "die neue Anstups-Funktion zeigen";
|
||||
$a->strings["pointed out the new poke feature to"] = "zeigte die neue Anstups-Funktion";
|
||||
$a->strings["point out the poke feature to"] = "zeigte die neue Anstups-Funktion";
|
||||
$a->strings["pointed out the poke feature to"] = "zeigte die neue Anstups-Funktion";
|
||||
$a->strings["declare undying love for"] = "unterbliche Liebe verkünden";
|
||||
$a->strings["declared undying love for"] = "verkündete unsterbliche Liebe für";
|
||||
$a->strings["set fire to"] = "entflammt";
|
||||
$a->strings["patent"] = "patentieren";
|
||||
$a->strings["patented"] = "patentierte";
|
||||
$a->strings["stroke beard"] = "sich den Bart kratzen";
|
||||
|
@ -1465,6 +1470,19 @@ $a->strings["Enable InsaneJournal Post Plugin"] = "InsaneJournal Plugin aktivier
|
|||
$a->strings["InsaneJournal username"] = "InsaneJournal Benutzername";
|
||||
$a->strings["InsaneJournal password"] = "InsaneJournal Passwort";
|
||||
$a->strings["Post to InsaneJournal by default"] = "Standardmäßig auf InsaneJournal posten.";
|
||||
$a->strings["Jappix Mini addon settings"] = "Jappix Mini Addon Einstellungen";
|
||||
$a->strings["Activate addon"] = "Addon aktivieren";
|
||||
$a->strings["Do <em>not</em> insert the Jappixmini Chat-Widget into the webinterface"] = "Füge das Jappix Mini Chat Widget <em>nicht</em> zum Webinterface hinzu";
|
||||
$a->strings["Jabber username"] = "Jabber Nutzername";
|
||||
$a->strings["Jabber server"] = "Jabber Server";
|
||||
$a->strings["Jabber BOSH host"] = "Jabber BOSH Host";
|
||||
$a->strings["Jabber password"] = "Japper Passwort";
|
||||
$a->strings["Encrypt Jabber password with Friendica password (recommended)"] = "Verschlüssele das Jabber Passwort mit dem Friendica Passwort (empfohlen)";
|
||||
$a->strings["Friendica password"] = "Friendica Passwort";
|
||||
$a->strings["Approve subscription requests from Friendica contacts automatically"] = "Kontaktanfragen von Friendica Kontakten automatisch akzeptieren";
|
||||
$a->strings["Subscribe to Friendica contacts automatically"] = "Automatisch Friendica Kontakten bei Jabber folgen";
|
||||
$a->strings["Purge internal list of jabber addresses of contacts"] = "Lösche die interne Liste der Jabber Adressen der Kontakte";
|
||||
$a->strings["Add contact"] = "Kontakt hinzufügen";
|
||||
$a->strings["View Source"] = "Quelle ansehen";
|
||||
$a->strings["Post to StatusNet"] = "Bei StatusNet veröffentlichen";
|
||||
$a->strings["Please contact your site administrator.<br />The provided API URL is not valid."] = "Bitte kontaktiere den Administrator des Servers.<br />Die angegebene API-URL ist nicht gültig.";
|
||||
|
|
|
@ -44,6 +44,7 @@ function theme_admin_post(&$a){
|
|||
function quattro_form(&$a, $align, $color){
|
||||
$colors = array(
|
||||
"dark"=>"Quattro",
|
||||
"lilac"=>"Lilac",
|
||||
"green"=>"Green"
|
||||
);
|
||||
|
||||
|
|
|
@ -735,6 +735,22 @@ aside #profile-extra-links li {
|
|||
margin: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
aside #wallmessage-link {
|
||||
display: block;
|
||||
-moz-border-radius: 5px 5px 5px 5px;
|
||||
-webkit-border-radius: 5px 5px 5px 5px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
color: #ffffff;
|
||||
background: #005c94 url('../../../images/connect-bg.png') no-repeat left center;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
padding: 4px 2px 2px 35px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
aside #wallmessage-link:hover {
|
||||
text-decoration: none;
|
||||
background-color: #19aeff;
|
||||
}
|
||||
aside #dfrn-request-link {
|
||||
display: block;
|
||||
-moz-border-radius: 5px 5px 5px 5px;
|
||||
|
@ -1140,6 +1156,9 @@ section {
|
|||
opacity: 0.5;
|
||||
}
|
||||
.wwto {
|
||||
position: absolute !important;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #FFFFFF;
|
||||
border: 2px solid #364e59;
|
||||
height: 25px;
|
||||
|
|
|
@ -735,6 +735,22 @@ aside #profile-extra-links li {
|
|||
margin: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
aside #wallmessage-link {
|
||||
display: block;
|
||||
-moz-border-radius: 5px 5px 5px 5px;
|
||||
-webkit-border-radius: 5px 5px 5px 5px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
color: #ffffff;
|
||||
background: #009100 url('../../../images/connect-bg.png') no-repeat left center;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
padding: 4px 2px 2px 35px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
aside #wallmessage-link:hover {
|
||||
text-decoration: none;
|
||||
background-color: #ccff42;
|
||||
}
|
||||
aside #dfrn-request-link {
|
||||
display: block;
|
||||
-moz-border-radius: 5px 5px 5px 5px;
|
||||
|
@ -1140,6 +1156,9 @@ section {
|
|||
opacity: 0.5;
|
||||
}
|
||||
.wwto {
|
||||
position: absolute !important;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #FFFFFF;
|
||||
border: 2px solid #364e59;
|
||||
height: 25px;
|
||||
|
|
4
view/theme/quattro/lilac/Makefile
Normal file
4
view/theme/quattro/lilac/Makefile
Normal file
|
@ -0,0 +1,4 @@
|
|||
##
|
||||
|
||||
style.css : style.less colors.less ../icons.less ../quattro.less
|
||||
lessc style.less > style.css
|
117
view/theme/quattro/lilac/colors.less
Normal file
117
view/theme/quattro/lilac/colors.less
Normal file
|
@ -0,0 +1,117 @@
|
|||
// Quattro Theme LESS file
|
||||
|
||||
// "Echo" palette from Inkscape
|
||||
@Yellow1 : #fce94f;
|
||||
@Blue1:rgb(25,174,255);
|
||||
@Blue2:rgb(0,132,200);
|
||||
@Blue3:rgb(0,92,148);
|
||||
@Red1:rgb(255,65,65);
|
||||
@Red2:rgb(220,0,0);
|
||||
@Red3:rgb(181,0,0);
|
||||
@Orange1:rgb(255,255,62);
|
||||
@Orange2:rgb(255,153,0);
|
||||
@Orange3:rgb(255,102,0);
|
||||
@Brown1:rgb(255,192,34);
|
||||
@Brown2:rgb(184,129,0);
|
||||
@Brown3:rgb(128,77,0);
|
||||
@Green1:rgb(204,255,66);
|
||||
@Green2:rgb(154,222,0);
|
||||
@Green3:rgb(0,145,0);
|
||||
@Green4:rgb(221,255,221);
|
||||
@Purple1:rgb(241,202,255);
|
||||
@Purple2:rgb(215,108,255);
|
||||
@Purple3:rgb(186,0,255);
|
||||
@Metalic1:rgb(189,205,212);
|
||||
@Metalic2:rgb(158,171,176);
|
||||
@Metalic3:rgb(54,78,89);
|
||||
@Metalic4:rgb(14,35,46);
|
||||
@Grey1:rgb(255,255,255);
|
||||
@Grey2:rgb(204,204,204);
|
||||
@Grey3:rgb(153,153,153);
|
||||
@Grey4:rgb(102,102,102);
|
||||
@Grey5:rgb(45,45,45);
|
||||
@lilac: #86608e;
|
||||
@lilacComp: #cbd38d;
|
||||
@lilacDark: #521f5c;
|
||||
@lilacBright:#c0a3c7;
|
||||
@lilacVBright:#F6ECF9;
|
||||
|
||||
|
||||
// Theme colors
|
||||
@BodyBackground: @lilacVBright;
|
||||
@BodyColor: @Grey5;
|
||||
|
||||
@Link: @lilacDark;
|
||||
@LinkHover: @lilac;
|
||||
@LinkVisited: @lilac;
|
||||
|
||||
|
||||
@ButtonColor: @Grey1;
|
||||
@ButtonBackgroundColor: @Grey5;
|
||||
|
||||
@Banner: @Grey1;
|
||||
|
||||
@NavbarBackground:@lilacDark;
|
||||
@NavbarSelectedBg:@lilacComp;
|
||||
@NavbarSelectedBorder: @Metalic2;
|
||||
@NavbarNotifBg: @lilac;
|
||||
|
||||
@Menu: @Grey5;
|
||||
@MenuBg: @Grey1;
|
||||
@MenuBorder: @Metalic3;
|
||||
@MenuItem: @Grey5;
|
||||
@MenuItemHoverBg: @lilacBright;
|
||||
@MenuItemSeparator: @Metalic2;
|
||||
@MenuEmpty: @Metalic2;
|
||||
@MenuItemDetail: @Metalic2;
|
||||
|
||||
@AsideBorder: @Metalic1;
|
||||
@AsideConnect: @Grey1;
|
||||
@AsideConnectBg: @lilacDark;
|
||||
@AsideConnectHoverBg: @lilac;
|
||||
@VCardLabelColor: @Grey3;
|
||||
|
||||
@InfoColor: @Grey1;
|
||||
@InfoBackgroundColor: @Metalic3;
|
||||
|
||||
@NoticeColor: @Grey1;
|
||||
@NoticeBackgroundColor: #511919;
|
||||
|
||||
@FieldHelpColor: @Grey3;
|
||||
|
||||
@ThreadBackgroundColor: #eff0f1;
|
||||
@ThreadBottomBorderColor: @Grey2;
|
||||
@ShinyBorderColor: @lilacBright;
|
||||
|
||||
@BlockquoteBackgroundColor: #FFFFFF;
|
||||
@BlockquoteBorderColor: #e6e6e6;
|
||||
|
||||
@CommentBoxEmptyColor: @Grey3;
|
||||
@CommentBoxEmptyBorderColor: @Grey3;
|
||||
@CommentBoxFullColor: @Grey5;
|
||||
@CommentBoxFullBorderColor: @Grey5;
|
||||
|
||||
@TagColor: @Grey1;
|
||||
|
||||
@JotToolsBackgroundColor: @lilacDark;
|
||||
@JotToolsBorderColor: @Metalic2;
|
||||
@JotToolsOverBackgroundColor: @lilac;
|
||||
@JotToolsOverBorderColor: @Metalic1;
|
||||
@JotToolsText: @Grey2;
|
||||
@JotSubmitBackgroundColor: @Grey2;
|
||||
@JotSubmitText: @Grey4;
|
||||
@JotSubmitOverBackgroundColor: @lilacDark;
|
||||
@JotSubmitOverText: @Grey4;
|
||||
@JotPermissionUnlockBackgroundColor: @Grey2;
|
||||
@JotPermissionLockBackgroundColor: @Grey4;
|
||||
@JotLoadingBackgroundColor: @Grey1;
|
||||
@JotPreviewBackgroundColor: @lilacBright;
|
||||
|
||||
@MessageNewBackgroundColor: @Blue1;
|
||||
@MessageNewBorderColor: @Blue3;
|
||||
@MessageNewColor: @Grey1;
|
||||
|
||||
@MailListBackgroundColor: #f6f7f8;
|
||||
|
||||
@MailDisplaySubjectColor: @Grey5;
|
||||
@MailDisplaySubjectBackgroundColor: #f6f7f8;
|
2149
view/theme/quattro/lilac/style.css
Normal file
2149
view/theme/quattro/lilac/style.css
Normal file
File diff suppressed because it is too large
Load diff
14
view/theme/quattro/lilac/style.less
Normal file
14
view/theme/quattro/lilac/style.less
Normal file
|
@ -0,0 +1,14 @@
|
|||
/**
|
||||
* Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
|
||||
**/
|
||||
// Less file http://lesscss.org/
|
||||
// compile with lessc
|
||||
// $ lessc style.less > style.css
|
||||
|
||||
@import "colors";
|
||||
@import "../icons";
|
||||
@import "../quattro";
|
||||
|
||||
|
||||
|
||||
|
|
@ -56,6 +56,9 @@
|
|||
{{ if $connect }}
|
||||
<li><a id="dfrn-request-link" href="dfrn_request/$profile.nickname">$connect</a></li>
|
||||
{{ endif }}
|
||||
{{ if $wallmessage }}
|
||||
<li><a id="wallmessage-link" href="wallmessage/$profile.nickname">$wallmessage</a></li>
|
||||
{{ endif }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -314,6 +314,18 @@ aside {
|
|||
li { padding: 0px; margin: 0px; list-style: none; }
|
||||
}
|
||||
|
||||
#wallmessage-link {
|
||||
display: block;
|
||||
.rounded();
|
||||
color: @AsideConnect;
|
||||
background: @AsideConnectBg url('../../../images/connect-bg.png') no-repeat left center;
|
||||
font-weight: bold;
|
||||
text-transform:uppercase;
|
||||
padding: 4px 2px 2px 35px;
|
||||
margin-top: 3px;
|
||||
|
||||
&:hover { text-decoration: none; background-color: @AsideConnectHoverBg; }
|
||||
}
|
||||
#dfrn-request-link {
|
||||
display: block;
|
||||
.rounded();
|
||||
|
|
59
view/theme/smoothly/bottom.tpl
Normal file
59
view/theme/smoothly/bottom.tpl
Normal file
|
@ -0,0 +1,59 @@
|
|||
<script type="text/javascript" src="$baseurl/view/theme/smoothly/js/jquery.autogrow.textarea.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
});
|
||||
function tautogrow(id) {
|
||||
$("textarea#comment-edit-text-" + id).autogrow();
|
||||
};
|
||||
|
||||
function insertFormatting(comment, BBcode, id) {
|
||||
var tmpStr = $("#comment-edit-text-" + id).val();
|
||||
if(tmpStr == comment) {
|
||||
tmpStr = "";
|
||||
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
|
||||
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
|
||||
openMenu("comment-edit-submit-wrapper-" + id);
|
||||
}
|
||||
textarea = document.getElementById("comment-edit-text-" + id);
|
||||
if (document.selection) {
|
||||
textarea.focus();
|
||||
selected = document.selection.createRange();
|
||||
if (BBcode == "url") {
|
||||
selected.text = "["+BBcode+"]" + "http://" + selected.text + "[/"+BBcode+"]";
|
||||
} else {
|
||||
selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
|
||||
}
|
||||
} else if (textarea.selectionStart || textarea.selectionStart == "0") {
|
||||
var start = textarea.selectionStart;
|
||||
var end = textarea.selectionEnd;
|
||||
if (BBcode == "url") {
|
||||
textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]"
|
||||
+ "http://" + textarea.value.substring(start, end)
|
||||
+ "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
|
||||
} else {
|
||||
textarea.value = textarea.value.substring(0, start)
|
||||
+ "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]"
|
||||
+ textarea.value.substring(end, textarea.value.length);
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function cmtBbOpen(id) {
|
||||
$(".comment-edit-bb-" + id).show();
|
||||
}
|
||||
function cmtBbClose(id) {
|
||||
$(".comment-edit-bb-" + id).hide();
|
||||
}
|
||||
|
||||
var doctitle = document.title;
|
||||
function checkNotify() {
|
||||
if(document.getElementById("notify-update").innerHTML != "") {
|
||||
document.title = "("+document.getElementById("notify-update").innerHTML+") " + doctitle;
|
||||
} else {
|
||||
document.title = doctitle;
|
||||
};
|
||||
setInterval(function () {checkNotify();}, 10 * 1000);
|
||||
}
|
||||
</script>
|
BIN
view/theme/smoothly/down.png
Normal file
BIN
view/theme/smoothly/down.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 537 B |
46
view/theme/smoothly/js/jquery.autogrow.textarea.js
Normal file
46
view/theme/smoothly/js/jquery.autogrow.textarea.js
Normal file
|
@ -0,0 +1,46 @@
|
|||
(function($) {
|
||||
|
||||
/*
|
||||
* Auto-growing textareas; technique ripped from Facebook
|
||||
*/
|
||||
$.fn.autogrow = function(options) {
|
||||
|
||||
this.filter('textarea').each(function() {
|
||||
|
||||
var $this = $(this),
|
||||
minHeight = $this.height(),
|
||||
lineHeight = $this.css('lineHeight');
|
||||
|
||||
var shadow = $('<div></div>').css({
|
||||
position: 'absolute',
|
||||
top: -10000,
|
||||
left: -10000,
|
||||
width: $(this).width(),
|
||||
fontSize: $this.css('fontSize'),
|
||||
fontFamily: $this.css('fontFamily'),
|
||||
lineHeight: $this.css('lineHeight'),
|
||||
resize: 'none'
|
||||
}).appendTo(document.body);
|
||||
|
||||
var update = function() {
|
||||
|
||||
var val = this.value.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/&/g, '&')
|
||||
.replace(/\n/g, '<br/>');
|
||||
|
||||
shadow.html(val);
|
||||
$(this).css('height', Math.max(shadow.height() + 20, minHeight));
|
||||
}
|
||||
|
||||
$(this).change(update).keyup(update).keydown(update);
|
||||
|
||||
update.apply(this);
|
||||
|
||||
});
|
||||
|
||||
return this;
|
||||
|
||||
}
|
||||
|
||||
})(jQuery);
|
989
view/theme/smoothly/js/modernizr.custom.2.5.3.js
Normal file
989
view/theme/smoothly/js/modernizr.custom.2.5.3.js
Normal file
|
@ -0,0 +1,989 @@
|
|||
/* Modernizr 2.5.3 (Custom Build) | MIT & BSD
|
||||
* Build: http://www.modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-flexbox_legacy-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-printshiv-mq-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
|
||||
*/
|
||||
;
|
||||
|
||||
|
||||
|
||||
window.Modernizr = (function( window, document, undefined ) {
|
||||
|
||||
var version = '2.5.3',
|
||||
|
||||
Modernizr = {},
|
||||
|
||||
|
||||
docElement = document.documentElement,
|
||||
|
||||
mod = 'modernizr',
|
||||
modElem = document.createElement(mod),
|
||||
mStyle = modElem.style,
|
||||
|
||||
inputElem = document.createElement('input') ,
|
||||
|
||||
smile = ':)',
|
||||
|
||||
toString = {}.toString,
|
||||
|
||||
prefixes = ' -webkit- -moz- -o- -ms- '.split(' '),
|
||||
|
||||
|
||||
|
||||
omPrefixes = 'Webkit Moz O ms',
|
||||
|
||||
cssomPrefixes = omPrefixes.split(' '),
|
||||
|
||||
domPrefixes = omPrefixes.toLowerCase().split(' '),
|
||||
|
||||
ns = {'svg': 'http://www.w3.org/2000/svg'},
|
||||
|
||||
tests = {},
|
||||
inputs = {},
|
||||
attrs = {},
|
||||
|
||||
classes = [],
|
||||
|
||||
slice = classes.slice,
|
||||
|
||||
featureName,
|
||||
|
||||
|
||||
injectElementWithStyles = function( rule, callback, nodes, testnames ) {
|
||||
|
||||
var style, ret, node,
|
||||
div = document.createElement('div'),
|
||||
body = document.body,
|
||||
fakeBody = body ? body : document.createElement('body');
|
||||
|
||||
if ( parseInt(nodes, 10) ) {
|
||||
while ( nodes-- ) {
|
||||
node = document.createElement('div');
|
||||
node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
|
||||
div.appendChild(node);
|
||||
}
|
||||
}
|
||||
|
||||
style = ['­','<style>', rule, '</style>'].join('');
|
||||
div.id = mod;
|
||||
(body ? div : fakeBody).innerHTML += style;
|
||||
fakeBody.appendChild(div);
|
||||
if(!body){
|
||||
fakeBody.style.background = "";
|
||||
docElement.appendChild(fakeBody);
|
||||
}
|
||||
|
||||
ret = callback(div, rule);
|
||||
!body ? fakeBody.parentNode.removeChild(fakeBody) : div.parentNode.removeChild(div);
|
||||
|
||||
return !!ret;
|
||||
|
||||
},
|
||||
|
||||
testMediaQuery = function( mq ) {
|
||||
|
||||
var matchMedia = window.matchMedia || window.msMatchMedia;
|
||||
if ( matchMedia ) {
|
||||
return matchMedia(mq).matches;
|
||||
}
|
||||
|
||||
var bool;
|
||||
|
||||
injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) {
|
||||
bool = (window.getComputedStyle ?
|
||||
getComputedStyle(node, null) :
|
||||
node.currentStyle)['position'] == 'absolute';
|
||||
});
|
||||
|
||||
return bool;
|
||||
|
||||
},
|
||||
|
||||
|
||||
isEventSupported = (function() {
|
||||
|
||||
var TAGNAMES = {
|
||||
'select': 'input', 'change': 'input',
|
||||
'submit': 'form', 'reset': 'form',
|
||||
'error': 'img', 'load': 'img', 'abort': 'img'
|
||||
};
|
||||
|
||||
function isEventSupported( eventName, element ) {
|
||||
|
||||
element = element || document.createElement(TAGNAMES[eventName] || 'div');
|
||||
eventName = 'on' + eventName;
|
||||
|
||||
var isSupported = eventName in element;
|
||||
|
||||
if ( !isSupported ) {
|
||||
if ( !element.setAttribute ) {
|
||||
element = document.createElement('div');
|
||||
}
|
||||
if ( element.setAttribute && element.removeAttribute ) {
|
||||
element.setAttribute(eventName, '');
|
||||
isSupported = is(element[eventName], 'function');
|
||||
|
||||
if ( !is(element[eventName], 'undefined') ) {
|
||||
element[eventName] = undefined;
|
||||
}
|
||||
element.removeAttribute(eventName);
|
||||
}
|
||||
}
|
||||
|
||||
element = null;
|
||||
return isSupported;
|
||||
}
|
||||
return isEventSupported;
|
||||
})(),
|
||||
|
||||
|
||||
_hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty;
|
||||
|
||||
if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) {
|
||||
hasOwnProperty = function (object, property) {
|
||||
return _hasOwnProperty.call(object, property);
|
||||
};
|
||||
}
|
||||
else {
|
||||
hasOwnProperty = function (object, property) {
|
||||
return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
if (!Function.prototype.bind) {
|
||||
Function.prototype.bind = function bind(that) {
|
||||
|
||||
var target = this;
|
||||
|
||||
if (typeof target != "function") {
|
||||
throw new TypeError();
|
||||
}
|
||||
|
||||
var args = slice.call(arguments, 1),
|
||||
bound = function () {
|
||||
|
||||
if (this instanceof bound) {
|
||||
|
||||
var F = function(){};
|
||||
F.prototype = target.prototype;
|
||||
var self = new F;
|
||||
|
||||
var result = target.apply(
|
||||
self,
|
||||
args.concat(slice.call(arguments))
|
||||
);
|
||||
if (Object(result) === result) {
|
||||
return result;
|
||||
}
|
||||
return self;
|
||||
|
||||
} else {
|
||||
|
||||
return target.apply(
|
||||
that,
|
||||
args.concat(slice.call(arguments))
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
return bound;
|
||||
};
|
||||
}
|
||||
|
||||
function setCss( str ) {
|
||||
mStyle.cssText = str;
|
||||
}
|
||||
|
||||
function setCssAll( str1, str2 ) {
|
||||
return setCss(prefixes.join(str1 + ';') + ( str2 || '' ));
|
||||
}
|
||||
|
||||
function is( obj, type ) {
|
||||
return typeof obj === type;
|
||||
}
|
||||
|
||||
function contains( str, substr ) {
|
||||
return !!~('' + str).indexOf(substr);
|
||||
}
|
||||
|
||||
function testProps( props, prefixed ) {
|
||||
for ( var i in props ) {
|
||||
if ( mStyle[ props[i] ] !== undefined ) {
|
||||
return prefixed == 'pfx' ? props[i] : true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function testDOMProps( props, obj, elem ) {
|
||||
for ( var i in props ) {
|
||||
var item = obj[props[i]];
|
||||
if ( item !== undefined) {
|
||||
|
||||
if (elem === false) return props[i];
|
||||
|
||||
if (is(item, 'function')){
|
||||
return item.bind(elem || obj);
|
||||
}
|
||||
|
||||
return item;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function testPropsAll( prop, prefixed, elem ) {
|
||||
|
||||
var ucProp = prop.charAt(0).toUpperCase() + prop.substr(1),
|
||||
props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
|
||||
|
||||
if(is(prefixed, "string") || is(prefixed, "undefined")) {
|
||||
return testProps(props, prefixed);
|
||||
|
||||
} else {
|
||||
props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
|
||||
return testDOMProps(props, prefixed, elem);
|
||||
}
|
||||
}
|
||||
|
||||
var testBundle = (function( styles, tests ) {
|
||||
var style = styles.join(''),
|
||||
len = tests.length;
|
||||
|
||||
injectElementWithStyles(style, function( node, rule ) {
|
||||
var style = document.styleSheets[document.styleSheets.length - 1],
|
||||
cssText = style ? (style.cssRules && style.cssRules[0] ? style.cssRules[0].cssText : style.cssText || '') : '',
|
||||
children = node.childNodes, hash = {};
|
||||
|
||||
while ( len-- ) {
|
||||
hash[children[len].id] = children[len];
|
||||
}
|
||||
|
||||
Modernizr['touch'] = ('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch || (hash['touch'] && hash['touch'].offsetTop) === 9;
|
||||
Modernizr['csstransforms3d'] = (hash['csstransforms3d'] && hash['csstransforms3d'].offsetLeft) === 9 && hash['csstransforms3d'].offsetHeight === 3; Modernizr['generatedcontent'] = (hash['generatedcontent'] && hash['generatedcontent'].offsetHeight) >= 1; Modernizr['fontface'] = /src/i.test(cssText) &&
|
||||
cssText.indexOf(rule.split(' ')[0]) === 0; }, len, tests);
|
||||
|
||||
})([
|
||||
'@font-face {font-family:"font";src:url("https://")}' ,['@media (',prefixes.join('touch-enabled),('),mod,')',
|
||||
'{#touch{top:9px;position:absolute}}'].join('') ,['@media (',prefixes.join('transform-3d),('),mod,')',
|
||||
'{#csstransforms3d{left:9px;position:absolute;height:3px;}}'].join('')
|
||||
|
||||
,['#generatedcontent:after{content:"',smile,'";visibility:hidden}'].join('')
|
||||
],
|
||||
[
|
||||
'fontface' ,'touch' ,'csstransforms3d'
|
||||
,'generatedcontent'
|
||||
|
||||
]); tests['flexbox'] = function() {
|
||||
return testPropsAll('flexOrder');
|
||||
};
|
||||
|
||||
|
||||
tests['flexbox-legacy'] = function() {
|
||||
return testPropsAll('boxDirection');
|
||||
};
|
||||
|
||||
|
||||
tests['canvas'] = function() {
|
||||
var elem = document.createElement('canvas');
|
||||
return !!(elem.getContext && elem.getContext('2d'));
|
||||
};
|
||||
|
||||
tests['canvastext'] = function() {
|
||||
return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function'));
|
||||
}; tests['touch'] = function() {
|
||||
return Modernizr['touch'];
|
||||
};
|
||||
|
||||
tests['geolocation'] = function() {
|
||||
return !!navigator.geolocation;
|
||||
};
|
||||
|
||||
tests['postmessage'] = function() {
|
||||
return !!window.postMessage;
|
||||
};
|
||||
|
||||
|
||||
tests['websqldatabase'] = function() {
|
||||
return !!window.openDatabase;
|
||||
};
|
||||
|
||||
tests['indexedDB'] = function() {
|
||||
return !!testPropsAll("indexedDB",window);
|
||||
};
|
||||
|
||||
tests['hashchange'] = function() {
|
||||
return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7);
|
||||
};
|
||||
|
||||
tests['history'] = function() {
|
||||
return !!(window.history && history.pushState);
|
||||
};
|
||||
|
||||
tests['draganddrop'] = function() {
|
||||
var div = document.createElement('div');
|
||||
return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
|
||||
};
|
||||
|
||||
tests['websockets'] = function() {
|
||||
for ( var i = -1, len = cssomPrefixes.length; ++i < len; ){
|
||||
if ( window[cssomPrefixes[i] + 'WebSocket'] ){
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return 'WebSocket' in window;
|
||||
};
|
||||
|
||||
|
||||
tests['rgba'] = function() {
|
||||
setCss('background-color:rgba(150,255,150,.5)');
|
||||
|
||||
return contains(mStyle.backgroundColor, 'rgba');
|
||||
};
|
||||
|
||||
tests['hsla'] = function() {
|
||||
setCss('background-color:hsla(120,40%,100%,.5)');
|
||||
|
||||
return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla');
|
||||
};
|
||||
|
||||
tests['multiplebgs'] = function() {
|
||||
setCss('background:url(https://),url(https://),red url(https://)');
|
||||
|
||||
return /(url\s*\(.*?){3}/.test(mStyle.background);
|
||||
};
|
||||
tests['backgroundsize'] = function() {
|
||||
return testPropsAll('backgroundSize');
|
||||
};
|
||||
|
||||
tests['borderimage'] = function() {
|
||||
return testPropsAll('borderImage');
|
||||
};
|
||||
|
||||
|
||||
|
||||
tests['borderradius'] = function() {
|
||||
return testPropsAll('borderRadius');
|
||||
};
|
||||
|
||||
tests['boxshadow'] = function() {
|
||||
return testPropsAll('boxShadow');
|
||||
};
|
||||
|
||||
tests['textshadow'] = function() {
|
||||
return document.createElement('div').style.textShadow === '';
|
||||
};
|
||||
|
||||
|
||||
tests['opacity'] = function() {
|
||||
setCssAll('opacity:.55');
|
||||
|
||||
return /^0.55$/.test(mStyle.opacity);
|
||||
};
|
||||
|
||||
|
||||
tests['cssanimations'] = function() {
|
||||
return testPropsAll('animationName');
|
||||
};
|
||||
|
||||
|
||||
tests['csscolumns'] = function() {
|
||||
return testPropsAll('columnCount');
|
||||
};
|
||||
|
||||
|
||||
tests['cssgradients'] = function() {
|
||||
var str1 = 'background-image:',
|
||||
str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));',
|
||||
str3 = 'linear-gradient(left top,#9f9, white);';
|
||||
|
||||
setCss(
|
||||
(str1 + '-webkit- '.split(' ').join(str2 + str1)
|
||||
+ prefixes.join(str3 + str1)).slice(0, -str1.length)
|
||||
);
|
||||
|
||||
return contains(mStyle.backgroundImage, 'gradient');
|
||||
};
|
||||
|
||||
|
||||
tests['cssreflections'] = function() {
|
||||
return testPropsAll('boxReflect');
|
||||
};
|
||||
|
||||
|
||||
tests['csstransforms'] = function() {
|
||||
return !!testPropsAll('transform');
|
||||
};
|
||||
|
||||
|
||||
tests['csstransforms3d'] = function() {
|
||||
|
||||
var ret = !!testPropsAll('perspective');
|
||||
|
||||
if ( ret && 'webkitPerspective' in docElement.style ) {
|
||||
|
||||
ret = Modernizr['csstransforms3d'];
|
||||
}
|
||||
return ret;
|
||||
};
|
||||
|
||||
|
||||
tests['csstransitions'] = function() {
|
||||
return testPropsAll('transition');
|
||||
};
|
||||
|
||||
|
||||
|
||||
tests['fontface'] = function() {
|
||||
return Modernizr['fontface'];
|
||||
};
|
||||
|
||||
tests['generatedcontent'] = function() {
|
||||
return Modernizr['generatedcontent'];
|
||||
};
|
||||
tests['video'] = function() {
|
||||
var elem = document.createElement('video'),
|
||||
bool = false;
|
||||
|
||||
try {
|
||||
if ( bool = !!elem.canPlayType ) {
|
||||
bool = new Boolean(bool);
|
||||
bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,'');
|
||||
|
||||
bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,'');
|
||||
|
||||
bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,'');
|
||||
}
|
||||
|
||||
} catch(e) { }
|
||||
|
||||
return bool;
|
||||
};
|
||||
|
||||
tests['audio'] = function() {
|
||||
var elem = document.createElement('audio'),
|
||||
bool = false;
|
||||
|
||||
try {
|
||||
if ( bool = !!elem.canPlayType ) {
|
||||
bool = new Boolean(bool);
|
||||
bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,'');
|
||||
bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,'');
|
||||
|
||||
bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,'');
|
||||
bool.m4a = ( elem.canPlayType('audio/x-m4a;') ||
|
||||
elem.canPlayType('audio/aac;')) .replace(/^no$/,'');
|
||||
}
|
||||
} catch(e) { }
|
||||
|
||||
return bool;
|
||||
};
|
||||
|
||||
|
||||
tests['localstorage'] = function() {
|
||||
try {
|
||||
localStorage.setItem(mod, mod);
|
||||
localStorage.removeItem(mod);
|
||||
return true;
|
||||
} catch(e) {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
tests['sessionstorage'] = function() {
|
||||
try {
|
||||
sessionStorage.setItem(mod, mod);
|
||||
sessionStorage.removeItem(mod);
|
||||
return true;
|
||||
} catch(e) {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
tests['webworkers'] = function() {
|
||||
return !!window.Worker;
|
||||
};
|
||||
|
||||
|
||||
tests['applicationcache'] = function() {
|
||||
return !!window.applicationCache;
|
||||
};
|
||||
|
||||
|
||||
tests['svg'] = function() {
|
||||
return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect;
|
||||
};
|
||||
|
||||
tests['inlinesvg'] = function() {
|
||||
var div = document.createElement('div');
|
||||
div.innerHTML = '<svg/>';
|
||||
return (div.firstChild && div.firstChild.namespaceURI) == ns.svg;
|
||||
};
|
||||
|
||||
tests['smil'] = function() {
|
||||
return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate')));
|
||||
};
|
||||
|
||||
|
||||
tests['svgclippaths'] = function() {
|
||||
return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath')));
|
||||
};
|
||||
|
||||
function webforms() {
|
||||
Modernizr['input'] = (function( props ) {
|
||||
for ( var i = 0, len = props.length; i < len; i++ ) {
|
||||
attrs[ props[i] ] = !!(props[i] in inputElem);
|
||||
}
|
||||
if (attrs.list){
|
||||
attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement);
|
||||
}
|
||||
return attrs;
|
||||
})('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' '));
|
||||
Modernizr['inputtypes'] = (function(props) {
|
||||
|
||||
for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) {
|
||||
|
||||
inputElem.setAttribute('type', inputElemType = props[i]);
|
||||
bool = inputElem.type !== 'text';
|
||||
|
||||
if ( bool ) {
|
||||
|
||||
inputElem.value = smile;
|
||||
inputElem.style.cssText = 'position:absolute;visibility:hidden;';
|
||||
|
||||
if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) {
|
||||
|
||||
docElement.appendChild(inputElem);
|
||||
defaultView = document.defaultView;
|
||||
|
||||
bool = defaultView.getComputedStyle &&
|
||||
defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' &&
|
||||
(inputElem.offsetHeight !== 0);
|
||||
|
||||
docElement.removeChild(inputElem);
|
||||
|
||||
} else if ( /^(search|tel)$/.test(inputElemType) ){
|
||||
} else if ( /^(url|email)$/.test(inputElemType) ) {
|
||||
bool = inputElem.checkValidity && inputElem.checkValidity() === false;
|
||||
|
||||
} else if ( /^color$/.test(inputElemType) ) {
|
||||
docElement.appendChild(inputElem);
|
||||
docElement.offsetWidth;
|
||||
bool = inputElem.value != smile;
|
||||
docElement.removeChild(inputElem);
|
||||
|
||||
} else {
|
||||
bool = inputElem.value != smile;
|
||||
}
|
||||
}
|
||||
|
||||
inputs[ props[i] ] = !!bool;
|
||||
}
|
||||
return inputs;
|
||||
})('search tel url email datetime date month week time datetime-local number range color'.split(' '));
|
||||
}
|
||||
for ( var feature in tests ) {
|
||||
if ( hasOwnProperty(tests, feature) ) {
|
||||
featureName = feature.toLowerCase();
|
||||
Modernizr[featureName] = tests[feature]();
|
||||
|
||||
classes.push((Modernizr[featureName] ? '' : 'no-') + featureName);
|
||||
}
|
||||
}
|
||||
|
||||
Modernizr.input || webforms(); setCss('');
|
||||
modElem = inputElem = null;
|
||||
|
||||
|
||||
Modernizr._version = version;
|
||||
|
||||
Modernizr._prefixes = prefixes;
|
||||
Modernizr._domPrefixes = domPrefixes;
|
||||
Modernizr._cssomPrefixes = cssomPrefixes;
|
||||
|
||||
Modernizr.mq = testMediaQuery;
|
||||
|
||||
Modernizr.hasEvent = isEventSupported;
|
||||
|
||||
Modernizr.testProp = function(prop){
|
||||
return testProps([prop]);
|
||||
};
|
||||
|
||||
Modernizr.testAllProps = testPropsAll;
|
||||
|
||||
|
||||
Modernizr.testStyles = injectElementWithStyles;
|
||||
return Modernizr;
|
||||
|
||||
})(this, this.document);
|
||||
/*! HTML5 Shiv v3.4 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */
|
||||
;(function(window, document) {
|
||||
|
||||
/** Preset options */
|
||||
var options = window.html5 || {};
|
||||
|
||||
/** Used to skip problem elements */
|
||||
var reSkip = /^<|^(?:button|form|map|select|textarea)$/i;
|
||||
|
||||
/** Detect whether the browser supports default html5 styles */
|
||||
var supportsHtml5Styles;
|
||||
|
||||
/** Detect whether the browser supports unknown elements */
|
||||
var supportsUnknownElements;
|
||||
|
||||
(function() {
|
||||
var a = document.createElement('a');
|
||||
|
||||
a.innerHTML = '<xyz></xyz>';
|
||||
|
||||
//if the hidden property is implemented we can assume, that the browser supports HTML5 Styles
|
||||
supportsHtml5Styles = ('hidden' in a);
|
||||
supportsUnknownElements = a.childNodes.length == 1 || (function() {
|
||||
// assign a false positive if unable to shiv
|
||||
try {
|
||||
(document.createElement)('a');
|
||||
} catch(e) {
|
||||
return true;
|
||||
}
|
||||
var frag = document.createDocumentFragment();
|
||||
return (
|
||||
typeof frag.cloneNode == 'undefined' ||
|
||||
typeof frag.createDocumentFragment == 'undefined' ||
|
||||
typeof frag.createElement == 'undefined'
|
||||
);
|
||||
}());
|
||||
|
||||
}());
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
/**
|
||||
* Creates a style sheet with the given CSS text and adds it to the document.
|
||||
* @private
|
||||
* @param {Document} ownerDocument The document.
|
||||
* @param {String} cssText The CSS text.
|
||||
* @returns {StyleSheet} The style element.
|
||||
*/
|
||||
function addStyleSheet(ownerDocument, cssText) {
|
||||
var p = ownerDocument.createElement('p'),
|
||||
parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
|
||||
|
||||
p.innerHTML = 'x<style>' + cssText + '</style>';
|
||||
return parent.insertBefore(p.lastChild, parent.firstChild);
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the value of `html5.elements` as an array.
|
||||
* @private
|
||||
* @returns {Array} An array of shived element node names.
|
||||
*/
|
||||
function getElements() {
|
||||
var elements = html5.elements;
|
||||
return typeof elements == 'string' ? elements.split(' ') : elements;
|
||||
}
|
||||
|
||||
/**
|
||||
* Shivs the `createElement` and `createDocumentFragment` methods of the document.
|
||||
* @private
|
||||
* @param {Document|DocumentFragment} ownerDocument The document.
|
||||
*/
|
||||
function shivMethods(ownerDocument) {
|
||||
var cache = {},
|
||||
docCreateElement = ownerDocument.createElement,
|
||||
docCreateFragment = ownerDocument.createDocumentFragment,
|
||||
frag = docCreateFragment();
|
||||
|
||||
ownerDocument.createElement = function(nodeName) {
|
||||
// Avoid adding some elements to fragments in IE < 9 because
|
||||
// * Attributes like `name` or `type` cannot be set/changed once an element
|
||||
// is inserted into a document/fragment
|
||||
// * Link elements with `src` attributes that are inaccessible, as with
|
||||
// a 403 response, will cause the tab/window to crash
|
||||
// * Script elements appended to fragments will execute when their `src`
|
||||
// or `text` property is set
|
||||
var node = (cache[nodeName] || (cache[nodeName] = docCreateElement(nodeName))).cloneNode();
|
||||
return html5.shivMethods && node.canHaveChildren && !reSkip.test(nodeName) ? frag.appendChild(node) : node;
|
||||
};
|
||||
|
||||
ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
|
||||
'var n=f.cloneNode(),c=n.createElement;' +
|
||||
'h.shivMethods&&(' +
|
||||
// unroll the `createElement` calls
|
||||
getElements().join().replace(/\w+/g, function(nodeName) {
|
||||
cache[nodeName] = docCreateElement(nodeName);
|
||||
frag.createElement(nodeName);
|
||||
return 'c("' + nodeName + '")';
|
||||
}) +
|
||||
');return n}'
|
||||
)(html5, frag);
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
/**
|
||||
* Shivs the given document.
|
||||
* @memberOf html5
|
||||
* @param {Document} ownerDocument The document to shiv.
|
||||
* @returns {Document} The shived document.
|
||||
*/
|
||||
function shivDocument(ownerDocument) {
|
||||
var shived;
|
||||
if (ownerDocument.documentShived) {
|
||||
return ownerDocument;
|
||||
}
|
||||
if (html5.shivCSS && !supportsHtml5Styles) {
|
||||
shived = !!addStyleSheet(ownerDocument,
|
||||
// corrects block display not defined in IE6/7/8/9
|
||||
'article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}' +
|
||||
// corrects audio display not defined in IE6/7/8/9
|
||||
'audio{display:none}' +
|
||||
// corrects canvas and video display not defined in IE6/7/8/9
|
||||
'canvas,video{display:inline-block;*display:inline;*zoom:1}' +
|
||||
// corrects 'hidden' attribute and audio[controls] display not present in IE7/8/9
|
||||
'[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}' +
|
||||
// adds styling not present in IE6/7/8/9
|
||||
'mark{background:#FF0;color:#000}'
|
||||
);
|
||||
}
|
||||
if (!supportsUnknownElements) {
|
||||
shived = !shivMethods(ownerDocument);
|
||||
}
|
||||
if (shived) {
|
||||
ownerDocument.documentShived = shived;
|
||||
}
|
||||
return ownerDocument;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
/**
|
||||
* The `html5` object is exposed so that more elements can be shived and
|
||||
* existing shiving can be detected on iframes.
|
||||
* @type Object
|
||||
* @example
|
||||
*
|
||||
* // options can be changed before the script is included
|
||||
* html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
|
||||
*/
|
||||
var html5 = {
|
||||
|
||||
/**
|
||||
* An array or space separated string of node names of the elements to shiv.
|
||||
* @memberOf html5
|
||||
* @type Array|String
|
||||
*/
|
||||
'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video',
|
||||
|
||||
/**
|
||||
* A flag to indicate that the HTML5 style sheet should be inserted.
|
||||
* @memberOf html5
|
||||
* @type Boolean
|
||||
*/
|
||||
'shivCSS': !(options.shivCSS === false),
|
||||
|
||||
/**
|
||||
* A flag to indicate that the document's `createElement` and `createDocumentFragment`
|
||||
* methods should be overwritten.
|
||||
* @memberOf html5
|
||||
* @type Boolean
|
||||
*/
|
||||
'shivMethods': !(options.shivMethods === false),
|
||||
|
||||
/**
|
||||
* A string to describe the type of `html5` object ("default" or "default print").
|
||||
* @memberOf html5
|
||||
* @type String
|
||||
*/
|
||||
'type': 'default',
|
||||
|
||||
// shivs the document according to the specified `html5` object options
|
||||
'shivDocument': shivDocument
|
||||
};
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
// expose html5
|
||||
window.html5 = html5;
|
||||
|
||||
// shiv the document
|
||||
shivDocument(document);
|
||||
|
||||
/*------------------------------- Print Shiv -------------------------------*/
|
||||
|
||||
/** Used to filter media types */
|
||||
var reMedia = /^$|\b(?:all|print)\b/;
|
||||
|
||||
/** Used to namespace printable elements */
|
||||
var shivNamespace = 'html5shiv';
|
||||
|
||||
/** Detect whether the browser supports shivable style sheets */
|
||||
var supportsShivableSheets = !supportsUnknownElements && (function() {
|
||||
// assign a false negative if unable to shiv
|
||||
var docEl = document.documentElement;
|
||||
return !(
|
||||
typeof document.namespaces == 'undefined' ||
|
||||
typeof document.parentWindow == 'undefined' ||
|
||||
typeof docEl.applyElement == 'undefined' ||
|
||||
typeof docEl.removeNode == 'undefined' ||
|
||||
typeof window.attachEvent == 'undefined'
|
||||
);
|
||||
}());
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
/**
|
||||
* Wraps all HTML5 elements in the given document with printable elements.
|
||||
* (eg. the "header" element is wrapped with the "html5shiv:header" element)
|
||||
* @private
|
||||
* @param {Document} ownerDocument The document.
|
||||
* @returns {Array} An array wrappers added.
|
||||
*/
|
||||
function addWrappers(ownerDocument) {
|
||||
var node,
|
||||
nodes = ownerDocument.getElementsByTagName('*'),
|
||||
index = nodes.length,
|
||||
reElements = RegExp('^(?:' + getElements().join('|') + ')$', 'i'),
|
||||
result = [];
|
||||
|
||||
while (index--) {
|
||||
node = nodes[index];
|
||||
if (reElements.test(node.nodeName)) {
|
||||
result.push(node.applyElement(createWrapper(node)));
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
/**
|
||||
* Creates a printable wrapper for the given element.
|
||||
* @private
|
||||
* @param {Element} element The element.
|
||||
* @returns {Element} The wrapper.
|
||||
*/
|
||||
function createWrapper(element) {
|
||||
var node,
|
||||
nodes = element.attributes,
|
||||
index = nodes.length,
|
||||
wrapper = element.ownerDocument.createElement(shivNamespace + ':' + element.nodeName);
|
||||
|
||||
// copy element attributes to the wrapper
|
||||
while (index--) {
|
||||
node = nodes[index];
|
||||
node.specified && wrapper.setAttribute(node.nodeName, node.nodeValue);
|
||||
}
|
||||
// copy element styles to the wrapper
|
||||
wrapper.style.cssText = element.style.cssText;
|
||||
return wrapper;
|
||||
}
|
||||
|
||||
/**
|
||||
* Shivs the given CSS text.
|
||||
* (eg. header{} becomes html5shiv\:header{})
|
||||
* @private
|
||||
* @param {String} cssText The CSS text to shiv.
|
||||
* @returns {String} The shived CSS text.
|
||||
*/
|
||||
function shivCssText(cssText) {
|
||||
var pair,
|
||||
parts = cssText.split('{'),
|
||||
index = parts.length,
|
||||
reElements = RegExp('(^|[\\s,>+~])(' + getElements().join('|') + ')(?=[[\\s,>+~#.:]|$)', 'gi'),
|
||||
replacement = '$1' + shivNamespace + '\\:$2';
|
||||
|
||||
while (index--) {
|
||||
pair = parts[index] = parts[index].split('}');
|
||||
pair[pair.length - 1] = pair[pair.length - 1].replace(reElements, replacement);
|
||||
parts[index] = pair.join('}');
|
||||
}
|
||||
return parts.join('{');
|
||||
}
|
||||
|
||||
/**
|
||||
* Removes the given wrappers, leaving the original elements.
|
||||
* @private
|
||||
* @params {Array} wrappers An array of printable wrappers.
|
||||
*/
|
||||
function removeWrappers(wrappers) {
|
||||
var index = wrappers.length;
|
||||
while (index--) {
|
||||
wrappers[index].removeNode();
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
/**
|
||||
* Shivs the given document for print.
|
||||
* @memberOf html5
|
||||
* @param {Document} ownerDocument The document to shiv.
|
||||
* @returns {Document} The shived document.
|
||||
*/
|
||||
function shivPrint(ownerDocument) {
|
||||
var shivedSheet,
|
||||
wrappers,
|
||||
namespaces = ownerDocument.namespaces,
|
||||
ownerWindow = ownerDocument.parentWindow;
|
||||
|
||||
if (!supportsShivableSheets || ownerDocument.printShived) {
|
||||
return ownerDocument;
|
||||
}
|
||||
if (typeof namespaces[shivNamespace] == 'undefined') {
|
||||
namespaces.add(shivNamespace);
|
||||
}
|
||||
|
||||
ownerWindow.attachEvent('onbeforeprint', function() {
|
||||
var imports,
|
||||
length,
|
||||
sheet,
|
||||
collection = ownerDocument.styleSheets,
|
||||
cssText = [],
|
||||
index = collection.length,
|
||||
sheets = Array(index);
|
||||
|
||||
// convert styleSheets collection to an array
|
||||
while (index--) {
|
||||
sheets[index] = collection[index];
|
||||
}
|
||||
// concat all style sheet CSS text
|
||||
while ((sheet = sheets.pop())) {
|
||||
// IE does not enforce a same origin policy for external style sheets
|
||||
if (!sheet.disabled && reMedia.test(sheet.media)) {
|
||||
for (imports = sheet.imports, index = 0, length = imports.length; index < length; index++) {
|
||||
sheets.push(imports[index]);
|
||||
}
|
||||
try {
|
||||
cssText.push(sheet.cssText);
|
||||
} catch(er){}
|
||||
}
|
||||
}
|
||||
// wrap all HTML5 elements with printable elements and add the shived style sheet
|
||||
cssText = shivCssText(cssText.reverse().join(''));
|
||||
wrappers = addWrappers(ownerDocument);
|
||||
shivedSheet = addStyleSheet(ownerDocument, cssText);
|
||||
});
|
||||
|
||||
ownerWindow.attachEvent('onafterprint', function() {< |