additional_plugins/serendipity_event_guestbook/style_guestbook_backend.css
2012-09-14 19:15:17 +02:00

488 lines
25 KiB
CSS

/* # $Id$
style_guestbook_backend.css - v.3.31 2012-09-14 ian */
/******** Begin Guestbook Styles *********/
.input-text input, .input-textarea textarea {
filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=2); /* IE Shadow setting */
/* shadow settings */
-webkit-box-shadow: 0 0 2px 2px #DDDDDD;
-moz-box-shadow: 0 0 2px 2px #DDDDDD;
-o-box-shadow: 0 0 2px 2px #DDDDDD;
box-shadow: 0 0 2px 2px #DDDDDD; /* html5 standard */
}
.input-text input, .input-textarea textarea, #search-term, #captcha {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #AAAAAA;
color: #888888;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px; /* html5 standard */
/* need only of IE 6/7/8 gradient/border-radius/border-shadow */
position: relative; /* IE PIE lt 9 need this here */
behavior: url({PLUGIN_PATH}PIE.htc);
}
.input-text label, .input-select label, .input-textarea label {
display: block;
font-weight: bold;
margin: 10px 0 4px;
}
.serendipity_guestbook {
margin: 0 none;
padding: 0 none;
}
.serendipity_guestbook h2.serendipity_title {
padding-left: 0;
text-align: center;
}
.serendipity_entry,
.serendipity_entry_body {
border-top: 0 none;
}
#guestbook_wrapper {
margin: 0 none;
padding: 0 none;
}
br.clear { clear: both; }
#guestbook_wrapper .guestbook_intro {
padding: 4px;
background-color: transparent;
border: 1px solid #B20000;
border: 1px solid hsl(360,100%,35%);
text-align: justify;
/* mozilla, chrome, safari, ie7+, opera round corners */
border-color: hsl(360,100%,35%);
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px 8px 8px 8px;
-o-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px; /* html5 standard */
/* need only of IE 6/7/8 gradient/border-radius/border-shadow */
position: relative; /* IE PIE lt 9 need this here */
behavior: url({PLUGIN_PATH}PIE.htc);
}
#guestbook_entrypaging {
line-height: 1.6;
margin: 20px 0;
padding: 0;
border: 0 none;
text-align: center;
}
#guestbook_entrypaging a,
#guestbook_entrypaging a:hover {
background: none repeat scroll 0 0 #FFFFFF;
text-decoration: none;
}
div.frontend_guestbook_paginator{}
span.frontend_guestbook_paginator_left { color: #BBB; }
span.frontend_guestbook_paginator_center { }
span.frontend_guestbook_paginator_right { color: #BBB; }
/*********************************************
*** GUESTBOOK BACKEND ONLY - START **********/
/*********************************************/
/* css color styles - colour you life ;-) */
/* 'gray' is a color & 'grey' is a colour! */
/* background colors potentially used: */
/* #FFB90F DarkGoldenrod1 */
/* #FFC125 Goldenrod1 */
/* #FFD700 Gold1 */
/* #FF8247 Sienna1 */
/* #ADD8E6 LightBlue */
/* #6280A2 ~ PaginatorBlue */
/* #5792d8 ~ nearNavBlue */
/* #b6c9cc ~ nearNavGrey */
/* #6280A2 ~ SkyBlue4 */
/* #D5BFC0 ~ darkrose */
/* #FDECE1 ~ lightrose */
/* #EEEEEE ~ light gray */
/* #E0E0E0 ~ light grey 2 */
/* #F0F0F0 ~ ivory white */
/*********************************************/
#backend_guestbook_wrapper, #backend_guestbook_wrapper table, #backend_guestbook_wrapper tr, #backend_guestbook_wrapper th,
#backend_guestbook_wrapper td, #backend_guestbook_wrapper div, #backend_guestbook_wrapper .guestbook_entries,
#backend_guestbook_wrapper .guestbook_entrybottom, #backend_guestbook_wrapper span, #backend_guestbook_wrapper font {
font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
}
#backend_guestbook_wrapper { border: 0 none; background: 0 none; } /* get rid of intro and frontend messages borders and background-colors */
#backend_guestbook_wrapper code { vertical-align: top; white-space: nowrap; }
#backend_guestbook_wrapper .guestbook_helptip span { font: xx-small arial, helvetica, sans-serif; }
#backend_guestbook_wrapper .guestbook_entrytop {
background: none repeat scroll 0 0 #B6C9CC;
padding: 4px 4px 0;
}
#backend_guestbook_wrapper .guestbook_entrybottom {
background: none repeat scroll 0 0 #E1E5DE;
border-bottom: 1px solid #B6C9CC;
border-top: 1px solid #A0A0A0; /*#999966;*/
margin: 2px 0 0;
}
#backend_guestbook_wrapper .guestbook_validation {
float: right;
margin-left: 8px;
}
#backend_guestbook_wrapper .guestbook_entries dt { display: inline-block; }
#backend_guestbook_wrapper .guestbook_move {
padding: 0 4px;
vertical-align: text-top;
}
div.backend_guestbook_nav {
border: thin solid;
float: right;
margin: 1em auto;
width: 30em;
background: rgb(238,238,238); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzkyZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#5792d8',GradientType=0 ); /* IE6-8 */
-pie-background: linear-gradient(#EEEEEE, #5792d8);
}
div.backend_guestbook_nav ul li#active {
border-bottom: 1px solid #888;
background: rgb(246,246,246); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmVjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(242,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(242,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f2ecec',GradientType=0 ); /* IE6-8 */
-pie-background: linear-gradient(#E0E0E0, #D5BFC0);
}
div.backend_guestbook_menu {
border: 1px solid #777;
padding: 0 0 0 20px;
background: rgb(240,240,240); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzkyZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#5792d8',GradientType=0 ); /* IE6-8 */
-pie-background: linear-gradient(#F0F0F0, #5792d8);
}
div.backend_guestbook_entrywrapper { margin: 99px 14% 0 0; padding: 0; }
div.backend_guestbook_head {
border: 1px solid lightblue;
float: left;
margin: 1em 0 0 0px;
padding: 4px 20px;
background: rgb(87,146,216); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3OTJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(87,146,216,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,146,216,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5792d8', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */
-pie-background: linear-gradient(#5792d8, #F0F0F0);
}
div.backend_guestbook_paginator { background-color: transparent; border: 0 none; margin: 10px 0; height: 25px; }
span.backend_guestbook_paginator_left { float: left; width: 40%; text-align: left; margin-left: 20px; color: #aaa !important; }
span.backend_guestbook_paginator_center { margin: 5px 20px; width: 20%; text-align: center; font-weight: 700 !important; }
span.backend_guestbook_paginator_right { float: right; width:20%; text-align: right; margin: 0 20px 0 0; color: #aaa !important; }
div.backend_guestbook_noresult { margin: 100px 0 0 0; border: 0 none; }
div.backend_guestbook_dbclean_title { margin: 100px 0 20px 10px; }
div.backend_guestbook_dbclean_menu {
border: 1px solid #888888;
display: block;
margin: 20px 0 20px 0;
background: rgb(245,245,245); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNGMwZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(180,192,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(180,192,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(180,192,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(180,192,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(180,192,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(180,192,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#b4c0d6',GradientType=0 ); /* IE6-8 */
-pie-background: linear-gradient(#EEEEEE, #5792d8);
}
ul.backend_guestbook_dbclean_menu { padding: 4px 80px; }
li.backend_guestbook_dbclean_menu { list-style-type: circle; line-height: 20px; font-size: 1.2em; text-decoration: none; }
div.backend_guestbook_dbclean_menu ul li#active {
border-bottom: 1px solid #888; /*background: -moz-linear-gradient(center top , #FFC125 0%, #E0E0E0 100%) repeat scroll 0 0 transparent;*/
background: rgb(246,246,246); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmVjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(242,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(242,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(242,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f2ecec',GradientType=0 ); /* IE6-8 */
-pie-background: linear-gradient(#FFC125, #E0E0E0);
}
div.backend_guestbook_dbclean_innercat { text-decoration: underline; }
div.backend_guestbook_dbclean_innertitle { text-decoration: underline; margin-bottom: 1px; }
div.backend_guestbook_dbclean_error { color: red; }
div.backend_guestbook_dbclean_object { width: 740px; max-width: 1000px; max-height: 200px; overflow: auto; background-color: #D5BFC0; border: 1px solid #808; font: 9pt/1.3em #000 'courier new','times new roman',monospace; }
tr.backend_guestbook_line { float: left; width: auto; margin: 0px; padding: 0px; }
td.backend_guestbook_linenum { padding: 0px 2px; background:#FDECE1; border-right: 1px solid gray; color: gray; text-align: right; }
td.backend_guestbook_linetxt { padding-left: 2px; }
span.backend_guestbook_right { float: right; padding: 0 20px 0 0; }
img.backend_attention { width: 22px; height: 22px; border: 0 none; padding-right: 4px; vertical-align: middle; }
.backend_guestbook_inline { display: inline }
div.guestbook_backend_form {
background-color: #E0E0E0;
border: 1px solid #333333;
padding: 8px;
}
div.guestbookformdesc { padding: 2px 0; font: 500 11px verdana, arial, geneva, helvetica, sans-serif; text-align: left; background-color: #e0e0e0; /* form gray */ }
span.guestbook_admin_comment {
border: 1px solid #FF8247; /*#CCCCCC;*/
display: block;
overflow:auto;
margin: 10px 0 2px 40px;
padding: 4px;
background: none repeat scroll 0 0 #EFEFEF;/*wheat;*/
font-size:80% !important;
font-style: italic;
/* rounded corners */
-webkit-border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
-o-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em; /* html5 standard */
/* need only of IE 6/7/8 gradient/border-radius/border-shadow */
position: relative; /* IE PIE lt 9 need this here */
behavior: url({PLUGIN_PATH}PIE.htc);
}
span.guestbook_admin_comment q{quotes:"\00AB" "\00BB"; }
.guestbook_admin_comment blockquote p,
.guestbook_admin_comment blockquote p q {
color: #055bc6;
text-align: left;
/* font-style, font-variant, font-weight, font-size/line-height, font-family */
font: italic normal 500 11px/16px 'arial', helvetica, sans-serif !important;
}
.guestbook_admin_comment blockquote p:first-child {
background: url('{TEMPLATE_PATH}img/quote-start.gif') no-repeat scroll left top transparent !important;
text-indent: 25px;
}
.guestbook_admin_comment blockquote,
.guestbook_admin_comment p {
margin: 4px 2px !important; padding: 0 !important; border: 0 !important; color: #055bc6;
background: url('{TEMPLATE_PATH}img/quote-end.gif') no-repeat scroll right bottom transparent !important;
}
.guestbook_reiter { text-align: center; font: 700 10.0px arial, helvetica, sans-serif; text-decoration: none; vertical-align: middle; }
.guestbook_reiter_dim { color: #888; font: 500 x-small arial, helvetica, sans-serif; vertical-align: bottom; }
#backend_guestbook_wrapper input.bbc_i { clear: both; font-style: italic; font-size: 12px;}
#backend_guestbook_wrapper input.bbc_b { font-weight: bold; font-size: 12px;}
#backend_guestbook_wrapper input.bbc_u { text-decoration: underline; font-size: 12px;}
#backend_guestbook_wrapper input.bbc_s { font-style: italic; font-size: 12px;}
#backend_guestbook_wrapper input.bbc_q { font-style: italic; font-size: 12px;}
#backend_guestbook_wrapper .input-text input[type="button"] {
background: url("{TEMPLATE_PATH}admin/img/bp_admin_prettybutton.png") repeat scroll 0 50% #055BC6;
border: 1px solid #055BC6;
color: #FFFFFF;
}
/*********************************************
*** GUESTBOOK BACKEND ONLY - END ***********/
/********************************************/
/* one guestbook entry wrapper */
#guestbook_entrybundle dl {
margin: 0;
}
#guestbook_entrybundle {
margin: 0;
overflow: hidden;
padding: 0;
background-color: #AAAAAA;
border: 1px solid #BBBBBB;
text-align: left;
/* rounded corners */
-webkit-border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
-o-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px; /* html5 standard */
}
.serendipity_commentDirection {
text-align:justify;
}
.guestbook_emailprotect {
font-size: x-small;
}
.captcha {
border: 1px solid #777;
}
/* the entry title mail date etc - depends on #guestbook_entrybundle */
#guestbook_wrapper .guestbook_entrytop {
margin-bottom: 5px;
padding: 4px;
/* standard color #EEEEEE no gradient */
background: rgb(238,238,238); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
position: relative; /* PIE specific */
-pie-background: linear-gradient(#EEEEEE, #FFFFFF);
}
.guestbook_entries {
padding: 0;
margin: 0;
border: 0 none;
font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
text-align: left;
width: 100%;
}
.guestbook_entrytop a,
.guestbook_entrytop a:link,
.guestbook_entrytop a:visited,
.guestbook_entrytop a:active,
.guestbook_entrytop a:focus {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: 600;
text-decoration: none;
}
.guestbook_entrytop a:hover {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
color: #ADB4D9;
}
.guestbook_admin {
text-align: right;
}
.guestbook_admintext {
text-align: right;
padding-right: 10px;
}
.guestbook_admintextdim {
color: #777;
text-decoration: none;
}
.guestbook_adminbutton {
text-align: right;
vertical-align: top;
}
.guestbook_adminbutton img {
width: 14px;
height: 14px;
}
/* the entry value only - depends on #guestbook_entrybundle */
.guestbook_entrybottom {
background: none repeat scroll 0 0 #FDFDFD;
border: 1px solid #DFDFDF;
margin-bottom: 6px;
padding: 4px;
color: #333333;
font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
text-align: left;
}
.guestbook_splitentries {
clear: both;
}
.guestbook_errorbundled {
padding-top: 30px;
width: auto;
}
.guestbook_error_red {
color: #ff0000;
}
.guestbook_errors {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
font-weight: 600;
text-align: left;
color: #800040;
}
.guestbook_questionaire {
line-height: 1.4em;
}
.guestbook_ripped {
line-height: 1.4em;
font-weight: bold;
}
.guestbook_popup {
text-align:center;
padding-bottom: 10px;
}
#guestbook_wrapper a:link.serendipityPrettyButton,
#guestbook_wrapper a:visited.serendipityPrettyButton,
#guestbook_wrapper a:hover.serendipityPrettyButton {
color: #1D2E3F;
text-decoration: none;
}
#guestbook_wrapper .serendipityPrettyButton {
border: 1px outset #888888;
color: #1D2E3F;
font-size: 0.9em;
font-weight: bold;
margin: 2px;
padding: 1px;
}
/* Special class if the button is a <a> tag */
#guestbook_wrapper a.serendipityPrettyButton {
cursor: pointer;
padding: 2px 4px;
}
#guestbook_wrapper .serendipityPrettyButton {
background: url('{TEMPLATE_PATH}img/button_background.png') repeat scroll 0 50% #80B0DA;
}
#guestbook_wrapper a.serendipityPrettyButton {
background: url('{TEMPLATE_PATH}img/button_background.png') repeat-x scroll center top transparent;
}
/******** End Guestbook Styles *********/