Created
June 19, 2012 23:19
-
-
Save gcyrillus/2957111 to your computer and use it in GitHub Desktop.
by Gcyrillus : oblique stripes as background
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* by Gcyrillus : oblique stripes as background */ | |
body {height:100%; | |
width:100%; | |
position:fixed; | |
overflow:scroll; | |
margin:0; | |
padding:0; | |
} | |
html {height:100%;background:#999; | |
overflow:hidden; | |
margin:0; | |
padding:0; | |
} | |
html , div { | |
background-image: | |
linear-gradient ( | |
-95deg, | |
transparent 0, | |
transparent 40.5%, | |
#333 40.5%, | |
#333 45%, | |
transparent 45%, | |
transparent 55%, | |
#333 55%, | |
#333 60%, | |
transparent 60%, | |
transparent 100% | |
); | |
background-size: | |
100% /* largeur */ | |
350% /* modifier cette valeur pour l'épaisseur des traits obliques */ | |
; | |
background-repeat:repeat-x; | |
background-position:center; | |
} | |
div ,hr {width:500px;padding:5px;margin:auto;background-color:rgba(255,255,0,0.55); | |
color:white;background-size:100% 50%; | |
border-radius:3px; | |
box-shadow:1px 1px 3px white; | |
text-shadow:0 0 1px black;} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div><p>Eodem tempore etiam Hymetii praeclarae indolis viri negotium est | |
actitatum, cuius hunc novimus esse textum. cum Africam pro consule</p> </div> | |
<hr id="zdeux"/><div> <h1>deux</h1> | |
<p> regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano | |
populo destinatis frumentum dedit, pauloque postea cum provenisset | |
segetum copia, integre sine ulla restituit mora.</p> </div> | |
<hr id="ztrois"/><div> <h1>trois</h1> | |
<p>Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti | |
turgida supra modum, quam Hannibaliano regi fratris filio antehac | |
Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix | |
saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui | |
paulatim eruditiores facti processu temporis ad nocendum per | |
clandestinos versutosque rumigerulos conpertis leviter addere quaedam | |
male suetos falsa et placentia sibi discentes, adfectati regni vel | |
artium nefandarum calumnias insontibus adfligebant.</p> </div> | |
<hr id="zquatre"/><div> <h1>quatre</h1> | |
<p>Quibus occurrere bene pertinax miles explicatis ordinibus parans | |
hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem | |
proximos iam gestu terrebat sed eum in certamen alacriter consurgentem | |
revocavere ductores rati intempestivum anceps subire certamen cum haut | |
longe muri distarent, quorum tutela securitas poterat in solido locari | |
cunctorum.</p> | |
<p>Eodem tempore etiam Hymetii praeclarae indolis viri negotium est | |
actitatum, cuius hunc novimus esse textum. cum Africam pro consule</p> </div> | |
<hr id="zdeux"/><div> <h1>deux</h1> | |
<p> regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano | |
populo destinatis frumentum dedit, pauloque postea cum provenisset | |
segetum copia, integre sine ulla restituit mora.</p> </div> | |
<hr id="ztrois"/><div> <h1>trois</h1> | |
<p>Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti | |
turgida supra modum, quam Hannibaliano regi fratris filio antehac | |
Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix | |
saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui | |
paulatim eruditiores facti processu temporis ad nocendum per | |
clandestinos versutosque rumigerulos conpertis leviter addere quaedam | |
male suetos falsa et placentia sibi discentes, adfectati regni vel | |
artium nefandarum calumnias insontibus adfligebant.</p> </div> | |
<hr id="zquatre"/><div> <h1>quatre</h1> | |
<p>Quibus occurrere bene pertinax miles explicatis ordinibus parans | |
hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem | |
proximos iam gestu terrebat sed eum in certamen alacriter consurgentem | |
revocavere ductores rati intempestivum anceps subire certamen cum haut | |
longe muri distarent, quorum tutela securitas poterat in solido locari | |
cunctorum.</p></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment