2011-12-13 12:29:05 +01:00
2014-06-15 15:28:13 +02:00
/ *
* * * * * * * * Begin Guestbook Styles * * * * * * * * *
2014-12-29 13:34:41 +01:00
style_guestbook_backend . css - for v . 3 . 53 2014-12-29 Ian
2014-06-15 15:28:13 +02:00
* /
2011-12-13 12:29:05 +01:00
2014-06-15 15:28:13 +02:00
# wrapGB . icon-ok : before { content : '\2714' }
# wrapGB . icon-error : before { content : '\26a0' ; }
# wrapGB . icon-cancel-circle : before { content : '\2716' }
# wrapGB . icon-attention : before { content : '\2757' ; }
# wrapGB . icon-attention : before { content : '!' ; font-weight : bold ; } /* fake for chrome, since exclamation mark ! not supported as native \2757 */
2011-12-13 12:29:05 +01:00
2014-06-15 15:28:13 +02:00
# wrapGB . icon-attention : before , . icon-error : before { color : red ; }
# wrapGB . icon-ok : before { color : green ; }
# wrapGB . icon-clock : before { color : #fff ; }
# wrapGB . icon-ok : before , . icon-error : before , . icon-attention : before { font-size : 131 % ; }
# wrapGB . input-text input , # wrapGB . input-textarea textarea {
2011-12-13 12:29:05 +01:00
background : none repeat scroll 0 0 # FFFFFF ;
border : 1px solid # AAAAAA ;
2011-12-15 14:20:53 +01:00
color : # 888888 ;
2014-06-15 15:28:13 +02:00
/* rounded corners */
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 */
2014-06-15 15:28:13 +02:00
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 */
2011-12-13 12:29:05 +01:00
}
2014-06-15 15:28:13 +02:00
# wrapGB . input-text label , # wrapGB . input-select label , # wrapGB . input-textarea label {
2011-12-13 12:29:05 +01:00
display : block ;
font-weight : bold ;
margin : 10px 0 4px ;
}
2014-06-15 15:28:13 +02:00
# wrapGB # guestbook_entrypaging {
2011-12-13 12:29:05 +01:00
line-height : 1 . 6 ;
margin : 20px 0 ;
padding : 0 ;
border : 0 none ;
text-align : center ;
}
2014-06-15 15:28:13 +02:00
# wrapGB # guestbook_entrypaging a ,
# wrapGB # guestbook_entrypaging a : hover {
2011-12-13 12:29:05 +01:00
background : none repeat scroll 0 0 # FFFFFF ;
text-decoration : none ;
}
2014-06-15 15:28:13 +02:00
# wrapGB . gb_button a ,
# wrapGB . gb_paginator a { text-decoration : none ; }
# wrapGB . input-buttons { margin : 1 em 0 ; }
2011-12-13 12:29:05 +01:00
2014-06-15 15:28:13 +02:00
# wrapGB code { vertical-align : top ; white-space : nowrap ; }
2011-12-13 12:29:05 +01:00
2014-06-15 15:28:13 +02:00
# wrapGB . gb_validation {
2011-12-13 12:29:05 +01:00
float : right ;
2011-12-15 14:20:53 +01:00
margin-left : 8px ;
2011-12-13 12:29:05 +01:00
}
2014-06-15 15:28:13 +02:00
# wrapGB # entries_list > li {
padding : 0 ;
}
# wrapGB # entries_list . entryhead {
padding : 0px 0 . 4em ;
width : 99 % ;
}
# wrapGB . dbcnav ul ,
# wrapGB . gbnav ul {
padding : 3px 0 1px ;
margin-left : 0 ;
display : block ;
border-style : solid ;
border-color : # BBB # DEDEDE ;
border-width : 1px ;
}
# wrapGB . gbnav ul {
background : # ddd ;
background-image : -webkit-linear-gradient ( # fff , # ddd ) ;
background-image : linear-gradient ( # fff , # ddd ) ;
}
# wrapGB . dbcnav ul li ,
# wrapGB . gbnav ul li {
list-style : none ;
margin : 0 ;
display : inline-flex ;
}
2015-06-30 16:52:21 +02:00
# wrapGB . gbnav ul {
padding : 5px 0 \ 9 ; /* IE 9 hack */
}
# wrapGB . gbnav ul li {
display : inline-block \ 9 ; /* IE 9 hack for inline-flex */
}
2014-06-15 15:28:13 +02:00
# wrapGB . dbcnav ul li a ,
# wrapGB . gbnav ul li a {
padding : 3px 0 . 5em ;
margin-left : 5px ;
}
# wrapGB . gbnav ul li # active a {
background : # dedede ;
background-image : -webkit-linear-gradient ( # fff , # dedede ) ;
background-image : linear-gradient ( # fff , # dedede ) ;
background-clip : padding-box ;
border : 1px solid # CACACA ;
/* rounded corners */
-webkit-border-radius : 0 . 1em ;
-moz-border-radius : 0 . 1em ;
-o-border-radius : 0 . 1em ;
border-radius : 0 . 1em ; /* html5 standard */
/* shadow settings */
-webkit-box-shadow : 0 1px 3px rgba ( 0 , 0 , 0 , 0 . 3 ) ;
-moz-box-shadow : 0 1px 3px rgba ( 0 , 0 , 0 , 0 . 3 ) ;
-o-box-shadow : 0 1px 3px rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : 0 1px 3px rgba ( 0 , 0 , 0 , 0 . 3 ) ; /* html5 standard */
}
# wrapGB . dbcnav ul ,
# wrapGB . gb_entryhead {
background : # 3e5f81 ;
background-image : -webkit-linear-gradient ( # 3e5f81 , # 294564 ) ;
background-image : linear-gradient ( # 3e5f81 , # 294564 ) ;
/* shadow settings */
-webkit-box-shadow : 0 1px 4px rgba ( 0 , 0 , 0 , . 5 ) ;
-moz-box-shadow : 0 1px 4px rgba ( 0 , 0 , 0 , . 5 ) ;
-o-box-shadow : 0 1px 4px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 1px 4px rgba ( 0 , 0 , 0 , . 5 ) ;
color : # ccdde7 ;
text-shadow : 1px 1px 1px rgba ( 0 , 0 , 0 , . 8 ) ;
padding : 0 . 2em 0 . 4em ;
}
# wrapGB . dbcnav ul li a ,
# wrapGB . gb_entryhead a {
color : # ccdde7 ;
}
# wrapGB . gb_entrybody {
padding : 0 . 2em 0 . 4em ;
}
# wrapGB . gb_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 ;
}
2014-06-15 15:28:13 +02:00
# wrapGB . gb_msgred { color : red ; }
# wrapGB . gb_msgred h3 { margin : 0 auto ; }
# wrapGB div . gb_paginator { background-color : transparent ; display : block ; border : 0 none ; height : 2 em ; }
# wrapGB span . gb_paginator_left { float : left ; width : 36.5 % ; text-align : left ; margin : 0 0 0 1.5 em ; color : #aaa !important ; } /*normally 40%, but prev button name too long*/
# wrapGB span . gb_paginator_center { margin : 0 1.5 em ; width : 20 % ; text-align : center ; font-weight : 700 !important ; }
# wrapGB span . gb_paginator_right { float : right ; width : auto ; text-align : right ; margin : 0 1.5 em 0 0 ; color : #aaa !important ; }
# wrapGB 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 ;
}
2014-06-15 15:28:13 +02:00
# wrapGB span . guestbook_admin_comment {
border : 1px solid # FF8247 ;
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 */
2011-12-13 12:29:05 +01:00
}
2014-06-15 15:28:13 +02:00
# wrapGB span . guestbook_admin_comment q { quotes : "\00AB" "\00BB" ; }
# wrapGB . guestbook_admin_comment blockquote p ,
# wrapGB . guestbook_admin_comment blockquote p q {
2011-12-13 12:29:05 +01:00
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 ;
}
2014-06-15 15:28:13 +02:00
# wrapGB . guestbook_admin_comment blockquote p : first-child {
2011-12-13 12:29:05 +01:00
background : url ( '{TEMPLATE_PATH}img/quote-start.gif' ) no-repeat scroll left top transparent ! important ;
text-indent : 25px ;
}
2014-06-15 15:28:13 +02:00
# wrapGB . guestbook_admin_comment blockquote ,
# wrapGB . guestbook_admin_comment p {
2015-01-07 19:58:51 +01:00
margin : 4px 2px ! important ;
padding : 0 1em 0 0 ! important ;
border : 0 ! important ;
color : # 055bc6 ;
2011-12-13 12:29:05 +01:00
background : url ( '{TEMPLATE_PATH}img/quote-end.gif' ) no-repeat scroll right bottom transparent ! important ;
}
2014-06-15 15:28:13 +02:00
# wrapGB input . bbc_i { clear : both ; font-style : italic ; font-size : 12 px ; }
# wrapGB input . bbc_b { font-weight : bold ; font-size : 12 px ; }
# wrapGB input . bbc_u { text-decoration : underline ; font-size : 12 px ; }
# wrapGB input . bbc_s { font-style : italic ; font-size : 12 px ; }
# wrapGB input . bbc_q { font-style : italic ; font-size : 12 px ; }
2011-12-13 12:29:05 +01:00
2014-06-15 15:28:13 +02:00
# wrapGB . guestbook_emailprotect {
2011-12-13 12:29:05 +01:00
font-size : x-small ;
}
2014-06-15 15:28:13 +02:00
# wrapGB . guestbook_errors {
2011-12-13 12:29:05 +01:00
font-weight : 600 ;
text-align : left ;
color : # 800040 ;
}
2014-12-29 13:34:41 +01:00
# wrapGB label > span . icon-show : before {
float : left ;
content : "\25BA" ; /* U+25BA: BLACK RIGHT-POINTING POINTER - fallback */
content : "►" ;
}
/* on Safari and Chrome */
@ media screen and ( -webkit-min-device-pixel-ratio : 0 )
{
# wrapGB label > span . icon-show : before {
content : '\e828' ;
}
}
# wrapGB label : active > span . icon-show : before ,
# wrapGB label > span . icon-hide : before {
content : "\25BC" ; /* U+25BC: BLACK DOWN-POINTING TRIANGLE - fallback */
content : '▼' ;
}
# wrapGB input # show , # wrapGB input # hide {
display : none ;
}
2011-12-13 12:29:05 +01:00
/******** End Guestbook Styles *********/