Skip to content

Instantly share code, notes, and snippets.

@davidhbrown-uri

davidhbrown-uri/dabblet.css

Last active September 28, 2017 16:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save davidhbrown-uri/67473e49b00acc8ea68bedbf109a04e3 to your computer and use it in GitHub Desktop.
Save davidhbrown-uri/67473e49b00acc8ea68bedbf109a04e3 to your computer and use it in GitHub Desktop.
Download ZIP
Demonstration of fixed and relative position
Raw
dabblet.css
/**
* Demonstration of fixed and relative position
*/
#filter {width: 96%; height: 98%; opacity: 0.9; background-color: gray;
position: fixed; left: 2%; top: 2%; margin: 0; padding: 0;}
#focus {width: 80%; min-height: 80%; background-color: white;
position: relative; left: 10%; top: 10%;
border: solid silver;
opacity: 0.99; font-size: 150%;}
#focus > * {text-align: center; valign: center;}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="filter"><div id="focus"><p>Hey, look at me!</p></div></div>
<p>Lorem ipsum dolor sit amet, soleat ubique detraxit ad nam. Et est verear sanctus, id mentitum consectetuer eum. Solum lucilius philosophia ex per, ei dictas vocent mei. Ea ius delectus efficiantur. Eros habeo vivendo sed an, et duo soluta dolorum posidonium. </p> <p>Usu no sale quando placerat, nominavi iracundia est eu. Per te feugait perfecto, vix vitae oratio ne, cu malorum percipit inimicus per. Discere reprimique honestatis vim te, fugit dolorem eam ea, probo convenire percipitur et eam. Appareat prodesset eu pri, vix ad graece cetero. Duo eirmod impedit ut, at mel perfecto convenire evertitur. Cu ignota phaedrum appellantur mea. </p> <p>Id vix summo graeco impetus, option sententiae cu sea. Et sale facilis his. Sed unum moderatius consectetuer ea, no errem regione similique nam. Ea usu nihil noster accusata, aperiam noluisse eu pro. Ea alia intellegat vim, at possim periculis qui. </p> <p>Qui dignissim persequeris te, graeci utamur cotidieque an nec. Accusam albucius apeirian his ea, ut postea omnium suscipiantur mei. Malis consul ex per, mucius consequuntur cum ne, et vix autem regione. An putant audire vivendo eam, in dicat affert lobortis usu. </p> <p>Nibh omnesque ex qui, libris feugiat at est. Cu ius sonet omittam, tale nullam id mei. Ei duo persius conceptam, sea feugiat pericula ea. Vis ea odio illud, prima expetendis repudiandae nec id. Eum ut saepe meliore, est efficiendi intellegebat no.</p>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment