Do some CSS organization and hide the swf by default.
This commit is contained in:
Ray Schamp
parent
6e5ec52315
commit
2c55b3d02c
4 changed files with 1241 additions and 1229 deletions
1113
css/base.css
Normal file
1113
css/base.css
Normal file
File diff suppressed because it is too large
Load diff
108
css/reset.css
Normal file
108
css/reset.css
Normal 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; }
|
||||||
1238
css/scratchx.css
1238
css/scratchx.css
File diff suppressed because it is too large
Load diff
11
index.html
11
index.html
|
|
@ -4,6 +4,8 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>ScratchX</title>
|
<title>ScratchX</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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">
|
<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/swfobject.js"></script>
|
||||||
<script type="text/javascript" src="libs/jquery.min.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_unsupported').show();
|
||||||
scratch.find('DIV.scratch_loading').hide();
|
scratch.find('DIV.scratch_loading').hide();
|
||||||
} else {
|
} else {
|
||||||
scratch.css('visibility', 'visible');
|
|
||||||
Scratch.FlashApp.ASobj = scratch[0];
|
Scratch.FlashApp.ASobj = scratch[0];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -112,16 +113,18 @@
|
||||||
flashVars[prop] = encodeURIComponent(JSON.stringify(val));
|
flashVars[prop] = encodeURIComponent(JSON.stringify(val));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
swfobject.switchOffAutoHideShow();
|
||||||
|
|
||||||
swfobject.embedSWF('Scratch.swf', 'scratch', '100%', '100%', '11.7.0', 'libs/expressInstall.swf',
|
swfobject.embedSWF('Scratch.swf', 'scratch', '100%', '100%', '11.7.0', 'libs/expressInstall.swf',
|
||||||
flashVars, params, null, handleEmbedStatus);
|
flashVars, params, null, handleEmbedStatus);
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body class="editor scratchx">
|
<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">
|
<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/>
|
Oh Noes! Scratch project cannot display.<br/>
|
||||||
Flash player is disabled, missing, or less than version 10.2.
|
Flash player is disabled, missing, or less than version 10.2.
|
||||||
</p>
|
</p>
|
||||||
|
|
|
||||||
Reference in a new issue