Do some CSS organization and hide the swf by default.

This commit is contained in:
Ray Schamp 2015-04-30 17:23:09 -04:00
parent 6e5ec52315
commit 2c55b3d02c
4 changed files with 1241 additions and 1229 deletions

1113
css/base.css Normal file

File diff suppressed because it is too large Load diff

108
css/reset.css Normal file
View file

@ -0,0 +1,108 @@
/**
* Scratch v2.0
* scr-reset.css
*
* Resets element styles to a base default, overriding any browser inconsistencies.
* Handles browser quirks.
*
*/
/* Reset elements */
html, body, div, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, img, dl,
dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form,
fieldset, legend, object, embed {
border: 0;
margin: 0;
padding: 0;
}
html {
background: #fff;
color: #000;
direction: ltr;
font: 81.25% 'Lucida Grande', arial, sans-serif;
}
/* Set default, padding, margin and font-size on block elements */
h1 {
font-size: 1.23em;
margin: 0 0 .77em;
}
h2,
h3 {
font-size: 1.08em;
}
ul,
ol {
margin: 0 0 1em 2em;
}
/* IE7 */
*+html ol {
margin-left: 2.3em;
}
li {
margin: 0 0 .5em;
}
dd {
margin: 0 0 1em 2em
}
p,
pre,
address {
margin: 0 0 1em;
}
blockquote {
margin: 0 2em 1em;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Inline element adjustments. */
sup,
sub {
font-size: .77em;
}
q:before,
q:after {
content: ''; /* Removes beinning and ending quotes */
}
/* Form element adjustments. */
legend {
color: inherit;
}
/* Make sure form elements correctly inherit font rules. */
input,
option,
select,
textarea {
font-family: inherit;
font-size: inherit;
}
form .field-caption{
font-style: italic;
}
form .input-message {
visibility:hidden;
}
form .input-message.error {visibility:visible; color:#B94A48; }
form .input-message.success {visibility:visible; color:green; }

File diff suppressed because it is too large Load diff

View file

@ -4,6 +4,8 @@
<meta charset="utf-8">
<title>ScratchX</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/scratchx.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="libs/swfobject.js"></script>
<script type="text/javascript" src="libs/jquery.min.js"></script>
@ -22,7 +24,6 @@
scratch.find('DIV.scratch_unsupported').show();
scratch.find('DIV.scratch_loading').hide();
} else {
scratch.css('visibility', 'visible');
Scratch.FlashApp.ASobj = scratch[0];
}
}
@ -112,16 +113,18 @@
flashVars[prop] = encodeURIComponent(JSON.stringify(val));
});
swfobject.switchOffAutoHideShow();
swfobject.embedSWF('Scratch.swf', 'scratch', '100%', '100%', '11.7.0', 'libs/expressInstall.swf',
flashVars, params, null, handleEmbedStatus);
</script>
</head>
<body class="editor scratchx">
<div id="scratch"
style="text-align:center;margin-top:30px;visibility:hidden;position:relative;">
<div id="scratch">
<div class="scratch_unsupported">
<p style="color:#aaa;font-size:22px;margin-top:14px;line-height:28px;">
<p>
Oh Noes! Scratch project cannot display.<br/>
Flash player is disabled, missing, or less than version 10.2.
</p>