gf-ralbum 0.0.2

data/lib/ralbum/skins/gfold/res/style2.css

@@ -0,0 +1,414 @@
+body {
+  background-color:#FFFFEE;
+  color: black;
+  font-family: verdana, helvetica, sans-serif;
+  font-size: 10pt;
+  margin-bottom: 70px;
+}
+
+#menutop {
+  text-align:center;
+}
+
+#footer {
+
+  color: rgb(170, 170, 170);
+  background-color: rgb(245, 245, 245);
+
+  text-align: left;
+  font-size: 10px;
+  padding-top: 1em;
+  padding-bottom: 2em;
+
+  margin: 3em auto 0 auto;
+  width:800px;
+
+  border-top-width: 1px;
+  border-top-style: solid;
+  border-top-color: rgb(221, 221, 221);
+
+  border-bottom-width: 10px;
+  border-bottom-style: solid;
+  border-bottom-color: rgb(245, 245, 245);
+
+  z-index: 10000;
+  opacity: 0.8;
+}
+
+#footer .left {
+   margin: 0 0 0 1em;
+   float: left;
+}
+
+#footer .right {
+  float:right;
+  margin: 0 1em 0 0;
+}
+
+
+a:link {
+  color: #993333;
+  text-decoration: none;
+  font-weight: 900;
+  background-color: inherit;
+}
+a:link:hover {
+  color: #0073c7;
+  background-color: #f0f0f0;
+}
+
+a:link:active {
+  color: #0073c7;
+  background-color: #f0f0f0;
+}
+
+a:visited:hover {
+  color: #0073c7;
+  background-color: #f0f0f0;
+}
+
+a:visited:active {
+  color: #0073c7;
+  background-color: #f0f0f0;
+}
+
+a:active {
+  color: red;
+  text-decoration: none;
+  font-weight: 900;
+}
+
+a:visited {
+  color: #993333;
+  text-decoration: none;
+  font-weight: 900;
+  background-color: inherit;
+}
+
+a:hover {
+  color: orange;
+  text-decoration: none;
+  font-weight: 900;
+}
+
+.warning {
+  font-size: 22pt;
+  color: red;
+  text-align: center;
+}
+
+/**
+  Home
+**/
+
+span.iniziale {
+  font-size:200%;
+  color: orange;
+  font-family: Comic Sans MS, Arial, Helvetica;
+  font-style: italic;
+}
+
+h1.titlehome {
+  margin-top: 2em;
+  text-align: center;
+  font-weight: bold;
+  font-size: 200%;
+  border: none;
+}
+
+h1.titlehome:first-letter {
+  font-size:200%;
+  color: orange;
+  font-family: Comic Sans MS, Arial, Helvetica;
+  font-style: italic;
+}
+
+span.iniziale {
+  font-size:200%;
+  color: orange;
+  font-family: Comic Sans MS, Arial, Helvetica;
+  font-style: italic;
+}
+
+
+/**
+  Curriculum
+**/
+
+.title {
+  font-weight: bold;
+  font-size: 200%;
+  width: 100%;
+  border: none;
+}
+
+.subtitle {
+        font-weight: bold;
+  font-size: 120%;
+  width: 100%;
+  border: none;
+  margin-top: -4px;
+}
+
+.text {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 90%;
+}
+
+.section   {
+    font-family: Arial, Helvetica, sans-serif;
+    color: #660000;
+    border-style: solid;
+    border-color: #660000;
+    border-width: 0px 0px 1px 5px;
+    padding: 4px 20px 4px 3px;
+}
+
+.azienda {
+  background-color: #FFFFCC;
+  margin-top: 10px;
+}
+
+div.esperienza {
+  padding: 0;
+  margin-left: 3px;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 10px;
+  border: none;
+  font-size: 90%;
+}
+
+/**
+        Menu
+**/
+
+.menu {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: small;
+}
+
+.menusel {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: small;
+  color: black;
+  background-color: #eeeeee;
+}
+
+.menutext {
+  font-size: small;
+}
+
+/* seconda riga del menu */
+.menu2 {
+  color: black;
+  background-color: #eeeeee;
+}
+
+/**
+  varie
+**/
+
+pre, code {
+    font-family: "Courier New", Courier, monospace;
+}
+
+tr.transparent {
+  background-color: #ffffff;
+}
+
+span.title {
+  font-size: 14pt;
+  font-weight: bold;
+}
+
+
+.fieldname {
+  color: #222277;
+  font-weight: bold;
+  font-size: 10pt;
+}
+
+.fieldvalue {
+  font-size: 10pt;
+}
+
+.small {
+  font-size: 8pt;
+}
+
+ul {
+  font-size: 12pt;
+}
+
+/**
+  Album: page of album
+  Formato pagina
+
+  - header
+
+  - maintable
+    breadcrumbs
+    albumpage_section (thubnails row)
+      thumbnails_table
+        thumbnail_image_row
+          thumbnail_image
+        thumbnail_title_row
+          thumbnail_title
+    albumpage_section (subthubnails row)
+      album_image  - album description
+  - footer
+
+  Album: page of image
+  - header
+
+  - maintable
+    breadcrumbs
+  - footer
+**/
+
+table.album_maintable {
+  text-align: center;
+  width: 650px;
+  border: 0;
+}
+
+td.album_breadcrumbs {
+  color: black;
+  background-color: #eeeeee;
+}
+
+span.album_treepath {
+  font-size: 10pt;
+  color: #000077;
+}
+
+span.album_treepathdots {
+  color: #111111;
+}
+
+td.album_section {
+  background-color: #aaaaaa;
+  color: white;
+  font-weight: bold;
+}
+
+table.album_thubnails_table {
+  border-style: none;
+  border-width: 0;
+  margin: 0;
+  padding: 0;
+}
+
+tr.album_thumbnail_image_row {
+  border-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+td.album_thumbnail_image {
+  text-align: center;
+  vertical-align: bottom;
+
+  /*
+  padding: 0;
+  margin: 0;
+  border-spacing: 0;
+  border-top: solid;
+  border-right: solid;
+  border-bottom: none;
+  border-bottom-width: 0;
+  border-left: solid;
+  */
+}
+
+tr.album_thumbnail_title_row {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+td.album_thumbnail_title {
+  background-color: #eeeeee;
+  color: black;
+
+  font-family: Verdana;
+  font-size: x-small;
+  text-align: center;
+
+  vertical-align: top;
+  /*
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+  border-top: none;
+  border-top-width: 0;
+  border-right: solid;
+  border-bottom: solid;
+  border-left: solid;
+  */
+}
+
+td.album_image {
+  width: 15%;
+}
+
+/* ******** */
+
+/**
+  Guestbook
+**/
+.guestbook_paginator {
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.guestbook_pagenumber {
+   font-family: Comic Sans MS, Arial, Helvetica;
+   font-size: 110%;
+   text-align: center;
+   margin-left: auto;
+   margin-right: auto;
+}
+
+.guestbook_entrybox {
+  border: 1px solid #000033;
+  width: 500px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.guestbook_num {
+  background-color: #E9ECEF;
+  text-align: center;
+  vertical-align: middle;
+  font-family: Comic Sans MS, Arial, Helvetica;
+  font-size: 120%;
+  color: #000000;
+}
+
+.guestbook_header {
+  background-color: #E9ECEF;
+  font-family: Comic Sans MS, Arial, Helvetica;
+  font-size: 100%;
+  color: #000000;
+  text-align: center;
+}
+
+.guestbook_date {
+  background-color: #E9ECEF;
+  text-align: right;
+  vertical-align: top;
+  font-family: Comic Sans MS, Arial, Helvetica;
+  font-size: 80%;
+  color: #000000;
+}
+
+.guestbook_message {
+  background-color: #ffff8f;
+  text-align: left;
+  vertical-align: top;
+}
+
+

data/lib/ralbum/skins/gfold/res/styleswitcher.js

@@ -0,0 +1,89 @@
+function createCookie( name, value, days ) {
+  var expires;
+  if( days ) {
+    var date = new Date();
+    date.setTime( date.getTime()+(days*24*60*60*1000) );
+    var expires = "; expires="+date.toGMTString();
+  } else { 
+     expires = "";
+  }
+  document.cookie = name+"="+value+expires+"; path=/";
+}
+
+function readCookie( name )  {
+  var nameEQ = name + "=";
+  var cookies = document.cookie.split(';');
+  for( var i=0; i < cookies.length; i++ ) {
+    var c = cookies[i];
+    while( c.charAt(0) == ' ') {
+      c = c.substring( 1, c.length );
+    }
+    if( c.indexOf(nameEQ) == 0 ) {
+      return c.substring( nameEQ.length, c.length );
+    }
+  }
+  return null;
+}
+
+
+ActiveStyle = Class.create();
+
+ActiveStyle.prototype = {
+
+   _styles: [],
+	 
+   initialize: function() {
+      var i, el;
+      var els = document.getElementsByTagName("link");
+      for( var i = 0; i < els.length ; i++ ) {
+         el = els[i];
+         if( el.getAttribute("rel").indexOf("style") != -1 &&
+             el.getAttribute("title") )
+         {
+            this._styles.push( el );
+         }
+      }
+
+      var style = readCookie( "style" );
+      style = this._styles[0].getAttribute("title"); 
+      this.enable( style );
+   },
+
+   enable: function( act_style ) {
+      this._styles.each( function( s ) {
+         s.disabled = true;
+         if( s.getAttribute("title") == act_style ) {
+            s.disabled = false;
+         }
+      });
+      this._current = act_style;
+      // $("menu_style").innnerHTML = this.genHTML();
+   },
+   
+   current: function() {
+      return this._current;
+   },
+
+   genHTML: function() {
+      var html = "";
+      html += 
+         '-' +
+         '<span class="menutext"> style: </span>' +
+         '<a class="menu" href="" title="Change Style 1" onclick="activeStyle.enable(\'style1\');return false;">1</a>' +
+         '</span>' +
+         '<span class="menutext"> | </span>' +
+         '<a class="menu" href="" title="Change Style 2" onclick="activeStyle.enable(\'style2\'); return false;">2</a>';
+      return html;
+   }
+}
+
+
+/*
+window.onunload = function( e ) {
+  var title = activeStyle.current();
+  createCookie( "style", title, 365 );
+}
+*/
+
+var as = new ActiveStyle();
+