cobweb 0.0.55 → 0.0.57

data/spec/samples/sample_site/css/accordion.css

@@ -0,0 +1,45 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+.box .content .accordion{
+	display : block;
+	border-top : 1px solid #dde5ef;
+	margin : 0;
+}
+
+.box .content .accordion h3.ui-accordion-header {
+	display : block;
+	background : url(../gfx/table-thead.gif) repeat-x left top;
+	border : 1px solid #dde5ef;
+	border-top : none;
+	padding : 0 10px;
+	line-height : 29px;
+	cursor : pointer;
+}
+
+.box .content .accordion h3.ui-accordion-header span.ui-icon {
+	float : left;
+	background : url(../gfx/li.gif) no-repeat left center;
+	margin : 0 10px 0 0;
+	width : 5px;
+	height : 29px;
+}
+
+.box .content .accordion h3.ui-accordion-header span.ui-icon.ui-icon-triangle-1-s {
+	background : url(../gfx/li-down.gif) no-repeat left center;
+}
+
+.box .content .accordion .ui-accordion-content{
+	display : block;
+	border : 1px solid #dde5ef;
+	border-top : none;
+	padding : 15px 15px 13px;
+}
+
+.box .content .accordion h3.ui-accordion-header:focus {
+	outline : none;
+}

data/spec/samples/sample_site/css/datatable.css

@@ -0,0 +1,189 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+table {
+	width : 100%;
+}
+
+table, td, tr, th {
+	padding : 0;
+	margin : 0;
+	border-collapse: collapse;
+	text-align : left;
+}
+
+table thead tr th, table tfoot tr th {
+	color : #002e68;
+}
+
+table thead {
+	background : url(../gfx/table-thead.gif) repeat-x right top;
+	border : 1px solid #d2dce9;
+	border-right : none;
+}
+
+table thead tr th{
+	border : 1px solid #d2dce9;
+	padding : 5px 8px;
+	line-height : 19px;
+}
+
+table thead tr th.header {
+	border : 1px solid #d2dce9;
+	background-color : transparent
+}
+
+table tbody td {
+	border : 1px solid #d2dce9;
+	padding : 5px 8px;
+	line-height : 19px;
+}
+
+table tbody tr.odd td {
+	background-color:#f9f9f9;
+}
+
+table thead tr .sorting_desc {
+	background : url(../gfx/table-asc-arrow.gif) no-repeat right center;
+}
+
+table thead tr .sorting_asc {
+	background : url(../gfx/table-desc-arrow.gif) no-repeat right center;
+}
+
+table td:first-child{
+    width: 13px;
+}
+
+table td:first-child + td + td + td + td + td {
+    text-align: center;
+    padding: 0;
+    line-height: 0;
+    width: 65px;
+}
+
+.dataTables_wrapper {
+	display : block;
+}
+
+.dataTables_wrapper div {
+	float : right;
+	width : 70%;
+}
+
+.dataTables_wrapper label {
+	float : none;
+	padding : 0;
+	margin : 0;
+	width : auto;
+	height : auto;
+}
+
+.dataTables_wrapper .dataTables_length {
+	float : right;
+	display : inline-block;
+	margin : 0 0 0 2px;
+	width : 60px;
+}
+
+.dataTables_wrapper .dataTables_length .ui-selectmenu {
+	float : right;
+	display : inline-block;
+	position : relative;
+	background : url(../gfx/table-rows.gif) no-repeat right top transparent;
+	padding : 5px 24px 0 1px;
+	margin : 8px 0 0 0;
+	color : #5a5a5a;
+	font-weight : bold;
+	font : 11px/1.1em Arial;
+	text-align : center;
+	width : 35px;
+	height : 18px;
+}
+
+.ui-selectmenu-menu.entries {
+	margin : 3px 0 0 6px;
+	width : 46px;
+}
+
+.dataTables_wrapper .dataTables_length .ui-selectmenu-status {
+	font : 11px/1.1em Arial;
+	font-weight : bold;
+}
+
+.ui-selectmenu-menu.entries li a{
+	font : 11px/1.1em Arial;
+}
+
+.dataTables_wrapper  .dataTables_filter {
+	float : right;
+	display : inline-block;
+	width : 120px;
+}
+
+.dataTables_wrapper  .dataTables_filter input {
+	float : right;
+	display : inline-block;
+	background : url(../gfx/table-search.gif) no-repeat left top transparent;
+	margin : 8px 0 0 0;
+	padding : 5px 6px;
+	font : 11px/1.0em Arial;
+	text-align : left;
+	width : 108px;
+	height : 13px;
+}
+
+.dataTables_wrapper .dataTables_paginate {
+	float : right;
+	margin : 8px 0 0;
+	width : auto;
+}
+
+.dataTables_paginate span.paginate_button {
+	float : left;
+	margin : 0 0 0 2px;
+	text-indent : 999px;
+	overflow : hidden;
+	cursor : pointer;
+	width : 24px;
+	height : 23px;
+}
+
+.dataTables_paginate span.paginate_button.first {
+	background : url(../gfx/table-first.gif) no-repeat left top transparent;
+}
+
+.dataTables_paginate span.paginate_button.previous {
+	background : url(../gfx/table-prev.gif) no-repeat left top transparent;
+}
+
+.dataTables_paginate span.paginate_button.next {
+	background : url(../gfx/table-next.gif) no-repeat left top transparent;
+}
+
+.dataTables_paginate span.paginate_button.last {
+	background : url(../gfx/table-last.gif) no-repeat left top transparent;
+}
+
+.dataTables_paginate span span.paginate_button,
+.dataTables_paginate span span {
+	float : left;
+	background : url(../gfx/table-number.gif) no-repeat left top transparent;
+	margin : 0 0 0 2px;
+	font : 11px/2.0em Arial;
+	text-align : center;
+	text-indent : 0;
+	cursor : pointer;
+	width : 24px;
+	height : 23px;
+}
+
+.dataTables_paginate span span:hover,
+.dataTables_paginate span span.paginate_active {
+	color : #002E68;
+	font-weight : bold;
+}

data/spec/samples/sample_site/css/datepicker.css

@@ -0,0 +1,171 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+.ui-datepicker {
+	margin : 5px 0 0;
+	width : 230px;
+}
+
+.ui-datepicker-calendar {
+	background : #FFFFFF;
+	margin : 0 0 0;
+}
+
+.ui-datepicker-calendar thead {
+	background : url(../gfx/table-thead.gif) repeat-x left top;
+	border-top : none;
+}
+
+.ui-datepicker-calendar thead th {
+	border-top : none;
+}
+
+.ui-datepicker table td:first-child + td + td + td + td + td {
+	line-height : normal;
+	width: auto;
+}
+
+.ui-datepicker-header {
+	display : block;
+	background : url(../gfx/back-menu.gif) repeat-x left top;
+	border : 1px solid #C3D0E1;
+	overflow : hidden;
+	height : 30px;
+}
+
+.ui-datepicker-header .ui-datepicker-prev {
+	float : left;
+	background : url(../gfx/datepicker-arrows.gif) no-repeat left top;
+	border-right : 1px solid #C3D0E1;
+	text-indent: -99999px;
+	cursor : pointer;
+	width : 31px;
+	height : 29px;
+}
+
+.ui-datepicker-header .ui-datepicker-title {
+	text-align : center;
+	font: 12px/31px Arial;
+	color: #002E68;
+	text-transform : uppercase;
+	font-weight : bold;
+}
+
+.ui-datepicker-header .ui-datepicker-next {
+	float : right;
+	background : url(../gfx/datepicker-arrows.gif) no-repeat right top;
+	border-left : 1px solid #C3D0E1;
+	text-indent: -99999px;
+	cursor : pointer;
+	width : 31px;
+	height : 29px;
+}
+
+.ui-datepicker-header .ui-datepicker-prev:hover,
+.ui-datepicker-header .ui-datepicker-next:hover {
+	opacity : 0.45;
+	filter : alpha(opacity=45);
+}
+
+.ui-datepicker-current-day {
+	background : #f8f8f8;
+}
+
+.ui-datepicker-today {
+	background : #EFEFEF;
+}
+
+.ui-timepicker-div {
+	background : #FFFFFF;
+	border : 1px solid #C3D0E1;
+	border-top : none;
+}
+
+.ui-timepicker-div .ui-widget-header {
+	margin-bottom : 8px;
+}
+
+.ui-timepicker-div dl {
+	margin : 0;
+	padding : 10px 10px 5px;
+	text-align : left;
+}
+
+.ui-timepicker-div dl dt {
+	height : 25px;
+	margin-bottom : -25px;
+}
+
+.ui-timepicker-div dl dd {
+	margin : 0 10px 10px 65px;
+}
+
+.ui-timepicker-div td {
+	font-size : 90%;
+}
+
+.ui-tpicker-grid-label {
+	background : none;
+	border : none;
+	margin : 0;
+	padding : 0;
+}
+
+.ui-slider-horizontal{
+	position : relative;
+	border : 1px solid #C3D0E1;
+	margin : 5px 0 0;
+	height : 7px;
+}
+
+.ui-slider-horizontal .ui-slider-range {
+	top : 0;
+	height : 100%;
+}
+
+.ui-slider .ui-slider-range {
+	position : absolute;
+	background : #FFFFFF;
+	z-index : 1;
+	font-size : 11px;
+	display : block;
+	border : 0;
+	background-position : 0 0;
+}
+
+.ui-slider-horizontal .ui-slider-handle {
+	margin-left: -.6em;
+}
+
+.ui-slider .ui-slider-handle {
+	position : absolute;
+	top : -5px;
+	background : url(../gfx/slider-button.gif) no-repeat;
+	outline : none;
+	z-index : 2;
+	cursor : default;
+	width : 16px;
+	height : 16px;
+}
+
+.ui-datepicker-buttonpane {
+	display : block;
+	background : url(../gfx/back-menu.gif) repeat-x left top;	
+	border : 1px solid #C3D0E1;
+	border-top : none;
+	padding : 4px;
+	height : 22px;
+}
+
+.ui-datepicker-buttonpane button{
+	float : left;
+	margin : 0 0 0 0;
+}
+
+.ui-datepicker-buttonpane button.ui-datepicker-close{
+	float : right;
+}

data/spec/samples/sample_site/css/form-buttons.css

@@ -0,0 +1,180 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+button::-moz-focus-inner {border:0;padding:0;margin:0;}
+
+button{
+	display : inline-block;
+	border : none;
+	outline: none;
+	padding : 0;
+	margin : 8px 3px 0 0;
+	cursor : pointer;
+    overflow: visible;
+	width : auto;
+	height : 23px;
+}
+
+button span{
+	float : left;
+	padding : 0 8px 0 4px;
+	margin : 0 0 0 4px;
+	font : 10px Arial;
+	font-weight : bold;
+	line-height : 2.1em;
+	color : #FFFFFF;
+	text-transform : uppercase;
+	white-space : nowrap;
+	height : 23px;
+}
+
+button.medium{
+	height : 28px;
+}
+
+button.medium span{
+	padding : 0 10px 0 6px;
+	font : 12px Arial;
+	line-height : 2.35em;
+	*line-height : 2.2em;
+	height : 28px;
+}
+
+button.big{
+	height : 31px;
+}
+
+button.big span{
+	padding : 0 12px 0 8px;
+	font : 13px Arial;
+	line-height : 2.4em;
+	height : 31px;
+}
+
+button.green{
+	background : url(../gfx/link-button.gif) no-repeat left top transparent;
+}
+
+button.green span{
+	background : url(../gfx/link-button.gif) no-repeat right top transparent;
+}
+
+button.blue{
+	background : url(../gfx/link-button.gif) no-repeat left -23px transparent;
+}
+
+button.blue span{
+	background : url(../gfx/link-button.gif) no-repeat right -23px transparent;
+}
+
+button.orange{
+	background : url(../gfx/link-button.gif) no-repeat left -46px transparent;
+}
+
+button.orange span{
+	background : url(../gfx/link-button.gif) no-repeat right -46px transparent;
+}
+
+button.red{
+	background : url(../gfx/link-button.gif) no-repeat left -69px transparent;
+}
+
+button.red span{
+	background : url(../gfx/link-button.gif) no-repeat right -69px transparent;
+}
+
+button.grey{
+	background : url(../gfx/link-button.gif) no-repeat left -92px transparent;
+}
+
+button.grey span{
+	background : url(../gfx/link-button.gif) no-repeat right -92px transparent;
+}
+
+/* MEDIUM SIZE LINK BUTTONS */
+
+button.medium.green{
+	background : url(../gfx/link-button-medium.gif) no-repeat left top transparent;
+}
+
+button.medium.green span{
+	background : url(../gfx/link-button-medium.gif) no-repeat right top transparent;
+}
+
+button.medium.blue{
+	background : url(../gfx/link-button-medium.gif) no-repeat left -28px transparent;
+}
+
+button.medium.blue span{
+	background : url(../gfx/link-button-medium.gif) no-repeat right -28px transparent;
+}
+
+button.medium.orange{
+	background : url(../gfx/link-button-medium.gif) no-repeat left -56px transparent;
+}
+
+button.medium.orange span{
+	background : url(../gfx/link-button-medium.gif) no-repeat right -56px transparent;
+}
+
+button.medium.red{
+	background : url(../gfx/link-button-medium.gif) no-repeat left -84px transparent;
+}
+
+button.medium.red span{
+	background : url(../gfx/link-button-medium.gif) no-repeat right -84px transparent;
+}
+
+button.medium.grey{
+	background : url(../gfx/link-button-medium.gif) no-repeat left -112px transparent;
+}
+
+button.medium.grey span{
+	background : url(../gfx/link-button-medium.gif) no-repeat right -112px transparent;
+}
+
+/* BIG SIZE LINK BUTTONS */
+
+button.big.green{
+	background : url(../gfx/link-button-big.gif) no-repeat left top transparent;
+}
+
+button.big.green span{
+	background : url(../gfx/link-button-big.gif) no-repeat right top transparent;
+}
+
+button.big.blue{
+	background : url(../gfx/link-button-big.gif) no-repeat left -31px transparent;
+}
+
+button.big.blue span{
+	background : url(../gfx/link-button-big.gif) no-repeat right -31px transparent;
+}
+
+button.big.orange{
+	background : url(../gfx/link-button-big.gif) no-repeat left -62px transparent;
+}
+
+button.big.orange span{
+	background : url(../gfx/link-button-big.gif) no-repeat right -62px transparent;
+}
+
+button.big.red{
+	background : url(../gfx/link-button-big.gif) no-repeat left -93px transparent;
+}
+
+button.big.red span{
+	background : url(../gfx/link-button-big.gif) no-repeat right -93px transparent;
+}
+
+button.big.grey{
+	background : url(../gfx/link-button-big.gif) no-repeat left -124px transparent;
+}
+
+button.big.grey span{
+	background : url(../gfx/link-button-big.gif) no-repeat right -124px transparent;
+}