├── README.md
├── ScratchWikiSkin.php
├── ScratchWikilogo2.png
├── background.png
├── ctype-descriptive.png
├── ctype-helppage.png
├── ctype-portal.png
├── edit.png
├── external-link.png
├── main.css
├── nav-search-glass.png
├── scratch-wiki-logo-blue-outline.png
├── scratchlogo.png
├── scratchlogo_highlight.png
├── skin.js
├── wiki.png
└── wikilogo2.png


/README.md:
--------------------------------------------------------------------------------
 1 | Scratch-Wiki-Skin
 2 | =================
 3 | 
 4 | If you'd like to help fix bugs in the skin for the Scratch Wiki, please fork, make and test changes, and then submit a pull request. Our design goals are to keep the wiki skin as simple and as easy to use as possible. So we're unlikely to accept pull requests for fancy features, or code that's difficult to maintain.
 5 | 
 6 | To install / setup
 7 | 1. Mediawiki skins change a lot between versions, so you need to use the same version of mediawiki that the Scratch wiki is currently running. You can find that version here: http://wiki.scratch.mit.edu/wiki/Special:Version
 8 | 
 9 | 2. Clone this repository as a subdirectory of your skins folder.
10 | 
11 | 3. Create a symlink in the skins directory that points to the skin's php file, inside the scratchwikiskin directory. i.e
12 |   
13 |   you@yourcomputer:/var/www/w/skins$ ln -s scratchwikiskin/ScratchWikiSkin.php ScratchWikiSkin.php
14 | 
15 | Credits: Original design by JSO, with contributions from jvvg, blob8108, scmb1, -PRO- and others.
16 | 


--------------------------------------------------------------------------------
/ScratchWikiSkin.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Scratch skin
  4 |  *
  5 |  * @file
  6 |  * @ingroup Skins
  7 |  */
  8 | 
  9 | if( !defined( 'MEDIAWIKI' ) ) {
 10 | 	die( 1 );
 11 | }
 12 | 
 13 | #require_once( dirname( dirname( __FILE__ ) ) . '/includes/SkinTemplate.php');
 14 | 
 15 | class SkinScratchWikiSkin extends SkinTemplate{
 16 | 	var $useHeadElement = true;
 17 | 
 18 | 	var $skinname = 'scratchwikiskin', $stylename = 'scratchwikiskin',
 19 | 	$template = 'ScratchWikiSkinTemplate';
 20 | 	
 21 | 	function initPage(OutputPage $out) {
 22 | 		
 23 | 
 24 | 		parent::initPage( $out );
 25 | 
 26 | 		
 27 | 	}
 28 | 	
 29 | 	function setupSkinUserCss(OutputPage $out) {
 30 | 		global $wgLocalStylePath;
 31 | 		parent::setupSkinUserCss($out);
 32 | 		$out->addStyle('scratchwikiskin/main.css', 'screen');
 33 | 		
 34 | 		$out->addHeadItem('skinscript', "<script type='text/javascript' src='$wgLocalStylePath/scratchwikiskin/skin.js'></script>");
 35 | 	}
 36 | }
 37 | 
 38 | class ScratchWikiSkinTemplate extends BaseTemplate{
 39 | 	public function execute() {
 40 | 		global $wgRequest, $wgStylePath, $wgUser;
 41 | 		$skin = $this->data['skin'];
 42 | 		wfSuppressWarnings();
 43 | 		$this->html('headelement');
 44 | 		
 45 | 		?>
 46 | <header>
 47 | 	<div class="container">
 48 | 		
 49 | 			<a class= "scratch" href = "http://scratch.mit.edu"></a>
 50 | 		
 51 | 		<ul class="left">
 52 | 			<li><a href="http://scratch.mit.edu/projects/editor/">Create</a></li>
 53 | 			<li><a href="http://scratch.mit.edu/explore/projects/all">Explore</a></li>
 54 | 			<li><a href="http://scratch.mit.edu/discuss/">Discuss</a></li>
 55 | 			<li ><a href="http://scratch.mit.edu/about/">About</a></li>
 56 | 			<li class = "last"><a href="http://scratch.mit.edu/help/">Help</a></li>
 57 | 		
 58 | 		<!-- search -->
 59 | 			<li>
 60 | 				<form action="<?php $this->text( 'wgScript' ) ?>" class="search">
 61 | 					<!--<span class="glass"><i></i></span>-->
 62 | 					<input type= "submit" class= "glass" value= ""> 
 63 | 					<input type="search" id="searchInput" accesskey="f" title="Search Scratch Wiki [alt-shift-f]"  name="search" autocomplete="off" placeholder="Search the Wiki"  />
 64 | 					<!--<input type="submit" class="searchButton" id="searchGoButton" title="Go to a page with this exact name if exists" value="Go" name="go">-->
 65 | 					<input type="hidden" class="searchButton" id="mw-searchButton" title="Search the pages for this text" value="Search" />
 66 | 					<input type="hidden" value="Special:Search" name="title" />
 67 | 				</form>
 68 | 			</li>
 69 | 		</ul>
 70 | 		<ul class="user right">
 71 | 			
 72 | 			
 73 | 			<!-- user links -->
 74 | <?php	if (!$wgUser->isLoggedIn()) { ?>
 75 | 			<!--<li class = last><a href=" 	Special:Userlogin">Log in to the Wiki</a></li>-->
 76 | 			<li class = last><a href="<?php if (isset($this->data['personal_urls']['anonlogin'])){echo htmlspecialchars($this->data['personal_urls']['anonlogin']['href']);}else{echo $this->data['personal_urls']['login']['href'];}?>">Log in to the Wiki</a></li>
 77 | <?php	} else { ?>
 78 | 			<li id="userfcttoggle" class="last"><a><?=htmlspecialchars($wgUser->mName)?><span class = caret></span></a></li>
 79 | 			<ul id=userfctdropdown class="dropdownmenu"><?php foreach ($this->data['personal_urls'] as $key => $tab):?>
 80 | 				<li<?php if ($tab['class']):?> class="<?=htmlspecialchars($tab['class'])?>"<?php endif?>><a href="<?=htmlspecialchars($tab['href'])?>"><?=htmlspecialchars($tab['text'])?></a><?php endforeach?>
 81 | 			</ul>
 82 | <?php	} ?>
 83 | 		</ul>
 84 | 	</div>
 85 | </header>
 86 | <div class="container main">
 87 | 	<div class=main-inner>
 88 | 		<div class=left>
 89 | 		<div class = "wikilogo_space"><a class = "wikilogo" href = "<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ); ?>" title = "Scratch Wiki Main Page"></a></div>
 90 | <?php		foreach ($this->getSidebar() as $box): if ($box['header']!='Toolbox'||$wgUser->isLoggedIn()){?>
 91 | 			<div class=box>
 92 | 				<!-- <?=print_r($box);?> -->
 93 | 				<h1><?=htmlspecialchars($box['header'])?></h1>
 94 | <?php			if (is_array($box['content'])):?>
 95 | 				<ul class=box-content>
 96 | <?php				foreach ($box['content'] as $name => $item):?>
 97 | 					<?=$this->makeListItem($name, $item)?>
 98 | <?php				endforeach;
 99 | 				?>
100 | 				</ul>
101 | <?php
102 | 			else:?>
103 | 				<?=$box['content']?>
104 | <?php			endif?>
105 | 			</div>
106 | <?php		} endforeach?>
107 | <?php		$this->renderContenttypeBox();
108 | 			if (!$wgUser->isLoggedIn()) { ?>
109 | 			<div class=box>
110 | 				
111 | 				<h1>Help the wiki!</h1>
112 | 				<div class=box-content>
113 | 				The Scratch Wiki is made by and for Scratchers. Do you want to contribute?<br><br>
114 | 				<a href="/wiki/Contribute_to_the_Scratch_Wiki">Learn more about joining as an editor!</a><br><br>
115 | 				<a href = "/wiki/Scratch_Wiki_talk:Community_Portal">See discussions in the Community Portal</a>
116 | 				</div>
117 | 				
118 | 			</div>
119 | <?php		} ?>
120 | 		</div>
121 | 		<div class=right>
122 | 			<?php if( $this->data['newtalk'] ) { ?><div class="box"><h1><?php $this->html('newtalk') ?></h1></div><?php } ?>
123 | 			<?php if( $this->data['catlinks'] && $wgUser->isLoggedIn()) {
124 | 			$cat = $this->data['catlinks'];
125 | 			if(strpos($cat, 'How To Pages')> 0) {
126 | 				$o =	'<div class="box ctype ctype-helppage">'.
127 | 			 	'<h1>How To page</h1>'.
128 | 				'<div class=box-content>'.
129 | 				'This page provides step-by-step help on how to do something for new users. Before editing, please read the <a href = /wiki/Help:How_To_pages>How To page guidelines.</a></div>'.
130 | 				'</div>';
131 | 				echo $o;
132 | 				
133 | 
134 | 			} 
135 | 			
136 | 		} 	?>
137 | 			<article class=box>
138 | 				<h1><?php $this->html('title')?>
139 | 				<div id=pagefctbtn></div>
140 | 				<ul id=pagefctdropdown class="dropdownmenu box">
141 | <?				foreach ($this->data['content_actions'] as $key => $tab):?>
142 | 					<?=$this->makeListItem($key, $tab)?>
143 | <?				endforeach?>
144 | 				</ul>
145 | 				</h1>
146 | 				<div class=box-content>
147 | <?php if ($this->data['subtitle']):?><p><?php $this->html('subtitle')?></p><?php endif?>
148 | <?php if ($this->data['undelete']):?><p><?php $this->html('undelete')?></p><?php endif?>
149 | <?php $this->html('bodytext')?>
150 | <?php if ( $this->data['catlinks'] ): ?>
151 | <!-- catlinks -->
152 | <?php $this->html( 'catlinks' ); ?>
153 | <!-- /catlinks -->
154 | <?php endif; ?>
155 | 				</div>
156 | 			</article>
157 | <?php   
158 | // generate additional footer links
159 | $footerlinks = array(
160 |         'lastmod', 
161 | // 'viewcount',
162 | );
163 | ?>
164 |         		<ul id="f-list">
165 | <?php
166 | foreach ( $footerlinks as $aLink ) {
167 |         if ( isset( $this->data[$aLink] ) && $this->data[$aLink] ) {
168 | ?>              		<li id="<?php echo $aLink ?>"><?php $this->html( $aLink ) ?></li>
169 | <?php   }
170 | }
171 | ?>
172 |         		</ul>
173 | 		</div>
174 | 	</div>
175 | </div>
176 | <footer>
177 | 	<div class="container">
178 |         
179 |         <style>
180 |           footer ul.footer-col li {
181 |             list-style-type:none;
182 |             display: inline-block;
183 |             width: 184px;
184 |             text-align: left;
185 |             vertical-align: top;
186 |           }
187 | 
188 |           footer ul.footer-col li h4 {
189 |             font-weight: bold;
190 |             font-size: 14px;
191 |             color: #666;
192 |           }
193 | 
194 | 
195 |         </style>
196 |           <ul class="clearfix footer-col">
197 |             <li>
198 |               <h4>About</h4>
199 |               <ul>
200 |                 <li><a href ="http://scratch.mit.edu/about/">About Scratch</a></li>
201 |                 <li><a href = "http://scratch.mit.edu/parents/">For Parents</a></li>
202 |                 <li><a href = "http://scratch.mit.edu/educators/">For Educators</a></li>
203 |                 <li><a href = "https://scratch.mit.edu/info/credits/">Credits</a></li>
204 |                 <li><a href ="http://scratch.mit.edu/jobs/">Jobs</a></li>
205 |                 <li><a href = "http://scratch.mit.edu/press/">Press</a></li>
206 |               </ul>
207 |             </li>
208 |             <li>
209 |               <h4>Community</h4>
210 |               <ul>
211 |                 <li><a href = "http://scratch.mit.edu/community_guidelines/">Community Guidelines</a></li>
212 |                 <li><a href = "http://scratch.mit.edu/discuss/">Discussion Forums</a></li>
213 |                 <li><a href = "http://wiki.scratch.mit.edu/">Scratch Wiki</a></li>
214 |                 <li><a href = "http://scratch.mit.edu/statistics/">Statistics</a></li>
215 |               </ul>
216 |             </li>
217 |             <li>
218 |               <h4>Support</h4>
219 |               <ul>
220 |                 <li><a href = "http://scratch.mit.edu/help/">Help Page</a></li>
221 |                 <li><a href = "http://scratch.mit.edu/help/faq/">FAQ</a></li>
222 |                 <li><a href = "http://scratch.mit.edu/scratch2download/">Offline Editor</a></li>
223 |                 <li><a href = "http://scratch.mit.edu/contact-us/">Contact Us</a></li>
224 |                 <li><a href ="https://secure.donationpay.org/scratchfoundation/">Donate</a></li> 
225 |               </ul>
226 |             </li>
227 |             <li>
228 |               <h4>Legal</h4>
229 |               <ul>
230 |                 <li><a href="http://scratch.mit.edu/terms_of_use/">Terms of Use</a></li>
231 |                 <li><a href="http://scratch.mit.edu/privacy_policy/">Privacy Policy</a></li>
232 |                 <li><a href = "http://scratch.mit.edu/DMCA/">DMCA</a></li>
233 |               </ul>
234 |             </li>
235 |             <li>
236 |               <h4>Scratch Family</h4>
237 |               <ul>
238 |               	<li><a href="http://scratched.gse.harvard.edu/">ScratchEd</a>
239 |               	<li><a href="http://scratchjr.org">ScratchJr</a>
240 |               	<li><a href="http://day.scratch.mit.edu">Scratch Day</a>
241 |          		<li><a href="http://scratch.mit.edu/conference/">Scratch Conference</a>
242 |                 <li><a href="http://codetolearn.org">Scratch Foundation</a>
243 |                 </li>
244 |               </ul>
245 |             </li>
246 |           </ul>
247 | <br>
248 | <p >Scratch is a project of the Lifelong Kindergarten Group at the MIT Media Lab</p>
249 | </footer>
250 | 
251 |         <?php $this->printTrail(); ?>
252 | 
253 | 		<?php
254 | 
255 | 	}
256 | 	protected function renderContenttypeBox() {
257 | 		global $wgStylePath, $wgUser;
258 | 		
259 | 		//content type identification box. to be moved somewhere else (cleaner).
260 | #		if( $this->data['catlinks'] && $wgUser->isLoggedIn()) {
261 | #			$cat = $this->data['catlinks'];
262 | #			if(strpos($cat, 'How To Pages')> 0) {
263 | #				$o =	'<div class="box ctype ctype-helppage">'.
264 | #			 	'<h1>How To page</h1>'.
265 | #				'<div class=box-content>'.
266 | #				'This page provides step-by-step help on how to do something for new users. Before editing, please read the How To page <a href = /wiki/Help:How_To_pages>guidelines.</a></div>'.
267 | #				'</div>';
268 | #				echo $o;
269 | #				
270 | 
271 | #			} 
272 | #			
273 | #		} 	
274 | 		
275 | 		
276 | 		
277 | 	}
278 | }
279 | 


--------------------------------------------------------------------------------
/ScratchWikilogo2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/ScratchWikilogo2.png


--------------------------------------------------------------------------------
/background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/background.png


--------------------------------------------------------------------------------
/ctype-descriptive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/ctype-descriptive.png


--------------------------------------------------------------------------------
/ctype-helppage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/ctype-helppage.png


--------------------------------------------------------------------------------
/ctype-portal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/ctype-portal.png


--------------------------------------------------------------------------------
/edit.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/edit.png


--------------------------------------------------------------------------------
/external-link.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/external-link.png


--------------------------------------------------------------------------------
/main.css:
--------------------------------------------------------------------------------
  1 | html,
  2 | body {
  3 | 	height: 100%;
  4 | }
  5 | body {
  6 | 	font: 13px Helvetica Neue, Helvetica, sans-serif;
  7 | 	margin: 0;
  8 | 	background-image: url("background.png");
  9 | }
 10 | header {
 11 | 	position: fixed;
 12 | 	top: 0;
 13 | 	left: 0;
 14 | 	right: 0;
 15 | 	height: 35px;
 16 | 	padding: 0 10px;
 17 | 	background-color: #0F8BC0;
 18 | 	-webkit-box-shadow: 0 1px 1px #ccc;
 19 | 	-moz-box-shadow: 0 1px 1px #ccc;
 20 | 	-o-box-shadow: 0 1px 1px #ccc;
 21 | 	box-shadow: 0 1px 1px #ccc;
 22 | 	z-index: 200;
 23 | }
 24 | 
 25 | 
 26 | a.scratch{	
 27 | 	float: left;
 28 | 	display: block;
 29 | 	width: 80px;
 30 | 	height: 35px;
 31 | 	background: url("scratchlogo.png") left center no-repeat;
 32 | 	text-indent: -99999em;
 33 | 	padding: 0 2px;
 34 | }
 35 | a.scratch:hover{
 36 | 	background: url("scratchlogo_highlight.png") left center no-repeat;
 37 | }
 38 | 
 39 | header ul,
 40 | footer ul {
 41 | 	padding: 0;
 42 | 	margin: 0;
 43 | 	list-style-type: none;
 44 | }
 45 | header .left {
 46 | 	font-size: 15px;
 47 | }
 48 | header .right {
 49 | 	float: right;
 50 | }
 51 | header li {
 52 | 	float: left;
 53 | }
 54 | header li a {
 55 | 	display: block;
 56 | 	border-left: 1px solid #149acb;
 57 | 	padding: 0px 15px;
 58 | 	line-height: 35px;
 59 | 	text-decoration: none !important;
 60 | 	cursor: pointer;
 61 | 
 62 | }
 63 | 
 64 | header li.last{
 65 | 	border-right: 1px solid #149acb;
 66 | }
 67 | header li a,
 68 | header li a:active {
 69 | 	color: #fff;
 70 | }
 71 | header li a:hover, #userfcttoggle.open {
 72 | 	background-color: #0c6185;
 73 | }
 74 | 
 75 | .caret{
 76 | 	width: 0;
 77 | 	height: 0;
 78 | 	display: inline-block;
 79 | 	content: "&darr;";
 80 | 	text-indent: -99999px;
 81 | 	vertical-align: top;
 82 | 	margin-left: 4px;
 83 | 	border-left: 4px solid transparent;
 84 | 	border-right: 4px solid transparent;
 85 | 	border-top: 4px solid #fff;
 86 | 	opacity: .5;
 87 | 	vertical-align: middle;
 88 | }
 89 | .container {
 90 | 	max-width: 940px;
 91 | 	margin: auto;
 92 | }
 93 | .main {
 94 | 	min-height: 100%;
 95 | }
 96 | .main-inner {
 97 | 	padding: 50px 0 8em 0;
 98 | }
 99 | .main .left {
100 | 	float: left;
101 | 	width: 160px;
102 | 	//padding: 140px 0 0 0;
103 | 	display: block;
104 | 	//background-image: url("wiki.png") ;
105 | 	//background-repeat: no-repeat;
106 | }
107 | 
108 | 
109 | .wikilogo_space{
110 | 	height: 150px;
111 | 	margin-left: 15px;
112 | }
113 | 
114 | .wikilogo{
115 | 	background-image: url("wikilogo2.png") ;
116 | 	background-repeat: no-repeat;
117 | 	height: 140px;
118 | 	display: block;
119 | }
120 | .main .right {
121 | 	width: 760px;
122 | 	margin-left: 180px;
123 | }
124 | .main-inner::after,
125 | .main .left::after,
126 | .main .right::after {
127 | 	content: '.';
128 | 	display: block;
129 | 	clear: both;
130 | 	height: 0;
131 | 	overflow: hidden;
132 | }
133 | .main .left .sidebar {
134 | 	float: left;
135 | 	width: 100%;
136 | }
137 | .box {
138 | 	background: #f7f7f7;
139 | 	border: 1px solid #E0E0E0;
140 | 	-moz-border-top-left-radius: 10px;
141 | 	-moz-border-top-right-radius: 10px;
142 | 	-webkit-border-top-left-radius: 10px;
143 | 	-webkit-border-top-right-radius: 10px;
144 | 	border-top-left-radius: 10px;
145 | 	border-top-right-radius: 10px;
146 | 	-webkit-box-shadow: 0 2px 3px rgba(34,25,25,0.3);
147 | 	-moz-box-shadow: 0 2px 3px rgba(34,25,25,0.3);
148 | 	-o-box-shadow: 0 2px 3px rgba(34,25,25,0.3);
149 | 	box-shadow: 0 2px 3px rgba(34,25,25,0.3);
150 | 	margin: 0px 0px 20px;
151 | }
152 | .box > h1 {
153 | 	margin: 0;
154 | 	padding: 7px 20px;
155 | 	position: relative;
156 | 	/*overflow: hidden;*/
157 | 	border-top: 1px solid #fff;
158 | 	box-radius: 10px;
159 | 	-moz-border-radius: 10px;
160 | 	-webkit-border-radius: 10px;
161 | 	font-size: 16px;
162 | }
163 | article.box > h1 {
164 | 	font-size: 22px;
165 | }
166 | h1.firstHeading,
167 | h2 {
168 |   border-bottom: solid 1px black;
169 | }
170 | .box-content {
171 | 	background: #fff;
172 | 	border-top: 1px solid #e0e0e0;
173 | 	position: relative;
174 | 	padding: 5px 20px 20px 20px;
175 | 	margin: 0;
176 | 	list-style-type: none;
177 | }
178 | .box-content h1 {
179 |     font-size: 2em;
180 |     border-bottom: 1px solid #aaa;
181 |     padding-bottom: 4px;
182 | }
183 | nav.box li a {
184 | 	padding: 2px 0;
185 | 	display: block;
186 | }
187 | a {
188 | 	color: #1aa0db;
189 | 	//color: orange;
190 | 	text-decoration: none;
191 | }
192 | a.new{
193 | 	color: red;
194 | 	text-decoration: none;
195 | }
196 | 
197 | a.external {
198 | 	background: url(external-link.png) center right no-repeat;
199 | 	padding-right: 13px;
200 | }
201 | a:hover,
202 | a:focus,
203 | a:active {
204 | 	text-decoration: underline;
205 | }
206 | .catlinks {
207 |     background-color: #EEEEEE;
208 |     border: 1px solid #CCCCCC;
209 |     margin: 20px 0 10px;
210 |     padding: 5px;
211 |     text-align: left;
212 | }
213 | footer {
214 | 	background-color: #ececec;
215 | 	padding-top: 1em;
216 |         padding-bottom: 1em;
217 | 	color: #5f5f5f;
218 | 	text-align: center;
219 | 	height: 20em;
220 | 	margin-top: -7em;
221 | 	-webkit-box-shadow: inset 0 0 10px #ccc;
222 | 	-moz-box-shadow: inset 0 0 10px #ccc;
223 | 	box-shadow: inset 0 0 10px #ccc;
224 | }
225 | 
226 | footer h4{
227 | 	margin-bottom:5px
228 | }
229 | footer ul li {
230 | 	display: inline-block;
231 | 	line-height: 1.5385em;
232 | }
233 | footer ul a {
234 | 	display: block;
235 | 	//padding: 0 15px;
236 | }
237 | footer p {
238 | 	clear: both;
239 | 	font-size: 11px;
240 | 	margin: 0;
241 | 	padding: 1em 0 0;
242 | }
243 | 
244 | .printfooter {
245 | 	display:none;
246 | }
247 | 
248 | /*TO BE ORGANIZED */
249 | 
250 | /* search bar */
251 | 
252 | form.search {
253 |    display: inline-block;
254 |    margin: 0 10px;
255 |    position: relative;
256 |    margin-top: 5px;
257 | }
258 | form.search input {
259 | -webkit-border-radius: 10px;
260 | border-radius: 10px;
261 | height: 23px;
262 | //display: inline-block;
263 | padding-left: 33px;
264 | width: 204px;
265 | border: none;
266 | 
267 | 
268 | 
269 | }
270 | form.search input:focus {
271 | outline: none;
272 |  }
273 | form.search .glass {
274 | background: url("../images/nav-search-glass.62d43b28d86a.png") no-repeat 9px center;
275 | width: 26px;
276 | height: 23px;
277 | position: absolute;
278 | border: 0;
279 | border-right: 1px solid #ccc;
280 | padding-left: 28px;
281 | padding-right: 0;
282 | opacity: .8;
283 | -moz-border-radius: 0;
284 | -webkit-border-radius: 0;
285 | border-radius: 0;
286 |  background: url("nav-search-glass.png") no-repeat center center;
287 | }
288 | 
289 | 
290 | 
291 | /* page fct dropdown */
292 | .user {
293 | 	position: relative;
294 | }
295 | #pagefctbtn {
296 | 	background: url("edit.png") no-repeat scroll center center transparent;
297 |     border-radius: 3px 3px 3px 3px;
298 |     display: inline-block;
299 |     width: 35px;
300 | 	height: 25px;
301 |     vertical-align: top;
302 | 	float: right;
303 | 	margin-top: 5px;
304 | 	cursor: pointer;
305 | 	z-axis: 3;
306 | }
307 | #pagefctbtn.open, #pagefctbtn:hover {
308 | 	background-color: #DDDDDD !important;
309 | }
310 | .dropdownmenu {
311 | 	display: block;
312 | 	position: absolute;
313 | 	padding: 0;
314 |         top: 36px;
315 | 	font-size: 14px;
316 | 	list-style: none;
317 | 	display: none;
318 | 	z-index: 200;
319 | 	background-color: #DDDDDD;
320 | 	overflow: hidden;
321 | 	border-radius: 5px;
322 | 	border-top-right-radius: 0;
323 | 	box-shadow: 0px 1px 1px #888a85;
324 | }
325 | .dropdownmenu li {
326 | 	float: none;
327 | }
328 | .dropdownmenu li:hover {
329 | 	background-color: #EEEEEE;
330 | }
331 | .dropdownmenu li a {
332 | 	font-weight: normal;
333 | 	text-decoration: none;
334 | 	display: block;
335 | 	width: 130px;
336 | 	padding: 5px 15px !important;
337 | 	line-height: normal;
338 | }
339 | .dropdownmenu img {
340 | 	margin-right: 10px;
341 | 	vertical-align: text-bottom;
342 | }
343 | #firstHeading {
344 | 	margin: 0 0 0.1em 0;
345 | 	padding: 0;
346 | }
347 | #content {
348 | 	margin: 0;
349 | 	padding: 0;
350 | }
351 | #userfctdropdown {
352 | 	display: none;
353 | 	right: 0;
354 | 	top: 33px;
355 | 	border-top-left-radius: 0;
356 | 	background-color:#0F8BC0;
357 | 	color: #FFFFFF;
358 | }
359 | #userfctdropdown li a {	
360 | 	border: none;
361 | }
362 | #userfctdropdown li a:hover {
363 | 	background-color: #0C6185;
364 | }
365 | 
366 | #pagefctdropdown{
367 | 	margin-left: 555px; //temporary solution
368 | }
369 | #pagefctdropdown li a {
370 | 	color: #888;
371 | }
372 | .editsection {
373 | 	font-size: 14px;
374 | 	font-weight: normal;
375 | 	margin: 5px 5px 0 0;
376 | 	float:right;
377 | }
378 | .catlinks-allhidden {
379 | 	display:none;
380 | }
381 | 
382 | /*ctype boxes */
383 | /*
384 | .ctype {
385 | 	border: none !important;
386 |     border-radius: 10px !important;
387 | 	color: #FFFFFF;
388 | }*/
389 | .ctype h1 {
390 | 	font-size: 14px;
391 | }/*
392 | .ctype-descriptive {
393 | 	background-color: #0F8BC0;
394 | }
395 | .ctype-helppage {
396 | 	background-color: #299027;
397 | }
398 | .ctype-portal {
399 | 	background-color: #dc7700;
400 | }
401 | .ctype .box-content {
402 | 	background: none;
403 | 	border: none;
404 | }*/
405 | 
406 | 
407 | 
408 | .new {
409 |     color: #e1314c;
410 | }
411 | dt {
412 |     font-weight: bold;
413 | }
414 | 
415 | 
416 | #toc {
417 |     border: 1px solid #aaa;
418 |     padding: 10px 10px;
419 |     display: inline-block;
420 | }
421 | #toctitle h2 {
422 |     display: inline;
423 |     font-size: 1.25em;
424 | }
425 | .toctoggle {
426 |     float: right;
427 |     padding-left: 5px; font-size: 14px; font-weight: normal;
428 |     margin: 0 5px 0 0;
429 |     line-height: 20px;
430 | }
431 | #toc ul {
432 |     list-style: none;
433 | }
434 | #toc ul {
435 |     margin: 0.5em 0;
436 | }
437 | #toc li {
438 |     line-height: 18px;
439 | }
440 | 
441 | 
442 | .thumbinner {
443 |     margin: 2em 0;
444 | }
445 | .thumb.tright {
446 |     margin-left: 2em;
447 | }
448 | .thumb.tleft {
449 |     margin-right: 2em;
450 | }
451 | 
452 | div.thumbinner {
453 |   border: 1px solid #ccc;
454 |   padding: 3px !important;
455 |   background-color: #f9f9f9;
456 |   font-size: 94%;
457 |   text-align: center;
458 |   overflow: hidden;
459 | }
460 | 
461 | 
462 | /* fix diff scrollbars */
463 | table.diff td div {
464 |     overflow: visible;
465 | }
466 | 
467 | img{
468 | 	max-width: 100%;
469 | }
470 | 
471 | #mw-content-text{
472 | 	overflow: hidden;
473 | }
474 | ul#f-list li {
475 | 	display: inline-block;
476 | 	font-size: 11px;
477 | 	color: rgb(95, 95, 95);
478 | }
479 | ul#f-list {
480 | 	text-align: center;
481 | }
482 | +
483 |  +pre {
484 |  +	padding: 0.5em;
485 |  +	white-space: pre-wrap;
486 |  +}
487 |  +
488 |  +code {
489 |  +	display: inline-block;
490 |  +	white-space: nowrap;
491 |  +	border-radius: 3px;
492 |  +	max-width: 100%;
493 |  +	overflow: auto;
494 |  +	vertical-align: middle;
495 |  +	padding: 0;
496 |  +	margin: 0;
497 |  +}
498 |  +
499 |  +code, pre {
500 |  +	border: 1px solid #eee;
501 |  +	background-color: #f8f8f8;
502 |  +	line-height: 1.3;
503 |  +}
504 | 


--------------------------------------------------------------------------------
/nav-search-glass.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/nav-search-glass.png


--------------------------------------------------------------------------------
/scratch-wiki-logo-blue-outline.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/scratch-wiki-logo-blue-outline.png


--------------------------------------------------------------------------------
/scratchlogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/scratchlogo.png


--------------------------------------------------------------------------------
/scratchlogo_highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/scratchlogo_highlight.png


--------------------------------------------------------------------------------
/skin.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | Scratch Wiki Skin script
  4 | 
  5 | */
  6 | 
  7 | //get the element from an id, with functions to write, add, show, hide, addclass, delclass
  8 | function el(id) {
  9 | 	var h = document.getElementById(id);
 10 | 
 11 | 	//if no element exists with that id, return null
 12 | 	if(!h){
 13 | 		return h;
 14 | 	}
 15 | 	
 16 | 	h.write = function(o) {this.innerHTML = o;};
 17 | 	h.add = function(o) {this.innerHTML += o;};
 18 | 	h.show = function(o) {this.style.display = 'block';};
 19 | 	h.hide = function(o) {this.style.display = 'none';};
 20 | 	h.addclass = function(c) {this.className+=' '+c;this.className=this.className.trim();};
 21 | 	h.delclass = function(c) {this.className=this.className.replace(c,'').replace('  ',' ').trim();};
 22 | 	
 23 | 	return h;
 24 | }
 25 | 
 26 | 
 27 | window.onload = function() {
 28 | 	
 29 | 	//when pencil icon clicked, display dropdown 
 30 | 	el('pagefctbtn').onclick = function() {
 31 | 		if (el('pagefctdropdown').style.display!='block') {
 32 | 			el('pagefctbtn').addclass('open');
 33 | 			el('pagefctdropdown').show();
 34 | 		} else {
 35 | 			el('pagefctbtn').delclass('open');
 36 | 			el('pagefctdropdown').hide();
 37 | 		}
 38 | 	}
 39 | 	
 40 | 	//when mouse moved away, hide dropdown
 41 | 	el('pagefctdropdown').onmouseout = function(e) {
 42 | 		if (!e) var e = window.event;
 43 | 		if (!e.toElement) e.toElement = e.relatedTarget;
 44 | 		if (' ul li img a'.indexOf(e.toElement.tagName.toLowerCase())<0) {
 45 | 			el('pagefctbtn').delclass('open');
 46 | 			el('pagefctdropdown').hide();
 47 | 		}
 48 | 	}
 49 | 
 50 | 	//if user is logged in and toggle is showing, add dropdown functions
 51 | 	if(el('userfcttoggle')){
 52 | 		//if username toggle clicked, display dropdown
 53 | 		el('userfcttoggle').onclick = function() {
 54 | 		
 55 | 			if (el('userfctdropdown').style.display!='block') {
 56 | 				el('userfcttoggle').addclass('open');
 57 | 				el('userfctdropdown').show();
 58 | 			} else {
 59 | 				el('userfcttoggle').delclass('open');
 60 | 				el('userfctdropdown').hide();
 61 | 			}	
 62 | 		}
 63 | 
 64 | 		//when mouse moved away, hide dropdown		
 65 | 		el('userfctdropdown').onmouseout = function(e) {
 66 | 			if (!e) var e = window.event;
 67 | 			if (!e.toElement) e.toElement = e.relatedTarget;
 68 | 			if (' ul li img a'.indexOf(e.toElement.tagName.toLowerCase())<0) {
 69 | 			el('userfcttoggle').delclass('open');
 70 | 			el('userfctdropdown').hide();
 71 | 		}
 72 | 		
 73 | 	};
 74 | 	}
 75 | 	
 76 | 	
 77 | 	
 78 | 	
 79 | }
 80 | /*
 81 | function showpersonallinks() {
 82 | 	document.getElementById('scratchpersonallinks').style.visibility = 'visible';
 83 | 	document.getElementById('scratchpersonallinks').style.display = 'block';
 84 | }
 85 | function hidepersonallinks() {
 86 | 	document.getElementById('scratchpersonallinks').style.visibility = 'hidden';
 87 | 	document.getElementById('scratchpersonallinks').style.display = 'none';
 88 | }
 89 | */
 90 | 
 91 | /*
 92 | //google analytics
 93 | var _gaq = _gaq || [];
 94 | _gaq.push(['_setAccount', 'UA-3792496-2']);
 95 | _gaq.push(['_trackPageview']);
 96 | 
 97 | (function() {
 98 |   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 99 |   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
100 |   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
101 | })();
102 | */
103 | 


--------------------------------------------------------------------------------
/wiki.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/wiki.png


--------------------------------------------------------------------------------
/wikilogo2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/scratchfoundation/scratchwikiskin/539958af879e0fbf5ebac44596c4739a3336eac8/wikilogo2.png


--------------------------------------------------------------------------------