Реферат Веб-проект &Соціальна мережа&

gn="justify">}

. blocks label.error,

. blocks label.ok {: absolute; index: 1 ;: - 4px;: 110px;: 5px 15px 5px 280px;

/* Reseting previous label values ??* /: auto; align: left;: 0; repeat: no-repeat; position: 257px 16px;

}

. blocks label.ok {image: url (../ gfx/icook.gif); color: #deefca;: # 577530;

}

. blocks label.error {image: url (../ gfx/icofail.gif); color: # f5d6d7;: # c81925;

} label.ok,

. area label.error {: 163px; left: 410px; position: 387px 16px;

}

/* CSS3 */

. btn, .text, .textarea, .blocks label.error, .blocks label.ok {

moz-border-radius: 8px;

webkit-border-radius: 8px; radius: 8px;

}

# text dl {: block; left-width: 1px; left-style: solid; left-color: # B30003; size: 13px; left: 40px; style: italic;

}

# text dl dt {left: 40px; bottom: 5px ;: # B30003;

}

# text a [onclick] {: # 9C0;

}

# wrapper - 200a {: 200px;: left; left:

px

}

/* Reset */

. accordion,

. accordion ul,

. accordion li,

. accordion a,

. accordion span {: 0 ;: 0 ;: none ;: none;

}

. accordion li {style: none;

}

/* Layout amp; Style */

. accordion li gt; a {: block ;: relative; width: 110px ;: 0 10px 0 40px ;: 32px;

: #fdfdfd ;: bold 12px/32px Arial, sans-serif; decoration: none; shadow: 0px 1px 0px rgba (0,0,0, .35);

: # 6c6e74 ;: -moz-linear-gradient (top, # bad1c0 0%, # 92a698 100%) ;: -webkit-gradient (linear, left top, left bottom, color-stop (0%, # bad1c0), color-stop (100%, # 92a698)) ;: -webkit-linear-gradient (top, # bad1c0 0%, # 92a698 100%) ;: -o-linear-gradient (top , # bad1c0 0%, # 92a698 100%) ;: -ms-linear-gradient (top, # bad1c0 0%, # 92a698 100%) ;: linear-gradient (top, # bad1c0 0%, # 92a698 100%) ;

webkit-box-shadow: inset 0px 1px 0px 0px rgba (255,255,255, .1), 0px 1px 0px 0px rgba (0,0,0, .1);

moz-box-shadow: inset 0px 1px 0px 0px rgba (255,255,255, .1), 0px 1px 0px 0px rgba (0,0,0, .1); shadow: inset 0px 1px 0px 0px rgba (255,255,255, .1), 0px 1px 0px 0px rgba (0,0,0, .1);

}

. accordion gt; li: hover gt; a,

. accordion gt; li: target gt; a {: # 2f5d33; shadow: 1px 1px 1px rgba (255,255,255, .2);

/* background: url (../ img/active.png) repeat-x; * /: # a5cd4e ;: -moz-linear-gradient (top, # f0e9e0 0%, # d9d3cb 100%) ;: -webkit-gradient (linear, left top, left bottom, color-stop (0%, # f0e9e0), color-stop (100%, # d9d3cb)) ;: -webkit-linear-gradient (top , # f0e9e0 0%, # d9d3cb 100%) ;: -o-linear-gradient (top, # f0e9e0 0%, # d9d3cb 100%) ;: -ms-linear-gradient (top, # f0e9e0 0%, # d9d3cb 100%) ;: linear-gradient (top, # f0e9e0 0%, # d9d3cb 100%);

}

. accordion li gt; a span {: block ;: absolute ;: 7px ;: - 3px ;: 0 10px; right: 10px ;: normal bold 12px/18px Arial, sans-serif ;: # 404247;

webkit-border-radius: 15px;

moz-border-radius: 15px; radius: 15px;

webkit-box-shadow: inset 1px 1px 1px rgba (0,0,0, .2), 1px 1px 1px rgba (255,255,255, .1);

moz-box-shadow: inset 1px 1px 1px rgba (0,0,0, .2), 1px 1px 1px rgba (255,255,255, .1); shadow: inset 1px 1px 1px rgba (0 , 0,0, .2), 1px 1px 1px rgba (255,255,255, .1) ;: 27px;

}

. accordion gt; li: hover gt; a span,

. accordion gt; li: target gt; a span {: #fdfdfd; shadow: 0px 1px 0px rgba (0,0,0, .35) ;: # 3e5706;

}

/* Images */

. accordion gt; li gt; a: before {: absolute ;: 0 ;: 0 ;: raquo ;;: 24px ;: 24px ;: 4px 8px;

repeat: no-repeat; image: url ( ../ img/icons.png ); position: 0px 0px;

}

. accordion li.files gt; a: before {background-position: 0px 0px; }

. accordion li.files: hover gt; a: b...