merged with 1.30.00

Sankore 3.1.iss

@@ -6,19 +6,19 @@
 ; Do not use the same AppId value in installers for other applications.
 ; (To generate a new GUID, click Tools | Generate GUID inside the IDE.)
 AppId={{E63D17F8-D9DA-479D-B9B5-0D101A03703B}
-AppName=Sankore 3.1
-AppVerName=Sankore 3.1
-AppPublisher=Sankore
+AppName=Open-Sankore
+AppVerName=Open-Sankore
+AppPublisher=Open-Sankore
 
 AppPublisherURL=http://dev.open-sankore.org
 AppSupportURL=http://dev.open-sankore.org
 AppUpdatesURL=http://dev.open-sankore.org
 
-DefaultDirName={pf}\Sankore 3.1
-DefaultGroupName=Sankore 3.1
+DefaultDirName={pf}\Open-Sankore
+DefaultGroupName=Open-Sankore
 
 OutputDir=.\install\win32\
-OutputBaseFilename=Sankore 3.1
+OutputBaseFilename=Open-Sankore
 SetupIconFile=.\resources\win\uniboard.ico
 Compression=lzma
 SolidCompression=yes
@@ -36,7 +36,7 @@ Name: "quicklaunchicon"; Description: "{cm:CreateQuickLaunchIcon}"; GroupDescrip
 
 [InstallDelete]
 
-Type: files ; Name: "{app}\Sankore 3.1.pdb"
+Type: files ; Name: "{app}\Open-Sankore.pdb"
 Type: filesandordirs ; Name: "{app}\library"
 Type: filesandordirs ; Name: "{app}\Microsoft.VC90.CRT"
 Type: filesandordirs ; Name: "{app}\plugins"
@@ -83,31 +83,31 @@ Source: "..\Qt-sankore3.1\plugins\phonon_backend\phonon_ds94.dll"; DestDir: "{ap
 ; NOTE: Don't use "Flags: ignoreversion" on any shared system files
 
 [Icons]
-Name: "{group}\Sankore 3.1"; Filename: "{app}\Sankore 3.1.exe"
+Name: "{group}\Open-Sankore"; Filename: "{app}\Open-Sankore.exe"
 Name: "{group}\{cm:UninstallProgram,Sankore 3.1}"; Filename: "{uninstallexe}"
-Name: "{commondesktop}\Sankore 3.1"; Filename: "{app}\Sankore 3.1.exe"; Tasks: desktopicon
-Name: "{userappdata}\Microsoft\Internet Explorer\Quick Launch\Sankore 3.1"; Filename: "{app}\Sankore 3.1.exe"; Tasks: quicklaunchicon
+Name: "{commondesktop}\Open-Sankore"; Filename: "{app}\Open-Sankore.exe"; Tasks: desktopicon
+Name: "{userappdata}\Microsoft\Internet Explorer\Quick Launch\Open-Sankore"; Filename: "{app}\Open-Sankore.exe"; Tasks: quicklaunchicon
 ;Name: "{group}\Printing Preferences"; Filename: "{app}\properties.exe"; WorkingDir: {app}
 
 [Registry]
 Root: HKCR; Subkey: ".ubz"; ValueType: string; ValueName: ""; ValueData: "SankoreFile"; Flags: uninsdeletevalue
-Root: HKCR; Subkey: "SankoreFile"; ValueType: string; ValueName: ""; ValueData: "Sankore 3.1 document"; Flags: uninsdeletekey
-Root: HKCR; Subkey: "SankoreFile\DefaultIcon"; ValueType: string; ValueName: ""; ValueData: "{app}\Sankore 3.1.exe,1"
-Root: HKCR; Subkey: "SankoreFile\shell\open\command"; ValueType: string; ValueName: ""; ValueData: """{app}\Sankore 3.1.exe"" ""%1"""
+Root: HKCR; Subkey: "SankoreFile"; ValueType: string; ValueName: ""; ValueData: "Open-Sankore document"; Flags: uninsdeletekey
+Root: HKCR; Subkey: "SankoreFile\DefaultIcon"; ValueType: string; ValueName: ""; ValueData: "{app}\Open-Sankore.exe,1"
+Root: HKCR; Subkey: "SankoreFile\shell\open\command"; ValueType: string; ValueName: ""; ValueData: """{app}\Open-Sankore.exe"" ""%1"""
 
-Root: HKLM; Subkey: "SOFTWARE\Sankore 3.1"; ValueType: string; ValueName: "Client application"; ValueData: "{app}\Sankore 3.1.exe"; Flags: uninsdeletevalue; Check: isProcessorNotX64
-Root: HKLM; Subkey: "SOFTWARE\Sankore 3.1"; ValueType: dword; ValueName: "Transfer mode"; ValueData: "0"; Flags: uninsdeletevalue; Check: isProcessorNotX64
-Root: HKLM; Subkey: "SOFTWARE\Sankore 3.1"; ValueType: dword; ValueName: "EMF: Hide page"; ValueData: "1"; Flags: uninsdeletevalue; Check: isProcessorNotX64
-Root: HKLM; Subkey: "SOFTWARE\Sankore 3.1\Defaults"; ValueType: dword; ValueName: "PDF: Enabled"; ValueData: "1"; Flags: uninsdeletevalue; Check: isProcessorNotX64
+Root: HKLM; Subkey: "SOFTWARE\Open-Sankore"; ValueType: string; ValueName: "Client application"; ValueData: "{app}\Open-Sankore.exe"; Flags: uninsdeletevalue; Check: isProcessorNotX64
+Root: HKLM; Subkey: "SOFTWARE\Open-Sankore"; ValueType: dword; ValueName: "Transfer mode"; ValueData: "0"; Flags: uninsdeletevalue; Check: isProcessorNotX64
+Root: HKLM; Subkey: "SOFTWARE\Open-Sankore"; ValueType: dword; ValueName: "EMF: Hide page"; ValueData: "1"; Flags: uninsdeletevalue; Check: isProcessorNotX64
+Root: HKLM; Subkey: "SOFTWARE\Open-Sankore\Defaults"; ValueType: dword; ValueName: "PDF: Enabled"; ValueData: "1"; Flags: uninsdeletevalue; Check: isProcessorNotX64
 
 Root: HKLM; Subkey: "SOFTWARE\Microsoft\Internet Explorer\Low Rights\DragDrop\{{E63D17F8-D9DA-479D-B9B5-0D101A03703B}"; ValueType: dword; ValueName: "Policy"; ValueData: "3"; Flags: uninsdeletevalue; Check: isProcessorNotX64
-Root: HKLM; Subkey: "SOFTWARE\Microsoft\Internet Explorer\Low Rights\DragDrop\{{E63D17F8-D9DA-479D-B9B5-0D101A03703B}"; ValueType: string; ValueName: "AppName"; ValueData: "Sankore 3.1.exe"; Flags: uninsdeletevalue; Check: isProcessorNotX64
+Root: HKLM; Subkey: "SOFTWARE\Microsoft\Internet Explorer\Low Rights\DragDrop\{{E63D17F8-D9DA-479D-B9B5-0D101A03703B}"; ValueType: string; ValueName: "AppName"; ValueData: "Open-Sankore.exe"; Flags: uninsdeletevalue; Check: isProcessorNotX64
 Root: HKLM; Subkey: "SOFTWARE\Microsoft\Internet Explorer\Low Rights\DragDrop\{{E63D17F8-D9DA-479D-B9B5-0D101A03703B}"; ValueType: string; ValueName: "AppPath"; ValueData: "{app}"; Flags: uninsdeletevalue; Check: isProcessorNotX64
 
-Root: HKLM64; Subkey: "SOFTWARE\Sankore 3.1"; ValueType: string; ValueName: "Client application"; ValueData: "{app}\Sankore 3.1.exe"; Flags: uninsdeletevalue; Check: isProcessorX64
-Root: HKLM64; Subkey: "SOFTWARE\Sankore 3.1"; ValueType: dword; ValueName: "Transfer mode"; ValueData: "0"; Flags: uninsdeletevalue; Check: isProcessorX64
-Root: HKLM64; Subkey: "SOFTWARE\Sankore 3.1"; ValueType: dword; ValueName: "EMF: Hide page"; ValueData: "1"; Flags: uninsdeletevalue; Check: isProcessorX64
-Root: HKLM64; Subkey: "SOFTWARE\Sankore 3.1\Defaults"; ValueType: dword; ValueName: "PDF: Enabled"; ValueData: "1"; Flags: uninsdeletevalue; Check: isProcessorX64
+Root: HKLM64; Subkey: "SOFTWARE\Open-Sankore"; ValueType: string; ValueName: "Client application"; ValueData: "{app}\Open-Sankore.exe"; Flags: uninsdeletevalue; Check: isProcessorX64
+Root: HKLM64; Subkey: "SOFTWARE\Open-Sankore"; ValueType: dword; ValueName: "Transfer mode"; ValueData: "0"; Flags: uninsdeletevalue; Check: isProcessorX64
+Root: HKLM64; Subkey: "SOFTWARE\Open-Sankore"; ValueType: dword; ValueName: "EMF: Hide page"; ValueData: "1"; Flags: uninsdeletevalue; Check: isProcessorX64
+Root: HKLM64; Subkey: "SOFTWARE\Open-Sankore\Defaults"; ValueType: dword; ValueName: "PDF: Enabled"; ValueData: "1"; Flags: uninsdeletevalue; Check: isProcessorX64
 
 Root: HKLM64; Subkey: "SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\Low Rights\DragDrop\{{E63D17F8-D9DA-479D-B9B5-0D101A03703B}"; ValueType: dword; ValueName: "Policy"; ValueData: "3"; Flags: uninsdeletevalue; Check: isProcessorX64
 Root: HKLM64; Subkey: "SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\Low Rights\DragDrop\{{E63D17F8-D9DA-479D-B9B5-0D101A03703B}"; ValueType: string; ValueName: "AppName"; ValueData: "Sankore 3.1.exe"; Flags: uninsdeletevalue; Check: isProcessorX64
@@ -115,7 +115,7 @@ Root: HKLM64; Subkey: "SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\Low Righ
 
 [Run]
 Filename: "{tmp}\vcredist_x86.exe";WorkingDir:"{tmp}"
-Filename: "{app}\Sankore 3.1.exe"; Description: "{cm:LaunchProgram,Sankore 3.1}"; Flags: nowait postinstall
+Filename: "{app}\Open-Sankore.exe"; Description: "{cm:LaunchProgram,Open-Sankore}"; Flags: nowait postinstall
 
 [UninstallDelete]
 ; cleanup and delete whole installation directory
@@ -130,5 +130,5 @@ end;
 function isProcessorNotX64: Boolean;
 begin
 	Result := not isProcessorX64;
-end;
-
+end;
+

Sankore_3.1.pro

-TARGET = "Sankore"
+TARGET = "Open-Sankore"
 TEMPLATE = app
 
 THIRD_PARTY_PATH=../Sankore-ThirdParty

release.linux.sh

+#!/bin/bash
 # --------------------------------------------------------------------
 # 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
@@ -13,7 +14,6 @@
 # along with this program.  If not, see <http://www.gnu.org/licenses/>.
 # ---------------------------------------------------------------------
 
-#!/bin/sh
 
 make clean
 rm -rf build/linux/release/
@@ -89,14 +89,16 @@ copyQtLibrary libQtXml
 copyQtLibrary libQtGui
 copyQtLibrary libQtCore
 
+cp "$QT_LIBRARY_SOURCE_PATH/phonon.so.4" "$QT_LIBRARY_DEST_PATH/"
+cp "$QT_LIBRARY_SOURCE_PATH/phonon.so.4.4.0" "$QT_LIBRARY_DEST_PATH/"
 
 rm -rf install/linux
 mkdir -p install/linux
 
-mv build/linux/release/product build/linux/release/Sankore.$VERSION
+mv build/linux/release/product build/linux/release/Open-Sankore.$VERSION
 cd build/linux/release
 
 # "Removing .svn directories ..."
 find . -name .svn -exec rm -rf {} \; 2> /dev/null
-tar cvzf ../../../install/linux/Sankore.tar.gz Sankore.$VERSION -C . 
-echo "Build Finished"
+tar cvzf ../../../install/linux/Open-Sankore.tar.gz Open-Sankore.$VERSION -C . 
+notify-send "Open-Sankore"  "Build Finished"

release.macx.sh

+#!/bin/bash
 # --------------------------------------------------------------------
 # 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
@@ -13,11 +14,9 @@
 # along with this program.  If not, see <http://www.gnu.org/licenses/>.
 # ---------------------------------------------------------------------
 
-#!/bin/bash
-
 # Executables
 QMAKE="/usr/local/Trolltech/Qt-4.7.3/bin/qmake"
-MACDEPLOYQT="`pwd`/../Qt-sankore3.1/bin/macdeployqt"
+MACDEPLOYQT=/usr/local/Trolltech/Qt-4.7.3/bin/macdeployqt
 DMGUTIL="`pwd`/../Sankore-ThirdParty/refnum/dmgutil/dmgutil.pl"
 DSYMUTIL=/usr/bin/dsymutil
 STRIP=/usr/bin/strip
@@ -103,11 +102,11 @@ if [ $? != 0 ]; then
 fi
 
 
-NAME="Sankore"
+NAME="Open-Sankore"
 
 DMG="$NAME.dmg"
 VOLUME="/Volumes/$NAME"
-APP="$PRODUCT_DIR/Sankore.app"
+APP="$PRODUCT_DIR/Open-Sankore.app"
 DSYM_NAME="$NAME (r$SVN_REVISION).dSYM"
 DSYM="$PRODUCT_DIR/$DSYM_NAME"
 GSYM_i386="$PRODUCT_DIR/$NAME i386.sym"
@@ -125,11 +124,13 @@ $PLISTBUDDY -c "Set :CFBundleGetInfoString $NAME" "$INFO_PLIST"
 
 # bundle Qt Frameworks into the app bundle
 notify "Bulding frameworks ..."
-$MACDEPLOYQT "$APP"
+cd "`pwd`/build/macx/release/product/"
+$MACDEPLOYQT "`pwd`/Open-Sankore.app"
+cd -
 
 notify "Extracting debug information ..."
-$DSYMUTIL "$APP/Contents/MacOS/Sankore" -o "$DSYM"
-$STRIP -S "$APP/Contents/MacOS/Sankore"
+$DSYMUTIL "$APP/Contents/MacOS/Open-Sankore" -o "$DSYM"
+$STRIP -S "$APP/Contents/MacOS/Open-Sankore"
 
 notify "Creating dmg ..."
 umount "$VOLUME" 2> /dev/null

release.vc9.bat

-REM --------------------------------------------------------------------
-REM This program is free software: you can redistribute it and/or modify
-REM it under the terms of the GNU General Public License as published by
-REM the Free Software Foundation, either version 3 of the License, or
-REM (at your option) any later version.
-REM 
-REM This program is distributed in the hope that it will be useful,
-REM but WITHOUT ANY WARRANTY; without even the implied warranty of
-REM MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-REM GNU General Public License for more details.
-REM 
-REM You should have received a copy of the GNU General Public License
-REM along with this program.  If not, see <http://www.gnu.org/licenses/>.
-REM ---------------------------------------------------------------------
-
-set QT_DIR=..\Qt-sankore3.1
-set QT_BIN=%QT_DIR%\bin
-
-set VS_BIN="C:\Program Files\Microsoft Visual Studio 9.0\VC\bin"
-set WIN_SDK_BIN="C:\Program Files\Microsoft SDKs\Windows\v6.1\Bin"
-set INNO_EXE="C:\Program Files\Inno Setup 5\iscc.exe "
-set BUILD_DIR=build\win32\release
-
-set PATH=%QT_BIN%;%PATH%;%WIN_SDK_BIN%
-
-call %VS_BIN%\vcvars32.bat
-
-REM this checks if the custom qt directory path
-REM is correct. This is important because installer
-REM pick up dll from this directory
-IF NOT EXIST "..\Qt-sankore3.1\lib\QtCore4.dll" GOTO EXIT_WITH_ERROR
-
-rmdir /S /Q %BUILD_DIR%
-
-set EDITION=MNEMIS_EDITION
-
-"%QT_BIN%\qmake.exe" "DEFINES+=%EDITION%"
-
-set /p VERSION= < build\win32\release\version
-git rev-list --tags --max-count=1 > tmp
-set /p LAST_TAG= < tmp
-erase tmp
-git describe %LAST_TAG% > tmp
-set /p LAST_TAG_VERSION=< tmp
-erase tmp
-
-echo %VERSION%
-echo %LAST_TAG_VERSION%
-
-if not v%VERSION%==%LAST_TAG_VERSION% GOTO EXIT_WITH_ERROR
-
-nmake release-install
-
-del .\build\win32\release\product\Sankore 3.1.pdb
-
-set INSTALLER_NAME=Sankore 3.1
-
-set INSTALLER_PATH=.\install\win32\%INSTALLER_NAME%.exe
-
-call %INNO_EXE% "Sankore 3.1.iss" /F"%INSTALLER_NAME%"
-
-:EXIT_WITH_ERROR
-	echo ERROR

release.win7.vc9.bat

-REM --------------------------------------------------------------------
-REM This program is free software: you can redistribute it and/or modify
-REM it under the terms of the GNU General Public License as published by
-REM the Free Software Foundation, either version 3 of the License, or
-REM (at your option) any later version.
-REM 
-REM This program is distributed in the hope that it will be useful,
-REM but WITHOUT ANY WARRANTY; without even the implied warranty of
-REM MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-REM GNU General Public License for more details.
-REM 
-REM You should have received a copy of the GNU General Public License
-REM along with this program.  If not, see <http://www.gnu.org/licenses/>.
-REM ---------------------------------------------------------------------
-
-set QT_DIR=..\Qt-sankore3.1
-set QT_BIN=%QT_DIR%\bin
-
-set PROGRAM_FILES_PATH=C:\Program Files (x86)
-
-set GIT_BIN=%PROGRAM_FILES_PATH%\Git\bin
-set VS_BIN=%PROGRAM_FILES_PATH%\Microsoft Visual Studio 9.0\VC\bin
-set WIN_SDK_BIN=%PROGRAM_FILES_PATH%\Microsoft SDKs\Windows\v6.0A\Bin
-set INNO_EXE=%PROGRAM_FILES_PATH%\Inno Setup 5\iscc.exe 
-
-set BUILD_DIR=build\win32\release
-
-set PATH=%QT_BIN%;%PATH%;%WIN_SDK_BIN%;%GIT_BIN%
-
-call "%VS_BIN%\vcvars32.bat"
-
-echo %PATH%
-
-REM this checks if the custom qt directory path
-REM is correct. This is important because installer
-REM pick up dll from this directory
-IF NOT EXIST "..\Qt-sankore3.1\lib\QtCore4.dll" GOTO EXIT_WITH_ERROR
-
-rmdir /S /Q %BUILD_DIR%
-
-set EDITION=MNEMIS_EDITION
-
-"%QT_BIN%\qmake.exe" "DEFINES+=%EDITION%"
-
-set /p VERSION= < build\win32\release\version
-git rev-list --tags --max-count=1 > tmp
-set /p LAST_TAG= < tmp
-erase tmp
-git describe %LAST_TAG% > tmp
-set /p LAST_TAG_VERSION=< tmp
-erase tmp
-
-echo %VERSION%
-echo %LAST_TAG_VERSION%
-
-if not v%VERSION%==%LAST_TAG_VERSION% GOTO EXIT_WITH_ERROR
-
-nmake release-install
-
-del ".\build\win32\release\product\Sankore.pdb"
-
-set INSTALLER_NAME=Sankore
-
-set INSTALLER_PATH=.\install\win32\%INSTALLER_NAME%.exe
-
-call "%INNO_EXE%" "Sankore.iss" /F"%INSTALLER_NAME%"
-
-:EXIT_WITH_ERROR
-	echo ERROR
+REM --------------------------------------------------------------------
+REM This program is free software: you can redistribute it and/or modify
+REM it under the terms of the GNU General Public License as published by
+REM the Free Software Foundation, either version 3 of the License, or
+REM (at your option) any later version.
+REM 
+REM This program is distributed in the hope that it will be useful,
+REM but WITHOUT ANY WARRANTY; without even the implied warranty of
+REM MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+REM GNU General Public License for more details.
+REM 
+REM You should have received a copy of the GNU General Public License
+REM along with this program.  If not, see <http://www.gnu.org/licenses/>.
+REM ---------------------------------------------------------------------
+
+set QT_DIR=..\Qt-sankore3.1
+set QT_BIN=%QT_DIR%\bin
+
+set PROGRAMS_FILE_PATH=C:\Program Files
+
+set GIT_BIN=%PROGRAMS_FILE_PATH%\Git\bin
+set VS_BIN=%PROGRAMS_FILE_PATH%\Microsoft Visual Studio 9.0\VC\bin
+set WIN_SDK_BIN=%PROGRAMS_FILE_PATH%\Microsoft SDKs\Windows\v6.0A\Bin
+set INNO_EXE=%PROGRAMS_FILE_PATH%\Inno Setup 5\iscc.exe 
+set BUILD_DIR=build\win32\release
+
+set PATH=%QT_BIN%;%PATH%;%WIN_SDK_BIN%;%GIT_BIN%
+
+call "%VS_BIN%\vcvars32.bat"
+
+echo %PATH%
+
+REM this checks if the custom qt directory path
+REM is correct. This is important because installer
+REM pick up dll from this directory
+IF NOT EXIST "..\Qt-sankore3.1\lib\QtCore4.dll" GOTO EXIT_WITH_ERROR
+
+REM rmdir /S /Q %BUILD_DIR%
+
+set EDITION=MNEMIS_EDITION
+
+"%QT_BIN%\qmake.exe" "DEFINES+=%EDITION%"
+
+set /p VERSION= < build\win32\release\version
+git rev-list --tags --max-count=1 > tmp
+set /p LAST_TAG= < tmp
+erase tmp
+git describe %LAST_TAG% > tmp
+set /p LAST_TAG_VERSION=< tmp
+erase tmp
+
+echo %VERSION%
+echo %LAST_TAG_VERSION%
+
+REM if not v%VERSION%==%LAST_TAG_VERSION% GOTO EXIT_WITH_ERROR
+
+nmake release-install
+
+del ".\build\win32\release\product\Sankore.pdb"
+
+set INSTALLER_NAME=Open-Sankore
+
+set INSTALLER_PATH=.\install\win32\%INSTALLER_NAME%.exe
+
+call "%INNO_EXE%" "Sankore.iss" /F"%INSTALLER_NAME%"
+
+:EXIT_WITH_ERROR
+	echo ERROR

resources/etc/Tutorial/tutorial_en/CSS/grid.css

+
+.main {margin:0 auto; width:800px; padding-top:10px; }
+
+
+.g320,.g480,.g640,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960 {float:left; display: inline; padding-top: 10px;} 
+
+.g800 {float:left; display: inline; width:800px;} 
+
+.g200 {float:left; display: inline; width:190px; padding-top: 10px; padding-left: 10px;}
+.g200left {float:left; display: inline; width:190px; padding-top: 10px; padding-left: 5px}
+
+.g160 {width:150px; }
+.g320  {width:310px;}
+.g480  {width:470px;}
+.g600  {width:600px;}
+.g640  {width:630px;}
+.g800  {width:790px;}
+.g960  {width:950px;}
+
+.g80 {width:70px;}
+.g240 {width:230px;}
+.g400 {width:390px;}
+.g560 {width:550px;}
+.g720 {width:710px;}
+.g880 {width:870px;}
+
+.ml80{margin-left:90px;}
+.ml160{margin-left:170px;}
+.ml240{margin-left:250px;}
+.ml320{margin-left:330px;}
+.ml400{margin-left:410px;}
+.ml480{margin-left:490px;}
+.ml560{margin-left:560px;}
+.ml640{margin-left:650px;}
+.ml720{margin-left:730px;}
+.ml800{margin-left:810px;}
+.ml880{margin-left:890px;}
+.ml960{margin-left:970px;}
+
+.inside{margin-left:0;}
+
+p.grid{ padding-left:10px;}
+  
+.clear {clear:both;}
+.clearfix, .main{ display:block;} 
+
+.clearfix:after, .main:after {
+     visibility: hidden;
+     display: block;
+     font-size: 0;
+     content: " ";
+     clear: both;
+     height: 0;
+	 }

resources/etc/Tutorial/tutorial_en/CSS/reset.css

+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+blockquote, q { quotes: "" ""; }
+
+/* Remove annoying border on linked images. */
+a img { border: none; }
+

resources/etc/Tutorial/tutorial_en/CSS/typography.css

+
+body { font:75%/1.5em "lucida grande","lucida sans unicode", sans-serif;}
+
+p { padding:0 0  1em 0;color:#111;}
+
+
+p.first:first-letter{ float:left;font-family: Palatino,'Palatino Linotype',Georgia, sans-serif;font-size:3em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:0.2em 0.1em 0 0; }
+p img       { float: left; margin: 0.3em 0.833em 0.833em 0; padding: 0; }
+p img.right { float: right; margin: 0.3em  0 0.833em 0.833em;  }
+
+
+h1,h2{ line-height: normal; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; color: #333;  }
+h3,h4,h5,h6 { font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; line-height: normal; font-weight: normal; color: #333; }
+
+
+h1 { font-size: 2.2em;  margin-bottom: 0.682em; }
+h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
+h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
+h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
+h5,h6 { font-size: 1.2em;  margin-bottom: 1.154em; }
+
+/* Color palete */
+.water { color:#5582d1; }
+.earth { color:#4e3e2c; }
+.air { color:#f1fff7; }
+.fire { color:#ff8a19; }
+.wine { color:#4a040a; }
+.beer { color:#F0C030; }
+.caffe { color:#473523; }
+.caffe-cream { color:#b68d3d; }
+.espresso { color:#2c1901; }
+.caramel{ color:#ab671f; }
+.chocolate { color:#290200; }
+.black-pepper { color:#444334; }
+.pepper-lite { color:#8d8a72; }
+.lipstick { color:#c20c0c; }
+
+
+li ul, 
+li ol  { margin:0 1.5em; }
+ul, ol { margin: 0 1.5em 1.5em 1.5em; }
+
+
+dl { margin: 0 0 1.5em 0; }
+dl dt { font-weight: bold; }
+dl dd { margin-left: 1.5em; }
+
+a { color:#035292; text-decoration:none; }
+a:hover { text-decoration: underline; }
+
+
+table { margin-bottom:1.5em; border-collapse: collapse; }
+th { font-weight:bold; }
+tr,th,td { margin:0; padding:0 1.5em 0 1em; height:18px; }
+tfoot { font-style: italic; }
+caption { text-align:center; font-family:Georgia, serif; }
+
+
+abbr, acronym { border-bottom:1px dotted #000; }
+address { margin-top:1.5em; font-style: italic; }
+del {color:#000;}
+
+
+blockquote { padding:1em 1em 1em 1.5em; font-family:baskerville,"palatino linotype",serif; }
+blockquote > *:first-child:before { content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0; }/* From Tripoli  */
+
+strong { ont-weight: bold; }
+em, dfn { font-style: italic; }
+dfn { font-weight: bold; }
+pre, code { margin: 1.5em 0; white-space: pre; }
+pre, code, tt { font: 1em monospace; line-height: 1.5; } 
+tt { display: block; margin: 1.5em 0; }
+hr { margin-bottom:1.5em; }
+
+/*other small things */
+
+.tc { text-align:center; }
+.tr { text-align:right; }
+.tl { text-align:left; }
+.b { font-weight:bold; }
+.i { font-style:italic; }
+
+.indent { text-indent:1.5em;}
+.open { font-variant: small-caps; }
+p.break { text-align:center;text-indent:0;line-height:0; }
+p.zero{padding:0; margin:0}
+p.one { padding:0 1em  1em 1em;color:#111;}
+p img.right10 { float: right; margin:0.833em;  }
+
+.oldbook { font-family:"Book Antiqua","Warnock Pro","Goudy Old Style","Palatino",Georgia,serif; }
+.note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; } 
+.mono { font-family:"Courier New", Courier, monospace; }
+
+

resources/etc/Tutorial/tutorial_en/index.html

-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta name="generator" content="RapidWeaver" />
-		
-		<title>Tutoriel</title>
-		<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/styles.css" />
-		<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/ie6.css" /><![endif]-->
-		<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/colourtag-theme-default.css" />
-		<link rel="stylesheet" type="text/css" media="print" href="rw_common/themes/caribou/print.css" />
-		<link rel="stylesheet" type="text/css" media="handheld" href="rw_common/themes/caribou/handheld.css" />
-		<!--[if IE]><style type="text/css" media="screen">body {behavior: url(rw_common/themes/caribou/csshover.htc);}</style><![endif]-->
-		<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/banner/swirls.css" />
-		<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/logo_position/center.css" />
-		<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/sidebar/sidebar_right.css" />
-		<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/icons/black.css" />
-		
-		
-		<script type="text/javascript" src="rw_common/themes/caribou/javascript.js"></script>
-		
-		
-		
-		
-		<script type="text/javascript" charset="utf-8">	var blankSrc = "rw_common/themes/caribou/png/blank.gif";</script>	
-		<style type="text/css">	img { behavior:	url("rw_common/themes/caribou/png/pngbehavior.htc"); }</style>
-	</head>
-	
-	<!-- This page was created with RapidWeaver from Realmac Software. http://www.realmacsoftware.com -->
-
-<body>
-<div id="bar"></div>
-<div id="container"><!-- Start container -->
-	<div id="pageHeader"><!-- Start page header -->
-		<div id="navcontainer"><!-- Start Navigation -->
-			<ul><li><a href="index.html" rel="self" id="current">Tutoriel</a></li></ul>
-		</div><!-- End navigation --> 
-		<div id="title">
-			<div id="logo"></div>
-			<h1>Tutorial</h1>
-			<h2>Welcome to the Sankore 3.1 tutorial</h2>
-			<div id="overlay_swirls"><img src="rw_common/themes/caribou/images/header_swirls.png" alt="" style="width: 900px; height: 150px;" /></div>
-			<div id="overlay_stripes_glow"><img src="rw_common/themes/caribou/images/header_stripes_glow.png" alt="" style="width: 900px; height: 150px;" /></div>
-			<div id="overlay_stripes_solid"><img src="rw_common/themes/caribou/images/header_stripes_solid.png" alt="" style="width: 900px; height: 150px;" /></div>
-			<div id="overlay_curve_solid"><img src="rw_common/themes/caribou/images/header_curve_solid.png" alt="" style="width: 900px; height: 150px;" /></div>
-		</div>
-		<div id="background"><img src="rw_common/themes/caribou/images/header_bg.png" alt="" style="width: 914px; height: 197px;" /></div>
-	</div><!-- End page header -->
-	
-	<div id="contentContainer"><!-- Start main content wrapper -->
-		<div id="content"><!-- Start content -->
-			<div class="contentSpacer"></div><!-- this makes sure the content is long enough for the design -->
-			<p style="text-align:center;"><span style="font-size:14px; font-weight:bold; ">The development of the tutorial is underway and content will progressively be added in following updates</span><br /><br />Meanwhile, you can go to our website <a href="http://www.open-sankore.org" rel="self">www.open-sankore.org</a> where you can ask your questions and discover more informations on how to use the software. <br /><br />You can also <a href="http://dev.open-sankore.org/xwiki/bin/view/Community/EndUserSupport" rel="self">download</a> the user manual.</p>
-			<div class="clearer"></div>
-		</div><!-- End content -->
-		
-	</div><!-- End main content wrapper -->
-	
-	<div id="sidebarContainer"><!-- Start Sidebar wrapper -->
-		<div id="sidebar"><!-- Start sidebar content -->
-		<div class="sideHeader"></div><!-- Sidebar header --> 
-			<!-- sidebar content you enter in the page inspector -->
-			 <!-- sidebar content such as the blog archive links -->
-		</div><!-- End sidebar content -->
-	</div><!-- End sidebar wrapper -->
-	
-	<div class="clearer"></div>
-	
-</div><!-- End container -->
-
-<div class="clearer"></div>
-<div id="footer"><!-- Start Footer -->
-	<p></p>
-	<div id="breadcrumbcontainer"><!-- Start the breadcrumb wrapper -->
-		
-	</div><!-- End breadcrumb -->
-</div><!-- End Footer -->
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+<link rel="stylesheet" href="CSS/grid.css" type="text/css" media="screen, projection">
+<link rel="stylesheet" href="CSS/reset.css" type="text/css" media="screen, projection">
+<link rel="stylesheet" href="CSS/typography.css" type="text/css" media="screen, projection">
+
+<style>
+body {
+	background-color:#fff;
+	}
+.main {
+	background-color:#fff;
+	} 
+.clear {
+	height:10px;
+	}
+</style>
+</head>
+
+<body>
+<div class="main">
+
+<div class="g800">
+
+<img src="images/logo_open_sankore.png" style="width: 800px"/>
+
+</div>
+
+<div class="g800">
+
+<h4>Welcome to the tutorial space of Open-Sankoré. We propose you a set of online ressources to help you discover our software and improve your teaching and technical knowledge. If you have questions to ask us or want to contribute to the project, simply visit our main website <a href="http://open-sankore.org/" target="_blank">open-sankore.org</a></h4>
+
+</div>
+
+<div class="g200left">
+
+<a href="http://www.youtube.com/user/OpenSankore" target="_blank"><img src="images/video.png" style="width: 188px; border: 1px solid #999"/></a>
+<br/><br/><a href="http://www.youtube.com/user/OpenSankore" target="_blank"><h5 style="text-align: center;">Video tutorials</h5></a>
+
+</div>
+
+<div class="g200">
+
+<a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Le+manuel+qui+manquait" target="_blank"><img src="images/manuel.png" style="width: 188px; border: 1px solid #999"/></a>
+<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Le+manuel+qui+manquait" target="_blank"><h5 style="text-align: center;">The user manual</h5></a>
+
+</div>
+<div class="g200">
+
+<a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Tutoriels" target="_blank"><img src="images/pedago.png" style="width: 188px; border: 1px solid #999"/></a>
+<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Tutoriels" target="_blank"><h5 style="text-align: center;">The teaching space</h5></a>
+
+</div>
+
+<div class="g200">
+
+<a href="http://planete.sankore.org/xwiki/bin/view/Technologique/WebHome" target="_blank"><img src="images/tech.png" style="width: 188px; border: 1px solid #999"/></a>
+<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Technologique/WebHome" target="_blank"><h5 style="text-align: center;">The technical space</h5></a>
+
+</div>
+
+<div class="clear">&nbsp;</div>
+
+</div>
+
+</body>
+</html>

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/colourtag-theme-default.css

-/* @group Layout Colours */
-
-#bar,
-.photo-navigation,
-.movie-title {
-	background-color: #51748C;
-}
-
-#pageHeader #title {
-	background-color: #FF7E00;
-}
-
-#pageHeader h1,
-#pageHeader h2 {
-	text-shadow: 0px -1px 0px #994B00;
-}
-
-#footer {
-	background-color: #82B4D7;
-}
-
-#footer p {
-	text-shadow: 0px -1px 0px #4E6C81;
-}
-
-#breadcrumbcontainer li {
-	color: #5B7E96;
-}
-
-/* @end */
-
-/* @group Content Colours */
-	
-body,
-.blog-entry-body,
-.blog-entry-date,
-.blog-entry {
-	color: #7F7F7F;
-}
-
-
-#sidebarContainer .sideHeader,
-#sidebarContainer #sidebar h1,
-#sidebarContainer #sidebar h2,
-#sidebarContainer #sidebar h3 {
-	color: #51748C;
-}
-
-#sidebarContainer {
-	color: #A6A6A6;
-}
-
-#sidebarContainer #sidebar a,
-#breadcrumbcontainer,
-a:link, a:visited {
-	color: #656565;
-}
-
-h1, h2, h3, h4, h5,
-h1.blog-entry-title a,
-.blog-archive-headings-wrapper,
-.album-title,
-.photo-title,
-.movie-page-title {
-	color: #FF7E00;
-}
-
-
-
-/* @end */
-
-/* @group Navbar */
-
-#navcontainer a {
-	color: #7F7F7F;
-}
-
-#navcontainer a:hover,
-#navcontainer #current,
-#navcontainer .currentAncestor,
-#sidebarContainer #sidebar a:hover,
-.photo-navigation a:hover,
-a:hover, a:active,
-form,
-h1 {
-	color: #FF7E00;
-}
-
-#navcontainer ul ul a:hover,
-#navcontainer ul ul #current,
-#navcontainer ul ul .currentAncestor {
-	background: #FF7E00;
-	color: #fff;
-	border-bottom-color: #FF7E00;
-}
-
-
-
-/* @end */
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/banner/curve_solid.css

-#pageHeader #overlay_curve_solid {
- 	display: block;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/banner/stripes_glow.css

-#pageHeader #overlay_stripes_glow {
-display: block;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/banner/stripes_solid.css

-#pageHeader #overlay_stripes_solid {
-	display: block;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/banner/swirls.css

-#pageHeader #overlay_swirls {
-	display: block;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/icons/alternative.css

-.filesharing-item {
-	background: url(../../images/download_icon.png) no-repeat 0 3px;
-	padding-left: 20px;
-}
-
-/* @group Blog */
-
-.blog-archive-link {
-	background: url(../../images/blog_home.png) no-repeat 0 5px;
-	padding-left: 20px;
-}
-
-.blog-entry-date {
-	padding-left: 20px;
-	background: url(../../images/blog_clock.png) no-repeat 0 3px;
-}
-
-/*styles the category link in the main entry */
-.blog-entry-category {
-	background: url(../../images/blog_file.png) no-repeat 0 0;
-}
-
-.blog-entry-body {
-	padding: 20px 0 40px 0;
-	background: url(../../images/blog_bottom_bar.png) no-repeat left bottom;
-}
-
-.blog-entry-comments {
-	padding-left: 20px;
-	background: url(../../images/blog_comments.png) no-repeat 0 3px;
-}
-
-.blog-trackback-link {
-	padding-left: 20px;
-	background: url(../../images/blog_trackback.png) no-repeat 0 0px;
-}
-
-p.blog-entry-tags {
-	background: url(../../images/blog_tag.png) no-repeat 0 3px;
-}
-
-/* styles the archives in the blog sidebar */
-
-.blog-archive-link-enabled {
-
-	background: url(../../images/blog_icon.png) no-repeat 0;
-}
-
-.blog-archive-link-disabled {
-	background: url(../../images/blog_icon.png) no-repeat 0;
-}
-
-/* Styles the blog categories in the blog sidebar */
-
-.blog-category-link-enabled {
-	background: url(../../images/blog_file.png) no-repeat 0;
-}
-
-.blog-category-link-disabled {
-	background: url(../../images/blog_file.png) no-repeat 0 3px;
-}
-
-.blog-rss-link {
-	background: url(../../images/blog_rss.png) no-repeat 0;}
-
-.blog-comments-rss-link {
-	background: url(../../images/blog_rss.png) no-repeat 0;
-}
-	
-/* @end */
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/icons/black.css

-.blog-entry-category {
-	background: url(../../images/file_black.png) no-repeat left 0;
-	}
-	
-p.blog-entry-tags {
-	background: url(../../images/tag_black.png) no-repeat left 2px;
-}
-
-.blog-category-link-disabled,
-.blog-archive-link-disabled {
-	background: url(../../images/file_black.png) no-repeat left center;
-}
-
-
-.blog-category-link-enabled,
-.blog-archive-link-enabled {
-	background: url(../../images/file_black.png) no-repeat left 1px;
-}
-
-.blog-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;}
-
-.blog-comments-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/icons/blue.css

-.blog-entry-category {
-	background: url(../../images/file_blue.png) no-repeat left 0;
-	}
-	
-p.blog-entry-tags {
-	background: url(../../images/tag_blue.png) no-repeat left 2px;
-}
-
-.blog-category-link-disabled,
-.blog-archive-link-disabled {
-	background: url(../../images/file_blue.png) no-repeat left center;
-}
-
-
-.blog-category-link-enabled,
-.blog-archive-link-enabled {
-	background: url(../../images/file_blue.png) no-repeat left 1px;
-}
-
-.blog-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;}
-
-.blog-comments-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/icons/brown.css

-.blog-entry-category {
-	background: url(../../images/file_brown.png) no-repeat left 0;
-	}
-	
-p.blog-entry-tags {
-	background: url(../../images/tag_brown.png) no-repeat left 2px;
-}
-
-.blog-category-link-disabled,
-.blog-archive-link-disabled {
-	background: url(../../images/file_brown.png) no-repeat left center;
-}
-
-
-.blog-category-link-enabled,
-.blog-archive-link-enabled {
-	background: url(../../images/file_brown.png) no-repeat left 1px;
-}
-
-.blog-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;}
-
-.blog-comments-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/icons/green.css

-.blog-entry-category {
-	background: url(../../images/file_green.png) no-repeat left 0;
-	}
-	
-p.blog-entry-tags {
-	background: url(../../images/tag_green.png) no-repeat left 2px;
-}
-
-.blog-category-link-disabled,
-.blog-archive-link-disabled {
-	background: url(../../images/file_green.png) no-repeat left center;
-}
-
-
-.blog-category-link-enabled,
-.blog-archive-link-enabled {
-	background: url(../../images/file_green.png) no-repeat left 1px;
-}
-
-.blog-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;}
-
-.blog-comments-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/icons/pink.css

-.blog-entry-category {
-	background: url(../../images/file_pink.png) no-repeat left 0;
-	}
-	
-p.blog-entry-tags {
-	background: url(../../images/tag_pink.png) no-repeat left 2px;
-}
-
-
-.blog-category-link-disabled,
-.blog-archive-link-disabled {
-	background: url(../../images/file_pink.png) no-repeat left center;
-}
-
-
-.blog-category-link-enabled,
-.blog-archive-link-enabled {
-	background: url(../../images/file_pink.png) no-repeat left 2px;
-}
-
-.blog-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;}
-
-.blog-comments-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/icons/red.css

-.blog-entry-category {
-	background: url(../../images/file_red.png) no-repeat left 0;
-	}
-	
-p.blog-entry-tags {
-	background: url(../../images/tag_red.png) no-repeat left 2px;
-}
-
-.blog-category-link-disabled,
-.blog-archive-link-disabled {
-	background: url(../../images/file_red.png) no-repeat left center;
-}
-
-
-.blog-category-link-enabled,
-.blog-archive-link-enabled {
-	background: url(../../images/file_red.png) no-repeat left 1px;
-}
-
-.blog-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;}
-
-.blog-comments-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;
-}
-
-.blog-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;}
-
-.blog-comments-rss-link {
-	background: url(../../images/feed.png) no-repeat 0;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/ie6.css

-#navcontainer a {
-	padding: 15px 15px 17px 15px;
-	height: 0px;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/logo_position/center.css

-#pageHeader #logo img {
-	margin: 10px auto 0;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/logo_position/left.css

-#pageHeader #logo img {
-	float: left;
-	margin: 10px 0 0 30px;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/logo_position/right.css

-#pageHeader #logo img {
-	float: right;
-	margin: 10px 30px 0 0;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/sidebar/sidebar_left.css

-#contentContainer {
-	float: right;
-	padding-right: 7px;
-	background-position: top left;
-}
-
-#sidebarContainer {
-	float: left;
-	padding-left: 7px;	
-}
-
-#sidebarContainer #sidebar {
-	padding-left: 30px;
-	padding-right: 10px;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/sidebar/sidebar_none.css

-#sidebarContainer {
-	display: none;
-}
-
-#contentContainer {
-	width: auto;
-	background-image: none;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/css/sidebar/sidebar_right.css

-#contentContainer {
-	float: left;
-	padding-left: 7px;
-	background-position: top right;
-}
-
-#sidebarContainer {
-	float: right;
-	padding-right: 7px;		
-}
-
-#sidebarContainer #sidebar {
-	padding-right: 30px;
-	padding-left: 10px;
-}
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/csshover.htc

-<attach event="ondocumentready" handler="parseStylesheets" />
-<script>
-/**
- *	Whatever:hover - V2.01.050927 - hover, active & focus
- *	------------------------------------------------------------
- *	(c) 2005 - Peter Nederlof
- *	Peterned - http://www.xs4all.nl/~peterned/
- *	License  - http://creativecommons.org/licenses/LGPL/2.1/
- *
- *	Whatever:hover is free software; you can redistribute it and/or
- *	modify it under the terms of the GNU Lesser General Public
- *	License as published by the Free Software Foundation; either
- *	version 2.1 of the License, or (at your option) any later version.
- *
- *	Whatever:hover 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
- *	Lesser General Public License for more details.
- *
- *	Credits and thanks to:
- *	Arnoud Berendsen, Martin Reurings, Robert Hanson
- *
- *	howto: body { behavior:url("csshover.htc"); }
- *	------------------------------------------------------------
- */
-
-var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea):unknown)/i,
-currentSheet, doc = window.document, hoverEvents = [], activators = {
-	onhover:{on:'onmouseover', off:'onmouseout'},
-	onactive:{on:'onmousedown', off:'onmouseup'},
-	onunknown:{on:'onfocus', off:'onblur'}
-}
-
-function parseStylesheets() {
-	if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
-	window.attachEvent('onunload', unhookHoverEvents);
-	var sheets = doc.styleSheets, l = sheets.length;
-	for(var i=0; i<l; i++) 
-		parseStylesheet(sheets[i]);
-}
-	function parseStylesheet(sheet) {
-		if(sheet.imports) {
-			try {
-				var imports = sheet.imports, l = imports.length;
-				for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
-			} catch(securityException){}
-		}
-
-		try {
-			var rules = (currentSheet = sheet).rules, l = rules.length;
-			for(var j=0; j<l; j++) parseCSSRule(rules[j]);
-		} catch(securityException){}
-	}
-
-	function parseCSSRule(rule) {
-		var select = rule.selectorText, style = rule.style.cssText;
-		if(!csshoverReg.test(select) || !style) return;
-		
-		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
-		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
-		var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
-		var affected = select.replace(/:(hover|active|unknown).*$/, '');
-		var elements = getElementsBySelect(affected);
-		if(elements.length == 0) return;
-
-		currentSheet.addRule(newSelect, style);
-		for(var i=0; i<elements.length; i++)
-			new HoverElement(elements[i], className, activators[pseudo]);
-	}
-
-function HoverElement(node, className, events) {
-	if(!node.hovers) node.hovers = {};
-	if(node.hovers[className]) return;
-	node.hovers[className] = true;
-	hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
-	hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
-}
-	function hookHoverEvent(node, type, handler) {
-		node.attachEvent(type, handler);
-		hoverEvents[hoverEvents.length] = { 
-			node:node, type:type, handler:handler 
-		};
-	}
-
-	function unhookHoverEvents() {
-		for(var e,i=0; i<hoverEvents.length; i++) {
-			e = hoverEvents[i]; 
-			e.node.detachEvent(e.type, e.handler);
-		}
-	}
-
-function getElementsBySelect(rule) {
-	var parts, nodes = [doc];
-	parts = rule.split(' ');
-	for(var i=0; i<parts.length; i++) {
-		nodes = getSelectedNodes(parts[i], nodes);
-	}	return nodes;
-}
-	function getSelectedNodes(select, elements) {
-		var result, node, nodes = [];
-		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
-		if(identify) return [doc.getElementById(identify[1])];
-		
-		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
-		var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
-		var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
-		for(var i=0; i<elements.length; i++) {
-			result = tagName? elements[i].all.tags(tagName):elements[i].all; 
-			for(var j=0; j<result.length; j++) {
-				node = result[j];
-				if(classReg && !classReg.test(node.className)) continue;
-				nodes[nodes.length] = node;
-			}
-		}	return nodes;
-	}
-</script>
\ No newline at end of file

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/handheld.css

-/*<group=General Styles>*/
-
-body {
-	text-align: left;
-	font-family: Verdana, Arial, Helvetica, sans-serif;
-	font-size: 0.9em;
-	margin: 0px;
-	padding: 0;
-	white-space: pre;
-}
-
-p {
-}
-
-b, strong {
-
-}
-
-a:link {
-	color: #0000ff;
-	text-decoration: underline;
-}
-
-a:visited {
-	color: #681796;
-}
-
-a:hover, a:active {
-	text-decoration: none;
-	background: #0000ff;
-	color: #ffffff;
-}
-
-img {
-	max-width: 99%;
-}
-
-.image-left {
-
-}
-
-.image-right {
-
-}
-	
-/*</group>*/
-
-/*<group=Layout>*/
-
-#container { 
-	background: #ffffff;
-	background-image: none;
-	width: 100%;
-}
-
-#pageHeader {
-	height: auto;
-	text-align: left;
-	margin-bottom: 8px;
-	background: #000000;
-	padding: 3px;
-	border-bottom: solid #191919 2px;
-}
-
-#pageHeader img {
-	position: relative;
-	top: auto;
-	right: auto;
-}
-
-#pageHeader h1 {
-	color: #ffffff;
-	font-size: 1.3em;
-	margin: 0 0 5px;
-	padding-top: 0px;
-	font-weight: bold;
-}
-
-#pageHeader h2 {
-	font-size: 1.1em;
-	margin: 0;
-	color: #ffffff;
-	font-weight: normal;
-}
-
-#contentContainer {
-	margin: 0px;
-	display: block;
-	width: auto;
-}
-
-#contentContainer #content {
-	margin: 0;
-	padding: 0;
-}
-
-#sidebarContainer {
-	float: none;
-	width: auto;
-	display: block;
-	margin-bottom: 10px;
-	padding-bottom: 10px;
-	border-bottom: 1px solid #808080;
-}
-
-#sidebarContainer #sidebar {
-	margin: 0;
-	padding: 0px;
-}
-
-#sidebarContainer .sideHeader {
-	color: #000000;
-	font-weight: bold;
-	margin-bottom: 5px;
-}
-
-#footer { 
-	width: auto;
-	text-align: left;
-	padding: 0px;
-	margin: 0;
-}
-
-#footer p {
-}
-
-#footer a:link, #footer a:visited {
-
-}
-
-#footer a:hover, #footer a:active {
-}
-	
-/*</group>*/
-
-/*<group=Bread-crumb>*/
-
-#breadcrumbcontainer {
-	margin-bottom: 5px;
-}
-
-#breadcrumbcontainer ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-#breadcrumbcontainer li {
-	display: inline;
-	padding: 0;
-	margin: 0;
-}
-
-#breadcrumbcontainer a {
-	padding: 0;
-}
-
-#breadcrumbcontainer a:hover {
-
-}
-	
-/*</group>*/
-
-/*<group=Toolbar>*/
-
-/* Toolbar Styles */
-
-#navcontainer {
-	color: #000000;
-	margin: 0 0 10px 0;
-	padding: 0;
-}
-
-#navcontainer #current {
-
-}
-
-#navcontainer #current:hover {
-}
-
-#navcontainer .currentAncestor {
-
-}
-
-/* Parent - Level 0 */
-
-#navcontainer ul{
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-}
-
-#navcontainer li {
-	margin: 0;
-	padding: 0;
-}
-
-#navcontainer a {
-	padding: 0;
-}
-
-#navcontainer a:hover {
-}
-
-#navcontainer a:active {
-}
-
-/* Child - Level 1 */
-
-#navcontainer ul ul {
-	list-style-type: none;
-	margin-left: 2px;
-	padding: 0;
-	color: black;
-}
-
-#navcontainer ul ul li {
-	padding-left: 5px;
-}
-
-#navcontainer ul ul a {
-	padding: 0;
-}
-
-#navcontainer ul ul a:hover{
-}
-
-#navcontainer ul ul #current{
-}
-
-/* Child - Level 2 */
-
-#navcontainer ul ul ul {
-
-}
-
-#navcontainer ul ul ul li {
-	padding-left: 10px;
-}
-
-#navcontainer ul ul ul a{
-}
-
-#navcontainer ul ul ul a:hover{
-
-}
-
-/* Child Level 3 */
-
-#navcontainer ul ul ul {
-
-}
-
-#navcontainer ul ul ul ul li {
-	padding-left: 15px;
-}
-
-#navcontainer ul ul ul ul a{
-}
-
-#navcontainer ul ul ul ul a:hover{
-
-}
-
-/* Child Level 4 */
-
-#navcontainer ul ul ul ul {
-
-}
-
-#navcontainer ul ul ul ul ul li {
-	padding-left: 20px;
-}
-
-#navcontainer ul ul ul ul ul a{
-}
-
-#navcontainer ul ul ul ul ul a:hover{
-
-}
-
-/* Child Level 5 */
-
-#navcontainer ul ul ul ul ul {
-
-}
-
-#navcontainer ul ul ul ul ul ul li { 
-}
-
-#navcontainer ul ul ul ul ul ul a{
-}
-
-#navcontainer ul ul ul ul ul ul a:hover{
-
-}
-
-/*</group>*/
-
-/*<group=Global Classes>*/
-
-blockquote, .standout {
-	margin: 0;
-	padding: 5px;
-	font-weight: bold;
-}
-
-h1 {
-}
-
-h2 {
-}
-
-h3 {
-}
-
-h4 {
-}
-
-.imageStyle {
-
-}
-	
-/*</group>*/
-
-/*<group=Blog>*/
-
-/*<group=Archive Page>*/
-
-.blog-archive-background {
-}
.blog-archive-headings-wrapper {
-}
-
-.blog-archive-entries-wrapper {
-}
-
-.blog-archive-entries-wrapper .blog-entry {
-}
.blog-archive-month {
-}
-
-.blog-archive-link {
-}
.blog-archive-link a:link, .blog-archive-link a:visited {
-}
-	
-/*</group>*/
-
-.blog-entry {
-}
-
-.blog-entry-title {
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-.blog-entry-date {
-	margin-bottom: 8px;
-	font-size: 0.9em;
-	color: #808080;
-}
-
-.blog-entry-body {
-	margin-bottom: 5px;
-	padding-bottom: 5px;
-	border-bottom: 1px solid #cccccc;
-}
-
-.blog-entry-comments {
-	display: none;
-}
-
-.blog-entry-category {
-}
-
-.blog-category-link-enabled {
-}
-
-.blog-category-link-disabled {
-}
-
-/*</group>*/
-
-/*<group=File Sharing>*/
-
-.filesharing-description {
-}
-
-.filesharing-item {
-	margin-bottom: 5px;
-	padding-bottom: 5px;
-	border-bottom: 1px solid #cccccc;
-}
-
-.filesharing-item-title a:link {
-}
-
-.filesharing-item-title a:hover {
-}
-
-.filesharing-item-title a:visited {
-
-}
-
-.filesharing-item-description {
-}
-
-/*</group>*/
-
-/*<group=Photo Album>*/
-
-/*<group=Index Page (Thumbnail view)>*/
-
-.album-title {
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-.album-description {
-	margin-bottom: 8px;
-	font-size: 0.9em;
-	color: #808080;
-}
-
-table.thumbnail-table {
-	width: 99%;
-}
-
-table.thumbnail-table, table.thumbnail-table tr, table.thumbnail-table td {
-	display: block;
-}
-
-.thumbnail-frame {
-}
-
-.thumbnail-frame:hover {
-}
-
-.thumbnail-frame a {
-}
-
-.thumbnail-frame a:hover {
-}
-
-.thumbnail-frame img {
-}
-
-.thumbnail-caption {
-}
-	
-/*</group>*/
-
-/*<group=Single Page (Photo view)>*/
-
-.photo-background {
-}
-
-.photo-navigation {
-}
-
-.photo-links {
-}
-
-.photo-navigation a:link, .photo-navigation a:visited {
-
-}
-
-.photo-navigation a:hover {
-
-}
-
-.photo-frame{
-}
-
-.photo-title {
-}
-
-.photo-caption {
-}
-
-/*</group>*/
-	
-/*</group>*/
-
-/*<group=Quicktime Page>*/
-
-.movie-description {
-
-}
-	
-/*</group>*/
-
-/*<group=Quicktime Album>*/
-
-/*<group=Index Page (Movie Thumbnail view)>*/
-
-.movie-page-title {
-	font-weight: bold;
-	margin-bottom: 3px;
-}
.movie-page-description {
-	margin-bottom: 8px;
-	font-size: 0.9em;
-	color: #808080;
-}
.movie-thumbnail-frame {
-}
-
-.movie-thumbnail-frame:hover {
-}
-
-.movie-thumbnail-caption {
-}
-	
-/*</group>*/
-
-/*<group=Single Page (Movie View)>*/
-
-.movie-background {
-}
-
-.movie-title {
-}
-
-.movie-frame {
-
-}
-	
-/*</group>*/
-
-
-/*</group>*/
-
-/*<group=Contact Form>*/
-.message-text { 
-} 
-
-.required-text {
-} 
-
-.form-input-field {
-	max-width: 100%;
-} 
-
-.form-input-button { 
-} 
-/*</group>*/
-
-

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/png/pngbehavior.htc

-<public:component lightWeight="true">
-<public:attach event="onpropertychange" onevent="propertyChanged()" />
-<public:attach event="onbeforeprint" onevent="beforePrint()" for="window"/>
-<public:attach event="onafterprint" onevent="afterPrint()" for="window"/>
-<script>
-
-/*
- * PNG Behavior
- *
- * This script was created by Erik Arvidsson (http://webfx.eae.net/contact.html#erik)
- * for WebFX (http://webfx.eae.net)
- * Copyright 2002-2004
- *
- * For usage see license at http://webfx.eae.net/license.html
- *
- * Version: 1.02
- * Created: 2001-??-??	First working version
- * Updated: 2002-03-28	Fixed issue when starting with a non png image and
- *                      switching between non png images
- *          2003-01-06	Fixed RegExp to correctly work with IE 5.0x
- *          2004-05-09  When printing revert to original
- *
- */
-
-var supported = /MSIE ((5\.5)|[6789])/.test(navigator.userAgent) &&
-				navigator.platform == "Win32";
-
-var realSrc;
-//var blankSrc = "blank.gif";
-var isPrinting = false;
-
-if (supported) fixImage();
-
-function propertyChanged() {
-	if (!supported || isPrinting) return;
-
-	var pName = event.propertyName;
-	if (pName != "src") return;
-	// if not set to blank
-	if (!new RegExp(blankSrc).test(src))
-		fixImage();
-};
-
-function fixImage() {
-	// get src
-	var src = element.src;
-
-	// check for real change
-	if (src == realSrc && /\.png$/i.test(src)) {
-		element.src = blankSrc;
-		return;
-	}
-
-	if ( ! new RegExp(blankSrc).test(src)) {
-		// backup old src
-		realSrc = src;
-	}
-
-	// test for png
-	if (/\.png$/i.test(realSrc)) {
-		// set blank image
-		element.src = blankSrc;
-		// set filter
-		element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +
-					"AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
-	}
-	else {
-		// remove filter
-		element.runtimeStyle.filter = "";
-	}
-}
-
-function beforePrint() {
-	isPrinting = true;
-	element.src = realSrc;
-	element.runtimeStyle.filter = "";
-	realSrc = null;
-}
-
-function afterPrint() {
-	isPrinting = false;
-	fixImage();
-}
-
-</script>
-</public:component>

resources/etc/Tutorial/tutorial_en/rw_common/themes/caribou/print.css

-/*<group=General Styles>*/
-
-body {
-	background: transparent none;
-	margin: 0px 5% 0px 5%;
-	text-align: left;
-	color: #000000;
-	letter-spacing: 0.5px;
-	word-spacing: 1px;
-	padding: 0px;
-	font: 10pt Geneva, Arial, Helvetica;
-}
-
-p { 
-}
-
-b, strong {
-	font-weight: bold;
-}
-
-a:link, a:visited {
-}
-
-a:hover, a:active {
-}
-	
-/*</group>*/
-
-/*<group=Layout>*/
-
-#container {
	text-align: left;
-	width: 100%;
-	padding: 10px 0 0 0;
-	margin: 0px;
-}
-
-#pageHeader {
-	display: none;
-}
-
-#pageHeader img {
-	float: right;
-}
-
-#pageHeader h1 {
-	color: #000000;
-	margin: 0px;
-	font-weight: bold;
-	font-size: 16pt;
-	padding: 0px;
-}
-
-#pageHeader h2 {
-	color: #333333;
-	margin: 0px;
-	font-size: 13pt;
-	font-weight: normal;
-	padding: 0px;
-}
-
-#contentContainer {
-	float: none !important;
-	padding: 0px;
-}
-
-#contentContainer #content {
-	padding: 0px;
-}
-
-#contentContainer #content img {
-}
-
-#sidebarContainer {
-	float: right;
-}
-
-#sidebarContainer .sidebar {
-	width: 190px;
-	padding: 10px;
-	border-left: 1px solid #cccccc;
-}
-
-#footer {
-	text-align: center; 
-	background: none;
-	color: #000000;
-	font-size: 10pt;
-	border-top: 1px solid #cccccc;
-	margin-top: 10px;
-	padding-top: 10px;
-}
-
-#footer a {
-}
-
-#footer a:hover {
-}
-	
-/*</group>*/
-
-/*<group=toolbar>*/
-
-#navcontainer {
-	display: none;
-}
-	
-/*</group>*/
-
-/*<group=Bread-crumb>*/
-
-#breadcrumbcontainer {
-	display: none;
-}
-	
-/*</group>*/
-
-/*<group=Global Classes>*/
-
-.standout {
-	color: #474747;
-	font-size: 11pt;
-	font-weight: bold;
-	letter-spacing: 1px;
-	word-spacing: 2px;
-	padding: 40px;
-	background-color: #f5f5f5;
-	font-style: italic;
-}
-
-h1 {
-	font-size: 20pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-h2 {
-	font-size: 18pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-h3 {
-	font-size: 16pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-h4 {
-	font-size: 14pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-h5 {
-	font-size: 12px;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-.imageStyle {
-}
-	
-/*</group>*/
-
-/*<group=Blog>*/
-
-.blog-entry {
-	border-style: none;
-}
-
-.blog-entry-title {
-	font-size: 16pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-	border-style: none;
-}
-
-.blog-entry-date {
-	margin-bottom: 10px;
-	margin-top: 5px;
-	border-style: none;
-	font-size: 10pt;
-	color: #333333;
-}
-
-.blog-entry-body {
-	margin-bottom: 45px;
-	border-style: none;
-}
-	
-/*</group>*/
-
-/*<group=File Sharing>*/
-
-.filesharing-description {
-	margin-bottom: 20px;
-	border-bottom: 1px solid #d9d9d9;
-}
-
-.filesharing-item {
-	
-}
-
-.filesharing-item-title {
-	font-size: 16pt;
-	font-weight: bold;
-}
-
-.filesharing-item-description {
-	margin-bottom: 10px;
-}
-
-/*</group>*/
-
-/*<group=Photo Album>*/
-
-/*<group=Index Page (Thumbnail view)>*/
-
-.album-title {
-	font-size: 16pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-.album-description {
-}
-
-.thumbnail-frame {
-	margin: 0px;
-	padding: 0px;
-}
-
-.thumbnail-frame a {
-}
-
-.thumbnail-frame a:hover {
-	height: 30px;
-}
-
-.thumbnail-frame img {
-	background: repeat url(images/sidebar_bg.png);
-}
-
-.thumbnail-caption {
-	color: #4c4c4c;
-	margin-top: -2px;
-	font-size: 10pt;
-}
-	
-/*</group>*/
-
-/*<group=Single Page (Photo view)>*/
-
-.photo-background {
-	text-align: center;
-}
-
-.photo-navigation {
-	background: none;
-	display: none;
-}
-
-.photo-navigation a {
-	display: none;
-}
-
-.photo-navigation a:hover {
-	display: none;
-}
-
-.photo-frame{
-
-}
-
-.photo-links {
-	display: none;
-}
-
-.photo-title {
-	display: none;
-}
-
-.photo-caption {
-	font-size: 11pt;
-	margin: 0px;
-	text-align: center;
-}
-
-/*</group>*/
-	
-/*</group>*/
-
-/*<group=Quicktime Page>*/
-
-.movie-title {
-	font-size: 16pt;
-	font-weight: bold;
-	text-align: left;
-}
-
-.movie-description {
-	text-align: center;
-}
-
-.movie-frame {
-	text-align: center;
-	margin-bottom: 10px;
-}
-	
-/*</group>*/
-
-/*<group=General Styles>*/
-
-body {
-	background: transparent none;
-	margin: 0px 5% 0px 5%;
-	text-align: left;
-	color: #000000;
-	letter-spacing: 0.5px;
-	word-spacing: 1px;
-	padding: 0px;
-	font: 10pt Georgia, Times New Roman, Times, serif;
-}
-
-p { 
-}
-
-b, strong {
-	font-weight: bold;
-}
-
-a:link, a:visited {
-}
-
-a:hover, a:active {
-}
-	
-/*</group>*/
-
-/*<group=Layout>*/
-
-#container {
	text-align: left;
-	width: 100%;
-	padding: 0px;
-	margin: 0px;
-}
-
-#pageHeader {
-	text-align: left;
-	background: none;
-	border-bottom: 1px solid #cccccc;
-	padding-bottom: 10px;
-	margin-bottom: 10px;
-}
-
-#pageHeader img {
-	float: right;
-}
-
-#pageHeader h1 {
-	color: #000000;
-	margin: 0px;
-	font-weight: bold;
-	font-size: 16pt;
-	padding: 0px;
-}
-
-#pageHeader h2 {
-	color: #333333;
-	margin: 0px;
-	font-size: 13pt;
-	font-weight: normal;
-	padding: 0px;
-}
-
-#contentContainer {
-	float: none !important;
-	padding: 0px;
-	margin-bottom: 10px;
-	border-bottom: 1px solid #cccccc;
-	padding-bottom: 10px;
-}
-
-#contentContainer #content {
-	padding: 0px;
-}
-
-#contentContainer #content img {
-}
-
-#sidebarContainer {
-	float: none;
-	width: auto;
-}
-
-#sidebarContainer .sidebar {
-}
-
-#footer {
-	text-align: center; 
-	background: none;
-	color: #000000;
-	font-size: 10pt;
-	border-top: 1px solid #cccccc;
-	margin-top: 10px;
-	padding-top: 10px;
-}
-
-#footer a {
-}
-
-#footer a:hover {
-}
-	
-/*</group>*/
-
-/*<group=toolbar>*/
-
-#navcontainer {
-	display: none;
-}
-	
-/*</group>*/
-
-/*<group=Bread-crumb>*/
-
-#breadcrumbcontainer {
-	display: none;
-}
-	
-/*</group>*/
-
-/*<group=Global Classes>*/
-
-.standout {
-	color: #474747;
-	font-size: 11pt;
-	font-weight: bold;
-	letter-spacing: 1px;
-	word-spacing: 2px;
-	padding: 40px;
-	background-color: #f5f5f5;
-	font-style: italic;
-}
-
-h1 {
-	font-size: 20pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-h2 {
-	font-size: 18pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-h3 {
-	font-size: 16pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-h4 {
-	font-size: 14pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-h5 {
-	font-size: 12px;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-.imageStyle {
-}
-	
-/*</group>*/
-
-/*<group=Blog>*/
-
-.blog-entry {
-	border-style: none;
-}
-
-.blog-entry-title {
-	font-size: 16pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-	border-style: none;
-}
-
-.blog-entry-date {
-	margin-bottom: 10px;
-	margin-top: 5px;
-	border-style: none;
-	font-size: 10pt;
-	color: #333333;
-}
-
-.blog-entry-body {
-	margin-bottom: 45px;
-	border-style: none;
-}
-	
-/*</group>*/
-
-/*<group=File Sharing>*/
-
-.filesharing-description {
-	margin-bottom: 20px;
-	border-bottom: 1px solid #d9d9d9;
-}
-
-.filesharing-item {
-	
-}
-
-.filesharing-item-title {
-	font-size: 16pt;
-	font-weight: bold;
-}
-
-.filesharing-item-description {
-	margin-bottom: 10px;
-}
-
-/*</group>*/
-
-/*<group=Photo Album>*/
-
-/*<group=Index Page (Thumbnail view)>*/
-
-.album-title {
-	font-size: 16pt;
-	font-weight: bold;
-	margin-bottom: 3px;
-}
-
-.album-description {
-}
-
-.thumbnail-frame {
-	margin: 0px;
-	padding: 0px;
-}
-
-.thumbnail-frame a {
-}
-
-.thumbnail-frame a:hover {
-	height: 30px;
-}
-
-.thumbnail-frame img {
-	background: repeat url(images/sidebar_bg.png);
-}
-
-.thumbnail-caption {
-	color: #4c4c4c;
-	margin-top: -2px;
-	font-size: 10pt;
-}
-	
-/*</group>*/
-
-/*<group=Single Page (Photo view)>*/
-
-.photo-background {
-	text-align: center;
-}
-
-.photo-navigation {
-	background: none;
-	display: none;
-}
-
-.photo-navigation a {
-	display: none;
-}
-
-.photo-navigation a:hover {
-	display: none;
-}
-
-.photo-frame{
-
-}
-
-.photo-links {
-	display: none;
-}
-
-.photo-title {
-	display: none;
-}
-
-.photo-caption {
-	font-size: 11pt;
-	margin: 0px;
-	text-align: center;
-}
-
-/*</group>*/
-	
-/*</group>*/
-
-/*<group=Quicktime Page>*/
-
-.movie-title {
-	font-size: 16pt;
-	font-weight: bold;
-	text-align: left;
-}
-
-.movie-description {
-	text-align: center;
-}
-
-.movie-frame {
-	text-align: center;
-	margin-bottom: 10px;
-}
-	
-/*</group>*/
-
-
-
-
-

resources/etc/Tutorial/tutorial_fr/CSS/grid.css

+
+.main {margin:0 auto; width:800px; padding-top:10px; }
+
+
+.g320,.g480,.g640,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960 {float:left; display: inline; padding-top: 10px;} 
+
+.g800 {float:left; display: inline; width:800px;} 
+
+.g200 {float:left; display: inline; width:190px; padding-top: 10px; padding-left: 10px;}
+.g200left {float:left; display: inline; width:190px; padding-top: 10px; padding-left: 5px}
+
+.g160 {width:150px; }
+.g320  {width:310px;}
+.g480  {width:470px;}
+.g600  {width:600px;}
+.g640  {width:630px;}
+.g800  {width:790px;}
+.g960  {width:950px;}
+
+.g80 {width:70px;}
+.g240 {width:230px;}
+.g400 {width:390px;}
+.g560 {width:550px;}
+.g720 {width:710px;}
+.g880 {width:870px;}
+
+.ml80{margin-left:90px;}
+.ml160{margin-left:170px;}
+.ml240{margin-left:250px;}
+.ml320{margin-left:330px;}
+.ml400{margin-left:410px;}
+.ml480{margin-left:490px;}
+.ml560{margin-left:560px;}
+.ml640{margin-left:650px;}
+.ml720{margin-left:730px;}
+.ml800{margin-left:810px;}
+.ml880{margin-left:890px;}
+.ml960{margin-left:970px;}
+
+.inside{margin-left:0;}
+
+p.grid{ padding-left:10px;}
+  
+.clear {clear:both;}
+.clearfix, .main{ display:block;} 
+
+.clearfix:after, .main:after {
+     visibility: hidden;
+     display: block;
+     font-size: 0;
+     content: " ";
+     clear: both;
+     height: 0;
+	 }

resources/etc/Tutorial/tutorial_fr/CSS/reset.css

+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+blockquote, q { quotes: "" ""; }
+
+/* Remove annoying border on linked images. */
+a img { border: none; }
+

resources/etc/Tutorial/tutorial_fr/CSS/typography.css

+
+body { font:75%/1.5em "lucida grande","lucida sans unicode", sans-serif;}
+
+p { padding:0 0  1em 0;color:#111;}
+
+
+p.first:first-letter{ float:left;font-family: Palatino,'Palatino Linotype',Georgia, sans-serif;font-size:3em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:0.2em 0.1em 0 0; }
+p img       { float: left; margin: 0.3em 0.833em 0.833em 0; padding: 0; }
+p img.right { float: right; margin: 0.3em  0 0.833em 0.833em;  }
+
+
+h1,h2{ line-height: normal; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; color: #333;  }
+h3,h4,h5,h6 { font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; line-height: normal; font-weight: normal; color: #333; }
+
+
+h1 { font-size: 2.2em;  margin-bottom: 0.682em; }
+h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
+h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
+h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
+h5,h6 { font-size: 1.2em;  margin-bottom: 1.154em; }
+
+/* Color palete */
+.water { color:#5582d1; }
+.earth { color:#4e3e2c; }
+.air { color:#f1fff7; }
+.fire { color:#ff8a19; }
+.wine { color:#4a040a; }
+.beer { color:#F0C030; }
+.caffe { color:#473523; }
+.caffe-cream { color:#b68d3d; }
+.espresso { color:#2c1901; }
+.caramel{ color:#ab671f; }
+.chocolate { color:#290200; }
+.black-pepper { color:#444334; }
+.pepper-lite { color:#8d8a72; }
+.lipstick { color:#c20c0c; }
+
+
+li ul, 
+li ol  { margin:0 1.5em; }
+ul, ol { margin: 0 1.5em 1.5em 1.5em; }
+
+
+dl { margin: 0 0 1.5em 0; }
+dl dt { font-weight: bold; }
+dl dd { margin-left: 1.5em; }
+
+a { color:#035292; text-decoration:none; }
+a:hover { text-decoration: underline; }
+
+
+table { margin-bottom:1.5em; border-collapse: collapse; }
+th { font-weight:bold; }
+tr,th,td { margin:0; padding:0 1.5em 0 1em; height:18px; }
+tfoot { font-style: italic; }
+caption { text-align:center; font-family:Georgia, serif; }
+
+
+abbr, acronym { border-bottom:1px dotted #000; }
+address { margin-top:1.5em; font-style: italic; }
+del {color:#000;}
+
+
+blockquote { padding:1em 1em 1em 1.5em; font-family:baskerville,"palatino linotype",serif; }
+blockquote > *:first-child:before { content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0; }/* From Tripoli  */
+
+strong { ont-weight: bold; }
+em, dfn { font-style: italic; }
+dfn { font-weight: bold; }
+pre, code { margin: 1.5em 0; white-space: pre; }
+pre, code, tt { font: 1em monospace; line-height: 1.5; } 
+tt { display: block; margin: 1.5em 0; }
+hr { margin-bottom:1.5em; }
+
+/*other small things */
+
+.tc { text-align:center; }
+.tr { text-align:right; }
+.tl { text-align:left; }
+.b { font-weight:bold; }
+.i { font-style:italic; }
+
+.indent { text-indent:1.5em;}
+.open { font-variant: small-caps; }
+p.break { text-align:center;text-indent:0;line-height:0; }
+p.zero{padding:0; margin:0}
+p.one { padding:0 1em  1em 1em;color:#111;}
+p img.right10 { float: right; margin:0.833em;  }
+
+.oldbook { font-family:"Book Antiqua","Warnock Pro","Goudy Old Style","Palatino",Georgia,serif; }
+.note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; } 
+.mono { font-family:"Courier New", Courier, monospace; }
+
+