|
|
Line 1: |
Line 1: |
- | bala
| |
- | <html>
| |
| | | |
- | <style type="text/css">
| |
- |
| |
- | /* `XHTML, HTML4, HTML5 Reset
| |
- | ----------------------------------------------------------------------------------------------------*/
| |
- |
| |
- | a,
| |
- | abbr,
| |
- | acronym,
| |
- | address,
| |
- | applet,
| |
- | article,
| |
- | aside,
| |
- | audio,
| |
- | b,
| |
- | big,
| |
- | blockquote,
| |
- | body,
| |
- | canvas,
| |
- | caption,
| |
- | center,
| |
- | cite,
| |
- | code,
| |
- | dd,
| |
- | del,
| |
- | details,
| |
- | dfn,
| |
- | dialog,
| |
- | div,
| |
- | dl,
| |
- | dt,
| |
- | em,
| |
- | embed,
| |
- | fieldset,
| |
- | figcaption,
| |
- | figure,
| |
- | font,
| |
- | footer,
| |
- | form,
| |
- | h1,
| |
- | h2,
| |
- | h3,
| |
- | h4,
| |
- | h5,
| |
- | h6,
| |
- | header,
| |
- | hgroup,
| |
- | hr,
| |
- | html,
| |
- | i,
| |
- | iframe,
| |
- | img,
| |
- | ins,
| |
- | kbd,
| |
- | label,
| |
- | legend,
| |
- | li,
| |
- | mark,
| |
- | menu,
| |
- | meter,
| |
- | nav,
| |
- | object,
| |
- | ol,
| |
- | output,
| |
- | p,
| |
- | pre,
| |
- | progress,
| |
- | q,
| |
- | rp,
| |
- | rt,
| |
- | ruby,
| |
- | s,
| |
- | samp,
| |
- | section,
| |
- | small,
| |
- | span,
| |
- | strike,
| |
- | strong,
| |
- | sub,
| |
- | summary,
| |
- | sup,
| |
- | table,
| |
- | tbody,
| |
- | td,
| |
- | tfoot,
| |
- | th,
| |
- | thead,
| |
- | time,
| |
- | tr,
| |
- | tt,
| |
- | u,
| |
- | ul,
| |
- | var,
| |
- | video,
| |
- | xmp {
| |
- | border: 0;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | font-size: 100%;
| |
- | }
| |
- |
| |
- | html,
| |
- | body {
| |
- | height: 100%;
| |
- | }
| |
- |
| |
- | article,
| |
- | aside,
| |
- | details,
| |
- | figcaption,
| |
- | figure,
| |
- | footer,
| |
- | header,
| |
- | hgroup,
| |
- | menu,
| |
- | nav,
| |
- | section {
| |
- | /*
| |
- | Override the default (display: inline) for
| |
- | browsers that do not recognize HTML5 tags.
| |
- |
| |
- | IE8 (and lower) requires a shiv:
| |
- | http://ejohn.org/blog/html5-shiv
| |
- | */
| |
- | display: block;
| |
- | }
| |
- |
| |
- | b,
| |
- | strong {
| |
- | /*
| |
- | Makes browsers agree.
| |
- | IE + Opera = font-weight: bold.
| |
- | Gecko + WebKit = font-weight: bolder.
| |
- | */
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- | img {
| |
- | color: transparent;
| |
- | font-size: 0;
| |
- | vertical-align: middle;
| |
- | /*
| |
- | For IE.
| |
- | http://css-tricks.com/ie-fix-bicubic-scaling-for-images
| |
- | */
| |
- | -ms-interpolation-mode: bicubic;
| |
- | }
| |
- |
| |
- | ol,
| |
- | ul {
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | li {
| |
- | /*
| |
- | For IE6 + IE7:
| |
- |
| |
- | "display: list-item" keeps bullets from
| |
- | disappearing if hasLayout is triggered.
| |
- | */
| |
- | display: list-item;
| |
- | }
| |
- |
| |
- | table {
| |
- | border-collapse: collapse;
| |
- | border-spacing: 0;
| |
- | }
| |
- |
| |
- | th,
| |
- | td,
| |
- | caption {
| |
- | font-weight: normal;
| |
- | vertical-align: top;
| |
- | text-align: left;
| |
- | }
| |
- |
| |
- | q {
| |
- | quotes: none;
| |
- | }
| |
- |
| |
- | q:before,
| |
- | q:after {
| |
- | content: '';
| |
- | content: none;
| |
- | }
| |
- |
| |
- | sub,
| |
- | sup,
| |
- | small {
| |
- | font-size: 75%;
| |
- | }
| |
- |
| |
- | sub,
| |
- | sup {
| |
- | line-height: 0;
| |
- | position: relative;
| |
- | vertical-align: baseline;
| |
- | }
| |
- |
| |
- | sub {
| |
- | bottom: -0.25em;
| |
- | }
| |
- |
| |
- | sup {
| |
- | top: -0.5em;
| |
- | }
| |
- |
| |
- | svg {
| |
- | /*
| |
- | For IE9. Without, occasionally draws shapes
| |
- | outside the boundaries of <svg> rectangle.
| |
- | */
| |
- | overflow: hidden;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | /*
| |
- | 960 Grid System ~ Text CSS.
| |
- | Learn more ~ http://960.gs/
| |
- |
| |
- | Licensed under GPL and MIT.
| |
- | */
| |
- |
| |
- | /* `Basic HTML
| |
- | ----------------------------------------------------------------------------------------------------*/
| |
- |
| |
- | body {
| |
- | font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
| |
- | }
| |
- |
| |
- | pre,
| |
- | code {
| |
- | font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
| |
- | }
| |
- |
| |
- | hr {
| |
- | border: 0 #ccc solid;
| |
- | border-top-width: 1px;
| |
- | clear: both;
| |
- | height: 0;
| |
- | }
| |
- |
| |
- | /* `Headings
| |
- | ----------------------------------------------------------------------------------------------------*/
| |
- |
| |
- | h1 {
| |
- | font-size: 27px;
| |
- | }
| |
- |
| |
- | h2 {
| |
- | font-size: 25px;
| |
- | }
| |
- |
| |
- | h3 {
| |
- | font-size: 23px;
| |
- | }
| |
- |
| |
- | h4 {
| |
- | font-size: 21px;
| |
- | }
| |
- |
| |
- | h5 {
| |
- | font-size: 17px;
| |
- | }
| |
- |
| |
- | h6 {
| |
- | font-size: 15px;
| |
- | }
| |
- |
| |
- | /* `Spacing
| |
- | ----------------------------------------------------------------------------------------------------*/
| |
- |
| |
- | ol {
| |
- | list-style: decimal;
| |
- | }
| |
- |
| |
- | ul {
| |
- | list-style: disc;
| |
- | }
| |
- |
| |
- | li {
| |
- | margin-left: 30px;
| |
- | }
| |
- |
| |
- | p,
| |
- | dl,
| |
- | hr,
| |
- | h1,
| |
- | h2,
| |
- | h3,
| |
- | h4,
| |
- | h5,
| |
- | h6,
| |
- | ol,
| |
- | ul,
| |
- | pre,
| |
- | table,
| |
- | address,
| |
- | fieldset,
| |
- | figure {
| |
- | margin-bottom: 20px;
| |
- | }
| |
- |
| |
- | /* `Clear Floated Elements
| |
- | ----------------------------------------------------------------------------------------------------*/
| |
- |
| |
- | /* http://sonspring.com/journal/clearing-floats */
| |
- |
| |
- | .clear {
| |
- | clear: both;
| |
- | display: block;
| |
- | overflow: hidden;
| |
- | visibility: hidden;
| |
- | width: 0;
| |
- | height: 0;
| |
- | }
| |
- |
| |
- | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
| |
- |
| |
- | .clearfix:before,
| |
- | .clearfix:after,
| |
- | .container_24:before,
| |
- | .container_24:after {
| |
- | content: '.';
| |
- | display: block;
| |
- | overflow: hidden;
| |
- | visibility: hidden;
| |
- | font-size: 0;
| |
- | line-height: 0;
| |
- | width: 0;
| |
- | height: 0;
| |
- | }
| |
- |
| |
- | .clearfix:after,
| |
- | .container_24:after {
| |
- | clear: both;
| |
- | }
| |
- |
| |
- | /*
| |
- | The following zoom:1 rule is specifically for IE6 + IE7.
| |
- | Move to separate stylesheet if invalid CSS is a problem.
| |
- | */
| |
- |
| |
- | .clearfix,
| |
- | .container_24 {
| |
- | zoom: 1;
| |
- | </style>
| |
- |
| |
- |
| |
- | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
| |
- | <script src="http://cdjemiel.free.fr/js/slides.min.jquery.js"></script>
| |
- | <script src="http://cdjemiel.free.fr/js/slide.js"></script>
| |
- |
| |
- |
| |
- | <body>
| |
- | </body>
| |
- | </html>
| |