2013-08-12 09:49:28 +02:00
/ * #
2012-09-14 19:06:48 +02:00
style_guestbook_backend . css - v . 3 . 31 2012-09-14 ian * /
2011-12-13 12:29:05 +01:00
/******** Begin Guestbook Styles *********/
. input-text input , . input-textarea textarea {
filter : progid : DXImageTransform . Microsoft . Shadow ( color = '#888888' , Direction = 145 , Strength = 2 ) ; /* IE Shadow setting */
2011-12-15 14:20:53 +01:00
/* shadow settings */
-webkit-box-shadow : 0 0 2px 2px # DDDDDD ;
2011-12-13 12:29:05 +01:00
-moz-box-shadow : 0 0 2px 2px # DDDDDD ;
2011-12-15 14:20:53 +01:00
-o-box-shadow : 0 0 2px 2px # DDDDDD ;
box-shadow : 0 0 2px 2px # DDDDDD ; /* html5 standard */
2011-12-13 12:29:05 +01:00
}
. input-text input , . input-textarea textarea , # search-term , # captcha {
background : none repeat scroll 0 0 # FFFFFF ;
border : 1px solid # AAAAAA ;
2011-12-15 14:20:53 +01:00
color : # 888888 ;
2011-12-13 12:29:05 +01:00
-moz-border-radius : 4px 4px 4px 4px ;
-webkit-border-radius : 4px 4px 4px 4px ;
-khtml-border-radius : 4px 4px 4px 4px ;
2011-12-15 14:20:53 +01:00
-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 ( { P L U G I N _ P A T H } PIE . htc ) ;
2011-12-13 12:29:05 +01:00
}
. 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 {
2011-12-15 14:20:53 +01:00
padding : 4px ;
2011-12-13 12:29:05 +01:00
background-color : transparent ;
border : 1px solid # B20000 ;
border : 1px solid hsl ( 360 , 100 % , 35 % ) ;
2011-12-15 14:20:53 +01:00
text-align : justify ;
/* mozilla, chrome, safari, ie7+, opera round corners */
2011-12-13 12:29:05 +01:00
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 ;
2011-12-15 14:20:53 +01:00
-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 ( { P L U G I N _ P A T H } PIE . htc ) ;
2011-12-13 12:29:05 +01:00
}
# 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 ;
2011-12-15 14:20:53 +01:00
margin-left : 8px ;
2011-12-13 12:29:05 +01:00
}
# backend_guestbook_wrapper . guestbook_entries dt { display : inline-block ; }
2012-09-14 19:06:48 +02:00
# backend_guestbook_wrapper . guestbook_move {
2013-08-27 15:11:58 +02:00
background : none repeat scroll 0 0 ButtonFace ;
2013-08-27 15:16:23 +02:00
margin : 0 4px ;
2012-09-14 19:06:48 +02:00
vertical-align : text-top ;
}
2013-08-27 15:11:58 +02:00
# backend_guestbook_wrapper img . guestbook_move {
background : none repeat scroll 0 0 transparent ;
}
2011-12-15 14:20:53 +01:00
div . backend_guestbook_nav {
2012-09-14 19:06:48 +02:00
border : thin solid ;
2011-12-15 14:20:53 +01:00
float : right ;
margin : 1em auto ;
2012-09-14 19:15:17 +02:00
width : 30em ;
2011-12-15 14:20:53 +01:00
background : rgb ( 238 , 238 , 238 ) ; /* Old browsers */
2012-09-14 19:06:48 +02:00
/* 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+ */
2011-12-15 14:20:53 +01:00
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+ */
2012-09-14 19:06:48 +02:00
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 */
2011-12-15 14:20:53 +01:00
-pie-background : linear-gradient ( # EEEEEE , # 5792d8 ) ;
}
div . backend_guestbook_nav ul li # active {
border-bottom : 1px solid # 888 ;
2012-09-14 19:06:48 +02:00
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 */
2011-12-15 14:20:53 +01:00
-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 */
2012-09-14 19:06:48 +02:00
/* 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 */
2011-12-15 14:20:53 +01:00
-pie-background : linear-gradient ( # F0F0F0 , # 5792d8 ) ;
}
2011-12-13 12:29:05 +01:00
div . backend_guestbook_entrywrapper { margin : 99 px 14 % 0 0 ; padding : 0 ; }
2011-12-15 14:20:53 +01:00
div . backend_guestbook_head {
2012-09-14 19:06:48 +02:00
border : 1px solid lightblue ;
2011-12-15 14:20:53 +01:00
float : left ;
2012-09-14 19:06:48 +02:00
margin : 1em 0 0 0px ;
2011-12-15 14:20:53 +01:00
padding : 4px 20px ;
background : rgb ( 87 , 146 , 216 ) ; /* Old browsers */
2012-09-14 19:06:48 +02:00
/* 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+ */
2011-12-15 14:20:53 +01:00
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+ */
2012-09-14 19:06:48 +02:00
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 */
2011-12-15 14:20:53 +01:00
-pie-background : linear-gradient ( # 5792d8 , # F0F0F0 ) ;
}
2011-12-13 12:29:05 +01:00
div . backend_guestbook_paginator { background-color : transparent ; border : 0 none ; margin : 10 px 0 ; height : 25 px ; }
span . backend_guestbook_paginator_left { float : left ; width : 40 % ; text-align : left ; margin-left : 20 px ; color : #aaa !important ; }
span . backend_guestbook_paginator_center { margin : 5 px 20 px ; width : 20 % ; text-align : center ; font-weight : 700 !important ; }
2012-09-14 19:15:17 +02:00
span . backend_guestbook_paginator_right { float : right ; width : 20 % ; text-align : right ; margin : 0 20 px 0 0 ; color : #aaa !important ; }
2011-12-13 12:29:05 +01:00
div . backend_guestbook_noresult { margin : 100 px 0 0 0 ; border : 0 none ; }
div . backend_guestbook_dbclean_title { margin : 100 px 0 20 px 10 px ; }
2011-12-15 14:20:53 +01:00
div . backend_guestbook_dbclean_menu {
2012-09-14 19:06:48 +02:00
border : 1px solid # 888888 ;
2011-12-15 14:20:53 +01:00
display : block ;
margin : 20px 0 20px 0 ;
2012-09-14 19:06:48 +02:00
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 */
2011-12-15 14:20:53 +01:00
-pie-background : linear-gradient ( # EEEEEE , # 5792d8 ) ;
}
2011-12-13 12:29:05 +01:00
ul . backend_guestbook_dbclean_menu { padding : 4 px 80 px ; }
li . backend_guestbook_dbclean_menu { list-style-type : circle ; line-height : 20 px ; font-size : 1.2 em ; text-decoration : none ; }
2011-12-15 14:20:53 +01:00
div . backend_guestbook_dbclean_menu ul li # active {
2012-09-14 19:06:48 +02:00
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 */
2011-12-15 14:20:53 +01:00
-pie-background : linear-gradient ( # FFC125 , # E0E0E0 ) ;
}
2011-12-13 12:29:05 +01:00
div . backend_guestbook_dbclean_innercat { text-decoration : underline ; }
div . backend_guestbook_dbclean_innertitle { text-decoration : underline ; margin-bottom : 1 px ; }
div . backend_guestbook_dbclean_error { color : red ; }
div . backend_guestbook_dbclean_object { width : 740 px ; max-width : 1000 px ; max-height : 200 px ; overflow : auto ; background-color : #D5BFC0 ; border : 1 px solid #808 ; font : 9 pt / 1.3 em #000 'courier new' , 'times new roman' , monospace ; }
tr . backend_guestbook_line { float : left ; width : auto ; margin : 0 px ; padding : 0 px ; }
td . backend_guestbook_linenum { padding : 0 px 2 px ; background : #FDECE1 ; border-right : 1 px solid gray ; color : gray ; text-align : right ; }
td . backend_guestbook_linetxt { padding-left : 2 px ; }
span . backend_guestbook_right { float : right ; padding : 0 20 px 0 0 ; }
img . backend_attention { width : 22 px ; height : 22 px ; border : 0 none ; padding-right : 4 px ; vertical-align : middle ; }
. backend_guestbook_inline { display : inline }
div . guestbook_backend_form {
2011-12-15 14:20:53 +01:00
background-color : # E0E0E0 ;
border : 1px solid # 333333 ;
2011-12-13 12:29:05 +01:00
padding : 8px ;
}
div . guestbookformdesc { padding : 2 px 0 ; font : 500 11 px verdana , arial , geneva , helvetica , sans-serif ; text-align : left ; background-color : #e0e0e0 ; /* form gray */ }
span . guestbook_admin_comment {
2011-12-15 14:20:53 +01:00
border : 1px solid # FF8247 ; /*#CCCCCC;*/
2011-12-13 12:29:05 +01:00
display : block ;
2011-12-15 14:20:53 +01:00
overflow : auto ;
2011-12-13 12:29:05 +01:00
margin : 10px 0 2px 40px ;
padding : 4px ;
background : none repeat scroll 0 0 # EFEFEF ; /*wheat;*/
font-size : 80 % ! important ;
font-style : italic ;
2011-12-15 14:20:53 +01:00
/* 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 ( { P L U G I N _ P A T H } PIE . htc ) ;
2011-12-13 12:29:05 +01:00
}
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.0 px 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 : 12 px ; }
# backend_guestbook_wrapper input . bbc_b { font-weight : bold ; font-size : 12 px ; }
# backend_guestbook_wrapper input . bbc_u { text-decoration : underline ; font-size : 12 px ; }
# backend_guestbook_wrapper input . bbc_s { font-style : italic ; font-size : 12 px ; }
# backend_guestbook_wrapper input . bbc_q { font-style : italic ; font-size : 12 px ; }
# 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 ;
2011-12-15 14:20:53 +01:00
background-color : # AAAAAA ;
border : 1px solid # BBBBBB ;
2011-12-13 12:29:05 +01:00
text-align : left ;
2011-12-15 14:20:53 +01:00
/* 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 */
2011-12-13 12:29:05 +01:00
}
. 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 ;
2011-12-15 14:20:53 +01:00
padding : 4px ;
/* standard color #EEEEEE no gradient */
background : rgb ( 238 , 238 , 238 ) ; /* Old browsers */
2012-09-14 19:06:48 +02:00
/* 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+ */
2011-12-15 14:20:53 +01:00
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+ */
2012-09-14 19:06:48 +02:00
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 */
2011-12-15 14:20:53 +01:00
position : relative ; /* PIE specific */
-pie-background : linear-gradient ( # EEEEEE , # FFFFFF ) ;
2011-12-13 12:29:05 +01:00
}
. 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 ;
2011-12-15 14:20:53 +01:00
height : 14px ;
2011-12-13 12:29:05 +01:00
}
/* 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 *********/