spip-contrib-themes
/
zpip_v1_tripoli
90
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
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
16 changed files with 1367 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

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

13
inc-theme-head.html
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

Write Preview
Loading…
Cancel
Save