Item1521: Adding first public SoftSkin prototype

git-svn-id: http://svn.foswiki.org/trunk/SoftSkin@3683 0b4bb1d4-4e5a-0410-9cc4-b2b747904278

data/System/SoftSkin.txt

@@ -0,0 +1,12 @@
+%META:TOPICINFO{author="BaseUserMapping_333" date="1240321349" format="1.1" reprev="1.10" version="1.10"}%
+
+---+ Soft Skin
+
+Skin prototype making use of JQuery UI themes.
+
+
+   * Set SKIN = soft
+
+   * Set SOFTSKIN_ICON_ALERT = <span class="ui-icon ui-icon-alert" style="float: left;margin-right: .3em; margin-top: 0.2em;"></span>
+
+   * Set SOFTSKIN_HELPER_CLEAR = <div class="ui-helper-clearfix"></div>

lib/Foswiki/Contrib/SoftSkin.pm

@@ -0,0 +1,25 @@
+# Skin for Foswiki - The Free and Open Source Wiki, http://foswiki.org/
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License
+# as published by the Free Software Foundation; either version 2
+# of the License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details, published at
+# http://www.gnu.org/copyleft/gpl.html
+
+package Foswiki::Contrib::SoftSkin;
+
+use strict;
+
+use vars qw( $VERSION $RELEASE $SHORTDESCRIPTION );
+
+$VERSION = '$Rev$'; # version of *this file*.
+# This is *not* the version of the package, which should be set in the
+# | Version: | line in the extension topic.
+
+$SHORTDESCRIPTION = 'Skin prototype making use of JQuery UI themes';
+

lib/Foswiki/Contrib/SoftSkin/DEPENDENCIES

@@ -0,0 +1,5 @@
+# Dependencies for SoftSkin
+# Example:
+# Time::ParseDate,>=2003.0211,cpan,Required.
+# Foswiki::Plugins,>=1.2,perl,Requires version 1.2 of handler API.
+

lib/Foswiki/Contrib/SoftSkin/MANIFEST

@@ -0,0 +1,21 @@
+# Release manifest for SoftSkin
+data/System/SoftSkin.txt 0644 Documentation
+lib/Foswiki/Contrib/SoftSkin.pm 0644 Perl module
+data/System/SoftSkin.txt
+lib/Foswiki/Contrib/SoftSkin.pm
+pub/System/SoftSkin/layout.css
+pub/System/SoftSkin/style.css
+templates/addform.soft.tmpl
+templates/attach.soft.tmpl
+templates/attachagain.soft.tmpl
+templates/attachnew.soft.tmpl
+templates/attachtables.soft.tmpl
+templates/changeform.soft.tmpl
+templates/edit.soft.tmpl
+templates/form.soft.tmpl
+templates/formtables.soft.tmpl
+templates/foswiki.soft.tmpl
+templates/login.soft.tmpl
+templates/view.soft.tmpl
+templates/viewtopicactionbuttons.soft.tmpl
+

lib/Foswiki/Contrib/SoftSkin/build.pl

@@ -0,0 +1,24 @@
+#!/usr/bin/perl -w
+BEGIN { unshift @INC, split( /:/, $ENV{FOSWIKI_LIBS} ); }
+use Foswiki::Contrib::Build;
+
+# Create the build object
+$build = new Foswiki::Contrib::Build('SoftSkin');
+
+# (Optional) Set the details of the repository for uploads.
+# This can be any web on any accessible Foswiki installation.
+# These defaults will be used when expanding tokens in .txt
+# files, but be warned, they can be overridden at upload time!
+
+# name of web to upload to
+$build->{UPLOADTARGETWEB} = 'Extensions';
+# Full URL of pub directory
+$build->{UPLOADTARGETPUB} = 'http://foswiki.org/pub';
+# Full URL of bin directory
+$build->{UPLOADTARGETSCRIPT} = 'http://foswiki.org/bin';
+# Script extension
+$build->{UPLOADTARGETSUFFIX} = '';
+
+# Build the target on the command line, or the default target
+$build->build($build->{target});
+

pub/System/SoftSkin/layout.css

@@ -0,0 +1,81 @@
+
+
+/* CSS Document */
+* {margin:0;padding:0}
+p {margin-bottom:1em}
+ul{margin-left:20px;margin-bottom:1em}
+/* commented backslash hack v2 \*/ 
+html, body{height:100%;} 
+/* end hack */ 
+
+body {
+border-width:0px !important;
+/*remove the body background image as it is broken on most browsers*/
+background-image: none !important;
+}
+#outer{
+	/*
+	margin-left:130px; 
+	margin-right:130px; 
+	*/
+	/*
+	border-left:1px solid #000;
+	border-right:1px solid #000;
+	*/
+	margin-bottom:-52px;
+	min-height:100%;
+	/*border-width:0px;	*/
+	border-top:0px;
+	border-bottom:0px;
+}
+
+#header{
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:70px;
+/*	
+	border-top:1px;
+	border-bottom:1px;
+*/
+	/*Prevents horizontal scroll*/
+	border-left:0px;
+	border-right:0px;
+	overflow:hidden;
+}
+
+#footer {
+	width:100%;
+	clear:both;
+	height:50px;	
+	/*
+	border-top:1px solid;
+	border-bottom:1px solid;
+	*/
+	/*Prevents horizontal scroll*/
+	border-left:0px;
+	border-right:0px;
+	/*text-align:center;*/
+	position:relative;
+}
+#clearheader{height:72px;}/*needed to make room for header*/
+#clearfooter{clear:both;height:52px;}/*needed to make room for footer*/
+* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
+#content {
+	width:100%;
+	float:left;
+	position:relative;
+	z-index:1;
+	margin:0 -1px;/* moz fix*/
+}
+
+html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */
+
+/*SL: most important to make sure our global forms do not break our layout*/
+form {
+	display:inline;
+	margin:0;
+	padding:0;
+}
+

pub/System/SoftSkin/style.css

@@ -0,0 +1,192 @@
+
+/*
+.foswikiToc {
+	margin:1em 0;
+	padding:.3em 0 .6em 0;
+}
+.foswikiToc ul {
+	list-style:none;
+	padding:0 0 0 .5em;
+	margin:0;
+}
+.foswikiToc li {
+	margin-left:1em;
+	padding-left:1em;
+	background-repeat:no-repeat;
+	background-position:0 .5em;
+}
+.foswikiToc .foswikiTocTitle {
+	margin:0;
+	padding:0;
+	font-weight:bold;
+}
+*/
+
+.foswikiToc {
+/*display: inline;*/
+}
+
+li, ul{
+/* Fixes horizontal scroll issue on WebKit*/
+overflow:hidden;
+}
+
+
+/*
+SL: Newly added stuff 
+*/
+
+#content {	
+font-size: 0.8em;
+/*padding the content at the top and bottom*/
+padding-top: 1%;
+padding-bottom: 1%;
+}
+
+#outer {	
+/*padding the content left and right*/
+padding-left: 1%;
+padding-right: 1%;
+}
+
+#footer {
+font-size:0.5em;
+text-align:left;
+font-weight:lighter;
+}
+
+#footer > .fw-footer {
+/*No way to properly center that verticaly so we just use some padding*/
+padding-top: 2em;
+padding-left: 1em;
+/*float:left;*/
+}
+
+#footer > .fw-topicinfo {
+/*No way to properly center that verticaly so we just use some padding*/
+/*
+padding-top: 2em;
+padding-right: 1em;
+float:right;
+*/
+padding-left: 1em;
+}
+
+#header {
+font-size:1em;
+}
+
+/* Not useful anymore since we replaced our anchor with buttons*/
+#header > .fw-toolbar > input.fw-button{
+/*SL: find out why we need half the values from fw-button to make the buttons in 'edit' look similar to the ones from 'view'*/
+/*padding: .3em .6em;*/
+}
+/*Select tool bar in the header*/
+#header > .fw-toolbar {
+font-size: 0.6em;
+padding: 0.2em;
+padding-top: 0.8em;
+padding-right: 0.4em;
+/*
+text-align:right;
+vertical-align: top;
+position:absolute;
+top:1%;
+right:0;
+*/
+float:right;
+}
+
+#header > .fw-header {
+padding-top: 1em;
+padding-left: 1em;
+float:left;
+}
+
+#header > .fw-username {
+clear:right;
+font-size:0.6em;
+font-weight:normal;
+float:right;
+padding: .4em;
+margin:0 4px 0 0;
+}
+
+/*Show access key*/
+.foswikiAccessKey  {
+	font-weight:bold;
+	text-decoration:underline;
+	/*
+	border-width:0 0 1px 0;
+	border-style:solid;
+	*/
+}
+
+/*Show access key for primary button*/
+.ui-priority-primary  > .foswikiAccessKey {
+	font-weight:bold;
+	text-decoration:underline;
+}
+
+/*Topic data form*/
+.fw-data-form  {
+/*padding:1em;*/
+}
+
+/*Table*/
+.fw-table {
+display:table;
+border-collapse: collapse;
+}
+
+/*Table caption*/
+.fw-caption {
+padding:0.5em;
+display: table-caption;
+}
+
+/*Table row*/
+.fw-tr{
+padding:0.5em;
+display: table-row;
+}
+
+/*Table header and table data*/
+.fw-th, .fw-td {
+padding:0.5em;
+display: table-cell;
+}
+
+/*Text input and text area*/
+.fw-input{
+margin:0.2em;
+padding:0.1em;
+}
+
+/*Checkbox and radio button*/
+.fw-checkbox,
+.fw-radiobutton {
+	margin:0.1em .25em 1px .1em;
+	padding:0 0 0 .5em;	
+	border:0;
+}
+
+/*Display an error message*/
+.fw-error{
+	display: inline;
+	padding:0.8em;
+	float: left;	
+}
+
+/*Display an icon*/
+.fw-icon {
+
+/*
+float: left;
+margin-right: .3em;
+margin-top: 0.2em;
+*/
+}
+
+
+

templates/addform.soft.tmpl

@@ -0,0 +1,2 @@
+%{ This is a default template }%
+%{ We don't need that in soft skin }%