-
- #someElement {
- background: red; /* modern browsers */
- *background: green; /* IE 7 and below */
- _background: yellow; /* IE6 exclusively */
- }
-
-
Useful for displaying code snippets for example
- pre {
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- }
-
-
Aucune erreur DOM n’est générée avec cette méthode
- // styleFloat, IE
- // cssFloat , Safari ou Firefox
- // styleFloat and cssFloat, Opera
- //assignation
- var el = document.getElementById(‘element_id’);
- el.style.styleFloat = ‘left’;
- el.style.cssFloat = ‘left’;
- //récupération
- var elFloat = (typeof el.style.cssFloat === ‘string’) ? el.style.cssFloat : el.style.styleFloat;
-
-
Creates a grey overlay in background and a modal window in foreground
- <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
- <title>LIGHTBOX EXAMPLE</title>
- .black_overlay{
- display: none;
- position: absolute;
- top: 0%;
- left: 0%;
- width: 100%;
- height: 100%;
- background-color: black;
- z-index:1001;
- -moz-opacity: 0.8;
- opacity:.80;
- filter: alpha(opacity=80);
- }
- .white_content {
- display: none;
- position: absolute;
- top: 25%;
- left: 25%;
- width: 50%;
- height: 50%;
- padding: 16px;
- border: 16px solid orange;
- background-color: white;
- z-index:1002;
- overflow: auto;
- }
- </style>
- </head>
- <div id=“fade” class=“black_overlay”></div>
- </body>
- </html>
-
-
- html {
- background : url(null) fixed no-repeat;
- }
-
-
- pre {
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- }
-
-
- body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
- fieldset,input,p,blockquote,th,td {
- margin:0; padding:0;
- }
- table {border-collapse:collapse;border-spacing:0;}
- fieldset,img {border:0;}
- address,caption,cite,code,dfn,em,strong,th,var {
- font-style:normal;font-weight:normal;
- }
- ol,ul {list-style:none;}
- caption,th {text-align:left;}
- h1,h2,h3,h4,h5,h6 {font-size:100%;}
- q:before,q:after {content:”;}
-
-
- #transdiv {
- filter:alpha(opacity=75);
- -moz-opacity:.75;
- opacity:.75;
- }
-
-
- /* Pour avoir un style différent selon le type d’input que avez, utilisez la syntaxe suivante : */
- input[type~=text] {
- /* vos réglages */
- }
- /* text etant le type de l’input ( texte password button submit etc ) */
“css” related tags
spirit’s tags
access apache apache2 apt arguments auditd auth awk backup backups bandwidth bash bridge cache cd charset cisco commands conversion cron css date debian debug default diff directories directory distance dns dom du eth ethernet excel exclude files find firefox flash forms function hacks headers history hosts htaccess html http https ie ifconfig images input ip javascript jobs kill latitude linux log logging longitude mac mail maps merge monitoring mysql network nginx openssl packages performance performances perl php red hat regex restore root route rpm script security server shell ssh ssl svn switch syslog tail trunk unix virtualhost vlan vmware windows yum
-