Browse Source

Rangement des themes pour zpip-1

On rationalise le nomage : les themes pret a l'emploi commencent par une majuscule, les frameworks par une minuscule
master
cedric@yterium.com 12 years ago
commit
4e5c85077e
  1. 16
      .gitattributes
  2. 79
      body.html
  3. 6
      habillage.css
  4. 13
      inc-theme-head.html
  5. 20
      plugin.xml
  6. 302
      plugins/tripoli.layout.css
  7. 104
      plugins/tripoli.negative.css
  8. 36
      plugins/tripoli.type.css
  9. 119
      plugins/tripoli.visual.css
  10. 509
      tripoli.base.css
  11. 71
      tripoli.base.ie.css
  12. 26
      tripoli.css
  13. 23
      tripoli.ie.css
  14. 29
      tripoli.simple.css
  15. 14
      tripoli.simple.ie.css
  16. BIN
      vignette.jpg

16
.gitattributes vendored

@ -0,0 +1,16 @@
* text=auto !eol
/body.html -text
/habillage.css -text
/inc-theme-head.html -text
/plugin.xml -text
plugins/tripoli.layout.css -text
plugins/tripoli.negative.css -text
plugins/tripoli.type.css -text
plugins/tripoli.visual.css -text
/tripoli.base.css -text
/tripoli.base.ie.css -text
/tripoli.css -text
/tripoli.ie.css -text
/tripoli.simple.css -text
/tripoli.simple.ie.css -text
/vignette.jpg -text

79
body.html

@ -0,0 +1,79 @@
[(#REM)
*
* @name layout
* @type tripoli plugin
*
* @desc Quick and ready-to-use CSS layout templates.
* Full browser support from IE5/WIN and IE5/OSX.
* Content first - same HTML markup in all layouts.
* Two fixed widths using em (normal or wide).
* Equal columns option (experimental - ignored by IE5/osx and Opera < 9. Buggy in IE5/win).
*
* @author David Hellsing
* @version 1.0
* @cat plugins
*
*
* @example layout: <div class="body l2">
* @desc creates a layout with two columns (33%-66%)
*
* @example layout: <div class="body l4 wide equal">
* @desc creates a wide layout with three equal height columns (33%-33%-33%)
*
* @documentation layout body classes:
*
* .l1: 2-column 66% - 33%
* .l2: 2-column 33% - 66%
* .l3: 2-column 50% - 50%
* .l4: 3-column 33% - 33% - 33%
* .l5: 3-column 16% - 66% - 16%
* .l6: 3-column 25% - 50% - 25%
* .l7: 3-column 66% - 16% - 16%
* .l8: 3-column 50% - 25% - 25%
* .l9: 3-column 25% - 25% - 50%
*
* .wide: 125% width
* .equal: equal columns
*
* @documentation html structure:
*
]
<div class="body l5">
<div id="container">
<div id="header">
<div class="content">
[(#REM) HEADER / ENTETE ]
#INCLURE{fond=inclure/entete,env}
</div>
<div class="nav">
[(#REM) MAIN NAVIGATION / NAVIGATION PRINCIPALE ]
#INCLURE{fond=inclure/barre-nav,env}
</div>
</div>
<div id="primary">
<div class="content">
[(#REM) CONTENT / CONTENU ]
#INCLURE{fond=contenu/#ENV{type},env}
</div>
</div>
<div id="secondary">
<div class="content">
[(#REM) SECONDARY NAVIGATION SIDEBAR / Navigation laterale secondaire ]
#INCLURE{fond=navigation/#ENV{type},env}
</div>
</div>
<div id="tertiary">
<div class="content">
[(#REM) EXTRA INFORMATIONS / Informations complementaires
Also in "sidebar" as this template has only two columns]
#INCLURE{fond=extra/#ENV{type},env}
</div>
</div>
<div id="footer">
<div class="content">
[(#REM) FOOTER / Pied de page ]
#INCLURE{fond=inclure/pied,env}
</div>
</div>
</div>
</div>

6
habillage.css

@ -0,0 +1,6 @@
/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0 */
/* --------------------------------------------------------- */
/* ----------------------------------------------
personalisations
------------------------------------------------ */

13
inc-theme-head.html

@ -0,0 +1,13 @@
[(#REM)
Squelette
(c) xxx
Distribue sous licence GPL
]
<link rel="stylesheet" type="text/css" media="all" href="#CHEMIN{tripoli.simple.css}" />
<link rel="stylesheet" type="text/css" media="all" href="#CHEMIN{plugins/tripoli.layout.css}" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="all" href="#CHEMIN{tripoli.simple.ie.css}">
<![endif]-->

20
plugin.xml

@ -0,0 +1,20 @@
<plugin>
<nom><multi>
[en]Tripoli
</multi></nom>
<auteur>[DevKick->http://devkick.com/lab/tripoli/] adapt&eacute; pour Zpip par C&eacute;dric Morin [yterium.com->http://www.yterium.com]</auteur>
<licence>BSD</licence>
<version>1.0.0beta</version>
<description><multi>
[fr]Un th&egrave;me de base fond&eacute; sur [Tripoli->http://devkick.com/lab/tripoli/] pour d&eacute;velopper un site.
_ Ce th&egrave;me n'est pas pr&ecirc;t à &ecirc;tre utilis&eacute; en l'&eacute;tat, mais pose les &eacute;l&eacute;ments de base pour construire un habillage complet.
[en]Theme based on [Tripoli->http://devkick.com/lab/tripoli/] to use as a foundation for website development
_ This theme is not ready to use, but it settles basic elements in order to build a skin on.
</multi>
</description>
<icon>vignette.jpg</icon>
<etat>stable</etat>
<prefix>theme_tripoli</prefix>
<utilise id="Z" version="[1.2.0;]" />
<categorie>theme</categorie>
</plugin>

302
plugins/tripoli.layout.css

@ -0,0 +1,302 @@
/*
* @name layout
* @type tripoli plugin
*
* @desc Quick and ready-to-use CSS layout templates.
* Full browser support from IE5/WIN and IE5/OSX.
* Content first - same HTML markup in all layouts.
* Two fixed widths using em (normal or wide).
* Equal columns option (experimental - ignored by IE5/osx and Opera < 9. Buggy in IE5/win).
*
* @author David Hellsing
* @version 1.0
* @cat plugins
*
*
* @example layout: <body class="l2">
* @desc creates a layout with two columns (33%-66%)
*
* @example layout: <body class="l4 wide equal">
* @desc creates a wide layout with three equal height columns (33%-33%-33%)
*
* @documentation layout body classes:
*
* .l1: 2-column 66% - 33%
* .l2: 2-column 33% - 66%
* .l3: 2-column 50% - 50%
* .l4: 3-column 33% - 33% - 33%
* .l5: 3-column 16% - 66% - 16%
* .l6: 3-column 25% - 50% - 25%
* .l7: 3-column 66% - 16% - 16%
* .l8: 3-column 50% - 25% - 25%
* .l9: 3-column 25% - 25% - 50%
*
* .wide: 125% width
* .equal: equal columns
*
* @documentation html structure:
*
<body class="[layout classes]">
<div id="container">
<div id="header">
<div class="content"><!-- header content --></div>
</div>
<div id="primary">
<div class="content"><!-- primary content --></div>
</div>
<div id="secondary">
<div class="content"><!-- secondary content --></div>
</div>
<div id="tertiary">
<div class="content"><!-- tertiary content --></div>
</div>
<div id="footer">
<div class="content"><!-- footer content --></div>
</div>
</div>
</body>
**/
* html body
{
text-align:center;
}
#container
{
position:relative;
width:76em;
text-align:left;
margin:0 auto;
}
#header
{
position:relative;
}
#primary,#secondary,#tertiary
{
position:relative;
float:left;
}
* html #primary,* html #secondary,* html #tertiary
{
display:inline;
}
#footer
{
clear:both;
float:left;
width:100%;
position:relative;
}
div.body.l1 #tertiary,div.body.l2 #tertiary,div.body.l3 #tertiary
{
display:none;
}
div.body.l1 #primary
{
width:49.5em;
}
div.body.l1 #secondary
{
width:24.5em;
float:right;
}
div.body.l2 #primary
{
width:49.5em;
margin-left:26.5em;;
}
div.body.l2 #secondary
{
width:24.5em;
margin-left:-76em;
}
div.body.l3 #primary
{
width:37em;
}
div.body.l3 #secondary
{
width:37em;
float:right;
}
div.body.l4 #primary
{
width:24em;
margin-left:26em;
}
div.body.l4 #secondary
{
width:24em;
margin-left:-50em;
}
div.body.l4 #tertiary
{
float:right;
width:24em;
}
div.body.l5 #primary
{
width:48em;
margin-left:14em;
}
div.body.l5 #secondary
{
width:12em;
margin-left:-62em;
}
div.body.l6 #primary
{
width:36em;
margin-left:20em;
}
div.body.l6 #secondary
{
width:18em;
margin-left:-56em;
}
div.body.l7 #primary
{
width:48em;
margin-right:2em;
}
div.body.l7 #secondary
{
width:12em;
}
div.body.l8 #primary
{
width:36em;
margin-right:2em;
}
div.body.l8 #secondary
{
width:18em;
margin-left:0;
}
div.body.l9 #primary
{
width:36em;
float:right;
}
div.body.l9 #secondary
{
width:18em;
}
div.body.l9 #tertiary
{
float:right;
width:18em;
margin-right:2em;
}
div.body.wide #container
{
font-size:125%;
}
div.body.wide #header
{
font-size:80%;
}
div.body.wide #footer
{
font-size:81%;
}
div.body.wide #primary .content,div.body.wide #secondary .content,div.body.wide #tertiary .content
{
font-size:100%;
line-height:1.54;
}
/* \*/
div.body.equal #container
{
overflow:hidden;
padding-bottom:0;
}
div.body.equal #primary,div.body.equal #secondary,div.body.equal #tertiary
{
margin-bottom:-32767px;
padding-bottom:32767px;
}
* html div.body.equal #container
{
padding-bottom:0;
}
/* */
div.body.l1 #footer,div.body.l2 #footer,div.body.l3 #footer
{
margin-bottom:0;
}
div.body.l5 #tertiary,div.body.l7 #tertiary
{
float:right;
width:12em;
}
div.body.l6 #tertiary,div.body.l8 #tertiary
{
float:right;
width:18em;
}
@media all and (min-width: 0px)
{
div.body.l2 #secondary
{
left:.5em;
}
div.body.equal #primary,div.body.equal #secondary,div.body.equal #tertiary
{
padding-bottom:0!important;
margin-bottom:0!important;
}
div.body.equal #primary[id^="primary"]:before,div.body.equal #secondary[id^="secondary"]:before,div.body.equal #tertiary[id^="tertiary"]:before
{
content:'Q';
display:block;
background:inherit;
padding-top:32767px!important;
margin-bottom:-32767px!important;
height:0;
}
}

104
plugins/tripoli.negative.css

@ -0,0 +1,104 @@
/*
* @name type
* @type tripoli plugin
*
* @desc use in negative layouts together with the visual plugin.
* @author David Hellsing
* @version 1.0
* @cat plugins
*
*
**/
html
{
background:black;
color:white;
}
ins,dfn
{
border-bottom-color:#555;
color:#fff;
}
del
{
color:#ccc;
}
kbd
{
border-color:#333;
}
abbr,acronym,abbr[title],acronym[title]
{
border-bottom-color:#555;
}
blockquote
{
border-top-color:#555;
border-bottom-color:#555;
color:#bbb;
}
legend
{
background-color:#000;
}
textarea,input[type='text'],select
{
background:#000;
color:#fff;
border-color:#555;
}
textarea:hover,input[type='text']:hover,select:hover
{
border-color:#666;
}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus
{
outline-color:#444;
border-color:#888;
}
.content a:link
{
color:#69f;
}
.content a:visited
{
color:#ccf;
}
.content hr
{
color:#555;
background-color:#555;
}
* html option
{
color:black;
}
fieldset,.content table,.content th,.content td
{
border-color:#555;
}
option,.content a:active,.content a:focus
{
color:#fff;
}
.content a:hover,.content code,.content pre
{
color:#e66;
}

36
plugins/tripoli.type.css

@ -0,0 +1,36 @@
/*
* @name type
* @type tripoli plugin
*
* @desc adds typographic classes.
* @author David Hellsing
* @version 1.0
* @cat plugins
*
* @example <span class="alt">&amp;</span>
* @desc create attractive ampersands
*
* @example <h1><span class="dquo">&#8220;</span>Level 1 heading&#8221;</h1>
* @desc move the first quote mark in titles to render outside the hoizontal base line.
*
**/
/*
_______________________________
TYPE PLUG */
.alt
{
font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;
font-style:italic;
font-weight:normal;
}
.dquo
{
margin-left:-.55em;
}
/*
_______________________________
END */

119
plugins/tripoli.visual.css

@ -0,0 +1,119 @@
/*
* @name visual
* @type tripoli plugin
*
* @desc adds several visual details such as link colors, borders, blockquotes, form controls etc.
* @author David Hellsing
* @version 1.0
* @cat plugins
*
**/
/*
_______________________________
VISUAL PLUG */
blockquote
{
color:#666;
}
blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */
{
content:"\201C";
font-size:2.5em;
margin-left:-.62em;
font-family:georgia,serif;
padding-right:.2em;
color:#aaa;
line-height:0;
}
abbr[title],acronym[title],dfn[title]
{
border-bottom:1px solid #ccc;
}
ins,dfn
{
border-bottom-color:#666;
}
del
{
color:#666;
}
fieldset
{
border-color:#ccc;
}
textarea,input[type='text'],input[type='password'],select
{
border:1px solid #ccc;
background:#fff;
}
fieldset
{
border:1px solid #ccc;
}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover
{
border-color:#aaa;
}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus
{
outline:2px solid #e4e4e4;
border-color:#888;
}
.content hr
{
background:#aaa;
color:#aaa;
}
.content table
{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.content th,.content td
{
border-bottom:1px solid #ddd;
border-right:1px solid #ccc;
}
.content th,.content td
{
padding:.8em;
}
a:link
{
color:#36c;
}
a:visited
{
color:#99c;
}
a:hover,code,pre
{
color:#c33;
}
a:active,.a:focus
{
color:#000;
}
/*
_______________________________
END */

509
tripoli.base.css

@ -0,0 +1,509 @@
/*
* Tripoli is a generic CSS standard for HTML rendering.
* Copyright (C) 2007 David Hellsing
*
* http://devkick.com/lab/tripoli/
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
**/
/*
_______________________________
RESET */
*
{
text-decoration:none;
font-size:1em;
outline:none;
margin:0;
padding:0;
}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext
{
font:inherit;
white-space:normal;
}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym
{
border-width:0;
}
dfn,i,cite,var,address,em
{
font-style:normal;
}
th,b,strong,h1,h2,h3,h4,h5,h6,dt
{
font-weight:normal;
}
caption,th,td
{
text-align:left;
}
html
{
background:white;
color:black;
line-height:1;
font-family:arial, sans-serif;
}
/* \*/
html
{
font-family:sans-serif;
}
/* */
q
{
quotes:"\201C""\201D""\2018""\2019";
}
ul,ol,dir,menu
{
list-style:none;
}
sub,sup
{
vertical-align:baseline;
}
a
{
color:inherit;
}
/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont
{
color:inherit;
font:inherit;
font-size:100%;
}
center,*[align]
{
text-align:inherit;
}
s,strike,u
{
text-decoration:inherit;
}
img
{
border:none;
margin:0;
}
ol
{
list-style-type:decimal;
}
body
{
background-color:transparent;
}
tr,th,td
{
width:auto;
height:auto;
background-color:transparent;
vertical-align:inherit;
border:none;
}
table[border],.content table[border]
{
border-collapse:separate;
border-spacing:0;
}
nobr
{
white-space:normal;
}
marquee
{
overflow:visible;
-moz-binding:none;
}
blink
{
text-decoration:none;
}
/*
_______________________________
GENERAL */
html
{
font-size:125%;
}
body
{
font-size:50%;
}
a
{
text-decoration:underline;
}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt
{
font-weight:bold;
}
cite,em,dfn
{
font-style:italic;
}
code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea
{
font-size:100%;
font-family:mono-space,monospace;
}
pre
{
white-space:pre;
}
pre *
{
font-size:100%;
white-space:pre;
}
del
{
text-decoration:line-through;
}
ins,dfn
{
border-bottom:1px solid black;
}
small,sup,sub
{
font-size:85%;
}
big
{
font-size:125%;
line-height:80%;
}
abbr,acronym
{
text-transform:uppercase;
font-size:85%;
letter-spacing:.1em;
}
abbr[title],acronym[title],dfn[title]
{
cursor:help;
border-bottom:1px dotted black;
}
sup
{
vertical-align:super;
}
sub
{
vertical-align:sub;
}
blockquote
{
padding-left:2.2em;
}
hr
{
display:none; /* We will re-reset it later for content */
}
:lang(af),:lang(nl),:lang(pl)
{
quotes:'\201E' '\201D' '\201A' '\2019';
}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro)
{
quotes:'\201E' '\201C' '\201A' '\2018';
}
:lang(da),:lang(hr)
{
quotes:'\00BB' '\00AB' '\203A' '\2039';
}
:lang(el),:lang(es),:lang(sq),:lang(tr)
{
quotes:'\00AB' '\00BB' '\2039' '\203A';
}
:lang(en-GB)
{
quotes:'\2018' '\2019' '\201C' '\201D';
}
:lang(fi),:lang(sv)
{
quotes:'\201D' '\201D' '\2019' '\2019';
}
:lang(fr)
{
quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}
*[lang|='en'] q:before
{
content:'\201C';
}
*[lang|='en'] q:after
{
content:'\201D';
}
*[lang|='en'] q q:before
{
content:'\2018';
}
*[lang|='en'] q q:after
{
content:'\2019';
}
input,select,button
{
cursor:pointer;
}
input[type='text'],input[type='password']
{
cursor:text;
}
input[type='hidden']
{
display:none;
}
/*
_______________________________
CONTENT */
.content
{
font-size:1.2em;
line-height:1.6em;
}
.content h1
{
font-size:1.6em;
line-height:1;
margin:1em 0 .5em;
}
.content h2
{
font-size:1.5em;
line-height:1;
margin:1.07em 0 .535em;
}
.content h3
{
font-size:1.4em;
line-height:1;
margin:1.14em 0 .57em;
}
.content h4
{
font-size:1.3em;
line-height:1;
margin:1.23em 0 .615em;
}
.content h5
{
font-size:1.2em;
line-height:1;
margin:1.33em 0 .67em;
}
.content h6
{
font-size:1em;
line-height:1;
margin:1.6em 0 .8em;
}
.content hr
{
display:block;
background:black;
color:black;
width:100%;
height:1px;
border:none;
}
.content ul
{
list-style:disc outside;
}
.content ol
{
list-style:decimal outside;
}
.content table
{
border-collapse:collapse;
}
.content hr,.content p,.content ul,.content ol,.content dl,.content pre, .content address,.content table,.content form
{
margin-bottom:1.6em;
}
.content p+p
{
margin-top:-.8em;
}
.content fieldset
{
margin:1.6em 0;
padding:1.6em;
}
/* \*/
.content legend
{
padding-left:.8em;
padding-right:.8em;
}
/* */
@media all and (min-width: 0px) /* for Opera 8 */
{
.content legend
{
margin-bottom:1.6em;
}
.content fieldset
{
margin-top:0;
}
.content[class^='content'] fieldset
{
margin-top:1.6em;
}
}
.content fieldset>*:first-child
{
margin-top:0;
}
.content textarea,.content input[type='text']
{
padding:.1em .2em;
}
.content input
{
padding:.2em .1em;
}
.content select
{
padding:.2em .1em 0;
}
.content select[multiple]
{
margin-bottom:.8em;
}
.content option
{
padding:0 .4em .1em;
}
.content button
{
padding:.3em .5em;
}
.content input[type='radio']
{
position:relative;
bottom:-.2em;
}
.content dt
{
margin-top:.8em;
margin-bottom:.4em;
}
.content ul,.content ol
{
margin-left:2.2em;
}
.content caption,.content form div
{
padding-bottom:.8em;
}
.content ul ul,content ol ul,.content ul ol,content ol ol
{
margin-bottom:0;
}
/*
_______________________________
END */

71
tripoli.base.ie.css

@ -0,0 +1,71 @@
/*
* Tripoli is a generic CSS standard for HTML rendering.
* Copyright (C) 2007 David Hellsing
*
* http://devkick.com/lab/tripoli/
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
**/
/*
_______________________________
BASE.IE */
textarea
{
white-space: pre;
}
.content legend
{
margin-bottom:1.6em;
}
.content fieldset
{
padding-top:0;
}
sup,sub
{
font-size:100%;
}
.content legend:first-child
{
margin-top:0;
}
a abbr,a acronym
{
text-decoration:underline;
}
* html .content blockquote *
{
margin:.8em 0;
}
* html input
{
cursor:expression(this.type=='text' || this.type=='password' ? 'text' : 'pointer');
display:expression(this.type=='hidden' ? 'none' : 'inline');
}
* html .content textarea,* html .content input,.content input[type='submit'],.content input[type='button']
{
padding:0;
}
/*
*
* @notes
*
* To use png as background images in IE6, use this filter: (don't forget to hack out IE5)
* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png",sizingMethod="scale");
*
* To use transparency IE ( and Opera<9 ), use this filter:
* filter:alpha(opacity=[0-100]);
*
*/

26
tripoli.css

@ -0,0 +1,26 @@
/*
* Tripoli is a generic CSS standard for HTML rendering.
* Copyright (C) 2007 David Hellsing
*
* http://devkick.com/lab/tripoli/
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
**/
/*
_______________________________
BASE */
@import url(tripoli.base.css);
/*
_______________________________
PLUGINS */
@import url(plugins/tripoli.visual.css);
@import url(plugins/tripoli.type.css);
/*
_______________________________
END */

23
tripoli.ie.css

@ -0,0 +1,23 @@
/*
* Tripoli is a generic CSS standard for HTML rendering.
* Copyright (C) 2007 David Hellsing
*
* http://devkick.com/lab/tripoli/
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
**/
/*
_______________________________
BASE */
@import 'tripoli.base.ie.css';
/*
_______________________________
PLUGINS */
/*
_______________________________
END */

29
tripoli.simple.css

@ -0,0 +1,29 @@
/*
* Tripoli is a generic CSS standard for HTML rendering.
* Copyright (C) 2007-2008 David Hellsing
*
* http://devkick.com/lab/tripoli/
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
**
_______________________________
RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{background:#FFF;color:#000;line-height:1;font-family:arial, sans-serif}/* \*/html{font-family:sans-serif}/* */q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.content table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}/*
_______________________________
GENERAL */
html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none/* We will re-reset it later for content */}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}/*
_______________________________
CONTENT */
.content{font-size:1.2em;line-height:1.6em}.content h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}.content h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}.content h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}.content h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}.content h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}.content h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}.content hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}.content ul{list-style:disc outside}.content ol{list-style:decimal outside}.content table{border-collapse:collapse}.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content address,.content table,.content form{margin-bottom:1.6em}.content p+p{margin-top:-.8em}.content fieldset{margin:1.6em 0;padding:1.6em}/* \*/.content legend{padding-left:.8em;padding-right:.8em}/* *//* for Opera 8 */@media all and min-width 0px{.content legend{margin-bottom:1.6em}.content fieldset{margin-top:0}.content[class^='content'] fieldset{margin-top:1.6em}}.content fieldset>*:first-child{margin-top:0}.content textarea,.content input[type='text']{padding:.1em .2em}.content input{padding:.2em .1em}.content select{padding:.2em .1em 0}.content select[multiple]{margin-bottom:.8em}.content option{padding:0 .4em .1em}.content button{padding:.3em .5em}.content input[type='radio']{position:relative;bottom:-.2em}.content dt{margin-top:.8em;margin-bottom:.4em}.content ul,.content ol{margin-left:2.2em}.content caption,.content form div{padding-bottom:.8em}.content ul ul,content ol ul,.content ul ol,content ol ol{margin-bottom:0}/*
_______________________________
VISUAL PLUG */
blockquote{color:#666}blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */{content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0}abbr[title],acronym[title],dfn[title]{border-bottom:1px solid #ccc}ins,dfn{border-bottom-color:#666}del{color:#666}fieldset{border-color:#ccc}textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}fieldset{border:1px solid #ccc}textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #e4e4e4;border-color:#888}.content hr{background:#aaa;color:#aaa}.content table{border-top:1px solid #ccc;border-left:1px solid #ccc}.content th,.content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc}.content th,.content td{padding:.8em}a:link{color:#36c}a:visited{color:#99c}a:hover,code,pre{color:#c33}a:active,.a:focus{color:#000}/*
_______________________________
TYPE PLUG */
.alt{font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;font-style:italic;font-weight:400}.dquo{margin-left:-.55em}/*
_______________________________
END */

14
tripoli.simple.ie.css

@ -0,0 +1,14 @@
/*
* Tripoli is a generic CSS standard for HTML rendering.
* Copyright (C) 2007-2008 David Hellsing
*
* http://devkick.com/lab/tripoli/
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
**
_______________________________
BASE.IE */
textarea{white-space:pre}.content legend{margin-bottom:1.6em}.content fieldset{padding-top:0}sup,sub{font-size:100%}.content legend:first-child{margin-top:0}a abbr,a acronym{text-decoration:underline}* html .content blockquote *{margin:.8em 0}* html input{cursor:expression(this.type=='text' || this.type=='password' ? 'text' : 'pointer');display:expression(this.type=='hidden' ? 'none' : 'inline')}* html .content textarea,* html .content input,.content input[type='submit'],.content input[type='button']{padding:0}/*
_______________________________
END */

BIN
vignette.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Loading…
Cancel
Save