Updating CHANGELOG.md, add COPYING, last improvements to css and Pivot.skin.php

CHANGELOG.md

@@ -1 +1,3 @@
-1.0.0
+## Version 1.0.0
+
+* Initial release of Pivot skin for MediaWiki

COPYING

@@ -0,0 +1,28 @@
+Copyright (c) 2016-2017, Tom Hutchison All rights reserved.
+
+Foreground Original Copyright Notice as stated below:
+Copyright (c) 2013, Garrick Van Buren, Jamie Thingelstad All rights
+reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+1) Redistributions of source code must retain the above copyright
+notice, this list of conditions and the following disclaimer.
+
+2) Redistributions in binary form must reproduce the above copyright
+notice, this list of conditions and the following disclaimer in the
+documentation and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

Pivot.skin.php

@@ -160,7 +160,7 @@ class pivotTemplate extends BaseTemplate {
 										<ul class="side-nav">
 											<li class="name logo">
 											<a href="<?php echo $this->data['nav_urls']['mainpage']['href']; ?>">
-												<img alt="<?php echo $this->text('sitename'); ?>" src="<?php echo $this->text('logopath') ?>" style="max-width: 100%;height:auto;display: inline-block; vertical-align:middle;text-align:center;"></a>		
+												<img alt="<?php echo $this->text('sitename'); ?>" src="<?php echo $this->text('logopath') ?>" style="max-width: 100%;height: auto;display: inline-block; vertical-align: middle;"></a>		
 											</li>
 											<li class="has-form">
 												<form action="/w/index.php" id="searchform" class="mw-search">

README.md

@@ -1,8 +1,3 @@
-# RC-1!
-
-This skin is based on a fork of and complete rework of the layout of the Foreground skin. Added classes available in Foundation 5, 100% width like Vector, but is totally mobile responsive.
-
-
 # MediaWiki Pivot Skin
 
 [![Build Status](https://travis-ci.org/Hutchy68/pivot.svg?branch=master)](https://travis-ci.org/Hutchy68/pivot)
@@ -28,7 +23,7 @@ After that, you can issue `git pull` to update the code at anytime.
 
 Once the skin is in place add the following line to your `LocalSettings.php` file.
 
-    require_once "$IP/skins/pivot/pivot.php";
+    wfLoadSkin( 'pivot' );
 
 This will activate Pivot in your installation. At this point you can select it as a user skin in your user preferences.
 
@@ -51,7 +46,7 @@ Use following features in `LocalSettings.php` to change the behavior.
 - `'useAddThisShare' => false` default, do not use AddThis share, `true` will insert the share toolbox div directly under page title, but before the tagline.
 - `'useAddThisFollow' => false` default, do not use AddThis follow, `true` will insert the follow toolbox div in the `right-footer` area before icon or text output.
 
-These are the default values:
+These are the default values and the example of the array to change the defaults. Add the following after `wfLoadSkin( 'pivot' );` in `LocalSettings.php` to change the feature defaults:
 
 	$wgPivotFeatures = array(
 		'showActionsForAnon' => true,

assets/stylesheets/pivot-print.css

@@ -1,13 +1,24 @@
 @media print {
-  nav, footer { display:none; }
+	/* stop double border at bottom with print */
-}4.namespace.label {
+	footer.row {
+		border: none;
+	}
+	/*make namespace labels stand out */
+	h4.namespace.label {
     padding: 0.25em;
     font-size: 1.4em !important;
     font-weight: normal;
     background-color: #2284a1 !important;
 	color: #fff !important;
 	}
+	/* do not print borders of page */
+	#p-cactions {		
+    border-right:none;		
+    border-left:none;		
+	}
+	/* if addThis share is used, hide mobile content from js */
 	#at4m-dock {
 	display: none;
 	}
+	
 }

assets/stylesheets/pivot.css

@@ -331,8 +331,8 @@ li.social-follow {
     .ns--1 table.mw-specialpages-table td {
     display: inline;
 }
-.ns-14 table,
+	.ns-14 table,
-.ns--1 table {
+	.ns--1 table {
     overflow:hidden;
 }
 .ns-14 table ul,
@@ -400,6 +400,7 @@ table.formedit tr:nth-of-type(even) {
 
 table {
   width: auto;
+  max-width: 100%;
 }
 
 td.mw-label {
@@ -886,6 +887,8 @@ margin: 0;
     padding-top: 1.5em;
     padding-bottom: .5em;
     background-color: #fff;
+	border-left: 1px solid #ccc;		
+    border-right: 1px solid #ccc;
 }
 
 ul.side-nav .button {