mirror of
https://github.com/scratchfoundation/scratchx.git
synced 2025-03-14 07:19:48 -04:00
Do some CSS organization and hide the swf by default.
This commit is contained in:
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">
|
||||
<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>
|
||||
|
|
Loading…
Reference in a new issue