сейчас на сайте:
Лучшие сказки мира 03skazki.ru
Детектив и фантастика 03pressa.ru
Песни прошлых лет 03pesni.ru
Для досуга
Блок от клика заданного размера на темном фоне (jquery) html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .clearfix{height:1%}@import "facybox_urls.css";#facybox{position:absolute;top:0;left:0;margin: -20px 0 0 -20px;z-index:100;text-align:left;padding:18px;min-width:40px;min-height:40px}#facybox .w, #facybox .e, #facybox .nw, #facybox .ne, #facybox .sw, #facybox .se{min-height:18px;min-width:13px}#facybox .n, #facybox .s{background-repeat:repeat-x;height:18px}#facybox .w, #facybox .e{background-repeat:repeat-y}#facybox .nw, #facybox .ne, #facybox .sw, #facybox .se, #facybox a.next, #facybox a.prev, #facybox .closek #facybox .loading{background-repeat:no-repeat}#facybox a.next{background-position:9999px 50%}#facybox a.prev{background-position: -9999px 50%}#facybox a.prev:hover{background-position:0 50%}#facybox a.next:hover{background-position:100% 50%}#facybox .close{position:absolute;top:5px;right:0;display:block;width:30px;height:30px}#facybox .prev, #facybox .next{display:block;position:absolute;cursor:pointer}#facybox .navigation .counter{background:#000;color:#fff;text-align:center;position:absolute;bottom: -33px;left: -10px;padding:2px 0;font-size:11px}#facybox .loading{margin:0 auto;width:22px;height:22px;text-align:center}#facybox .popup{position:relative}#facybox table{border-collapse:collapse}#facybox td{border-bottom:0;padding:0}#facybox .body{padding:10px;background:#fff;width:auto}#facybox .loading{text-align:center}#facybox .image{text-align:center;line-height:0}#facybox img{border:0;margin:0}#facybox .footer{position:absolute;top:28px;left:23px;padding:0;width:90%}#facybox .footer img{vertical-align:middle}#facybox .tl, #facybox .tr, #facybox .bl, #facybox .br{height:10px;width:10px;overflow:hidden;padding:0}#facybox_overlay{position:fixed;top:0px;left:0px;height:100%;width:100%}.facybox_hide{z-index:-100}.facybox_overlayBG{background-color:#000;z-index:99}#facybox .n{background-image:url('images/fancy_shadow_n.png')}#facybox .s{background-image:url('images/fancy_shadow_s.png')}#facybox .w{background-image:url('images/fancy_shadow_w.png')}#facybox .e{background-image:url('images/fancy_shadow_e.png')}#facybox .nw{background-image:url('images/fancy_shadow_nw.png')}#facybox .ne{background-image:url('images/fancy_shadow_ne.png')}#facybox .sw{background-image:url('images/fancy_shadow_sw.png')}#facybox .se{background-image:url('images/fancy_shadow_se.png')}#facybox a.next{background-image:url('images/fancy_right.png')}#facybox a.prev{background-image:url('images/fancy_left.png')}#facybox .close{background-image:url('images/fancy_closebox.png')}#facybox .loading{background-image:url('images/loading.gif')} * {margin: 0;padding: 0;} body {font-family: "lucida grande",tahoma,verdana,arial,sans-serif; background: #fff;color: #333;padding-bottom: 25px;} a {color: #3B5998;text-decoration: none;} a:hover { text-decoration: underline;} p { font-size: 12px; margin: 10px 0;} ul li { list-style-type: square; margin: 0 0 0 15px;} li { padding: 2px 5px;} .right { float: right;} .amp { font-family: Georgia;} .bolder { background: red; color: white; font-size: 20px; padding: 20px; width: 500px; } textarea { height: 400px; width: 600px;} #main { margin: 0 auto; width: 730px;} #shadow { background: transparent url() repeat-y scroll right top; border-bottom: 1px solid #ddd; margin: 2px 0px 0px 1px; padding: 0;} #content { margin: -2px 1px 0px -1px; padding: 20px;} #logo { margin-bottom: 20px; text-align: center;} .example { margin-bottom: 40px;} .example h2 { border-bottom: 1px solid #D8DFEA; margin-bottom: 10px; font-size: 14px; padding: 0; margin: 0;} .news { background: #cfc; border: 1px solid #9c9; font-size: 11px;} .news h2{ border: none; background: #aea; padding: 0.5em; font-size: 12px;} .news p, .news ul{ padding: 0.5em;} .example ul li {} .code { background: #e6e6e6; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 10px; overflow: auto; white-space: nowrap; font-size: 11px;} .code h3 { font-size: 11px;} .code code { margin: 10px 0; display: block; font-family: Monaco, 'courier-new', monospace;} .code pre{ font-family: Monaco, 'courier-new', monospace;} #screenshots a { border: none;} #screenshots img { padding: 3px; border: 1px solid #ddd; background: #fff;} #footer { padding: 8px 10px 0px; color: #777; line-height: 16px; font-size: 11px;} #footer p { margin: 0;} #donate{background: #ffc url(images/coffee_48x48.png) no-repeat center left;display: block;border: 1px solid #E5E2D7;width: 200px;height: 58px;color: #605D5B; font-size: 11px;padding: 5px 10px 5px 35px;margin: 40px 40px 0 0;text-decoration: none; cursor: pointer;position: absolute;right: 40px; -moz-border-radius: 6px;-webkit-border-radius: 6px;} #donate:hover{background-color: #45464B;border-color: #0f0;color: #fff;} View the 'info' div in the facybox Hey, I'm the 'info' div! I look like this: <div id="info" style="display:none;"> text </div> Библиотека JAVASCRIPT 1997- 2010 (июль 2010 г.) Дизайн и сопровождение © SE@RCHER
View the 'info' div in the facybox
Hey, I'm the 'info' div!
I look like this:
<div id="info" style="display:none;"> text </div>