additional_plugins/serendipity_event_guestbook/style_guestbook_backend.css
2011-12-15 14:20:53 +01:00

471 lines
20 KiB
CSS

/* # $Id: style_guestbook_backend.css - v.3.28 2011-12-15 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; }
div.backend_guestbook_nav {
border: medium solid;
float: right;
margin: 1em auto;
width: 24em;
background: rgb(238,238,238); /* Old browsers */
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%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#5792d8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
-pie-background: linear-gradient(#EEEEEE, #5792d8);
}
div.backend_guestbook_nav ul li#active {
border-bottom: 1px solid #888;
background: rgb(224,224,224); /* Old browsers */
background: -moz-linear-gradient(left, rgba(224,224,224,1) 0%, rgba(213,191,192,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(213,191,192,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d5bfc0',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* W3C */
-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 */
background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#5792d8',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
-pie-background: linear-gradient(#F0F0F0, #5792d8);
}
div.backend_guestbook_entrywrapper { margin: 99px 14% 0 0; padding: 0; }
div.backend_guestbook_head {
border: 1px solid red;
float: left;
margin: 30px 0 0 0px;
padding: 4px 20px;
background: rgb(87,146,216); /* Old browsers */
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%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5792d8', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
-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:40%; text-align: right; margin-right: 20px; 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 #808;
display: block;
margin: 20px 0 20px 0;
background: rgb(238,238,238); /* Old browsers */
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%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#5792d8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
-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: rgb(255,193,37); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,193,37,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,193,37,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc125', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
-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 */
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%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
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 *********/