CSS Prompt

Developer
Orion Drummond
Size
5,639 Kb
Views
10,120
  1. CSS Prompt Previews
  2. CSS Prompt HTML Codes
  3. CSS Prompt CSS Codes
  4. CSS Prompt JS Codes

How do I make an css prompt?

What is a css prompt? How do you make a css prompt? This script and codes were developed by Orion Drummond on 30 December 2022, Friday.

CSS Prompt Previews
IQ Test

CSS Prompt - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CSS Prompt</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class='context' dir='ltr'> <h2>ltr</h2> <a href='#s30-ltr'>prompt 30</a> <div class='prompt prompt-30 root-noscroll' id='s30-ltr' tabindex='0'> <section> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> </section> <a href='#'>x</a> </div> <a href='#s60-ltr'>prompt 60</a> <div class='prompt prompt-60 root-noscroll' id='s60-ltr' tabindex='0'> <section> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> </section> <a href='#'>x</a> </div> <a href='#s80-ltr'>prompt 80</a> <div class='prompt prompt-80 root-noscroll' id='s80-ltr' tabindex='0'> <section> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> </section> <a href='#'>x</a> </div> <a href='#tube-ltr'>prompt 1280 youtube</a> <div class='prompt prompt-1280 root-noscroll' id='tube-ltr' tabindex='0'> <iframe width="1280" height="720" src="https://www.youtube.com/embed/QGWUD_yuZKU" frameborder="0" allowfullscreen></iframe> <a href='#'>x</a> </div> <a href='#tube-section-ltr'>prompt 1280 youtube formatted</a> <div class='prompt prompt-1280 root-noscroll' id='tube-section-ltr' tabindex='0' title='YouTube inside a section'> <section> <iframe width="1280" height="720" src="https://www.youtube.com/embed/QGWUD_yuZKU" frameborder="0" allowfullscreen></iframe> </section> <a href='#'>x</a> </div> <a href='#image-ltr'>prompt 30 image</a> <div class='prompt prompt-60 root-noscroll' id='image-ltr' tabindex='0' title='YouTube inside a section'> <section> <img src='//m1.behance.net/rendition/modules/154857257/hd/30c9d68670cde683a16596089f438a1a.jpeg'> </section> <a href='#'>x</a> </div> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p>
</div>
<div class='context' dir='rtl'> <h2>rtl</h2> <a href='#s30-rtl'>prompt 30</a> <div class='prompt prompt-30 root-noscroll' id='s30-rtl' tabindex='0'> <section> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> </section> <a href='#'>x</a> </div> <a href='#s60-rtl'>prompt 60</a> <div class='prompt prompt-60 root-noscroll' id='s60-rtl' tabindex='0'> <section> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> </section> <a href='#'>x</a> </div> <a href='#s80-rtl'>prompt 80</a> <div class='prompt prompt-80 root-noscroll' id='s80-rtl' tabindex='0'> <section> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> </section> <a href='#'>x</a> </div> <a href='#tube-rtl'>prompt 1280 youtube</a> <div class='prompt prompt-1280 root-noscroll' id='tube-rtl' tabindex='0'> <iframe width="1280" height="720" src="https://www.youtube.com/embed/QGWUD_yuZKU" frameborder="0" allowfullscreen></iframe> <a href='#'>x</a> </div> <a href='#tube-section-rtl'>prompt 1280 youtube formatted</a> <div class='prompt prompt-1280 root-noscroll' id='tube-section-rtl' tabindex='0' title='YouTube inside a section'> <section> <iframe width="1280" height="720" src="https://www.youtube.com/embed/QGWUD_yuZKU" frameborder="0" allowfullscreen></iframe> </section> <a href='#'>x</a> </div> <a href='#image-rtl'>prompt 30 image</a> <div class='prompt prompt-60 root-noscroll' id='image-rtl' tabindex='0' title='YouTube inside a section'> <section> <img src='//m1.behance.net/rendition/modules/154857257/hd/30c9d68670cde683a16596089f438a1a.jpeg'> </section> <a href='#'>x</a> </div> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p> <p>Trillion, a billion trillion permanence of the stars trillion a billion trillion take root and flourish? Hundreds of thousands. Rich in mystery? Euclid muse about a billion trillion the only home we've ever known, stirred by starlight Sea of Tranquility network of wormholes dream of the mind's eye encyclopaedia galactica extraordinary claims extraordinary evidence, not a sunrise but a galaxyrise science emerged into consciousness. Another world. Ship of the imagination citizens of distant epochs intelligent beings rings of Uranus emerged into consciousness billions upon billions colonies?</p>
</div> <script src="js/index.js"></script>
</body>
</html>

CSS Prompt - Script Codes CSS Codes

html.root-noscroll { max-height: 100vh; overflow: hidden; position: fixed;
}
.context { padding: 5em; font-family: "Source Sans Pro", sans-serif;
}
.context section { padding: 1em;
}
.context .icon { height: 1em; width: 1em;
}
.prompt { display: none; background-color: transparent; position: fixed; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; border: 1em solid transparent; border-top: none; box-sizing: border-box;
}
.prompt :nth-child(n) { max-width: 100%;
}
.prompt[title]:before { content: attr(title); position: relative; z-index: 2; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block;
}
.prompt > [href^="#"] { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;
}
.prompt > :first-child,
.prompt > [href^="#"] { width: 30em; max-width: 100%; max-height: 100%; box-sizing: border-box;
}
.prompt > :first-child { background-color: #ffffff; box-shadow: 0 0.25ex 1ex rgba(0, 0, 0, 0.5); box-sizing: border-box; max-height: 100%; overflow: auto; -ms-flex-negative: 1; flex-shrink: 1; z-index: 1;
}
.prompt > [href^="#"] { padding: 1em 0; color: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: color 0.3s; transition: color 0.3s;
}
.prompt > [href^="#"]:before { content: ""; display: block; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%;
}
.prompt > [href^="#"]:after { content: ""; position: fixed; top: 0; left: 0; bottom: 0; right: 0; border-left: 100vw solid; border-top: 100vh solid; border-color: transparent; z-index: -1; -webkit-transition: border-color 0.3s; transition: border-color 0.3s;
}
.prompt > [href^="#"]:hover,
.prompt > [href^="#"]:focus { color: #ffffff;
}
.prompt:target { display: table; display: -webkit-box; display: -ms-flexbox; display: flex;
}
.prompt:target [href^="#"]:after { border-color: rgba(0, 0, 0, 0.5);
}
.prompt-30 > :first-child,
.prompt-30 > [href^="#"] { width: 30em;
}
.prompt-60 > :first-child,
.prompt-60 > [href^="#"] { width: 60em;
}
.prompt-80 > :first-child,
.prompt-80 > [href^="#"] { width: 80em;
}
.prompt-1280 > :first-child,
.prompt-1280 > [href^="#"] { width: 1280px;
}
@media screen and (max-aspect-ratio: 1/1) { .prompt > [href^="#"]:before { -ms-flex-preferred-size: auto; flex-basis: auto; }
}

CSS Prompt - Script Codes JS Codes

function escaper (e) { if(e.which === 27) { // escape window.location.hash = ''; }
}
function toggleEscaper() { if(window.location.hash) { this.addEventListener('keyup', escaper); } else { this.removeEventListener('keyup', escaper); }
}
function focuser (e) { if(window.location.hash) { var e = ""; if(e = window.document.getElementById(window.location.hash.substring(1))) { e.focus(); } }
}
function disableScroll (e) { var w = e.target; var hash = w.location.hash; var doc = w.document; if(!hash) { doc.documentElement.classList.remove('root-noscroll'); return; } var e = doc.querySelector(hash); if(!e) { return; } if(!e.classList.contains('root-noscroll')) { return; } doc.documentElement.classList.add('root-noscroll');
}
window.addEventListener('hashchange', focuser);
window.addEventListener('hashchange', toggleEscaper);
window.addEventListener('hashchange', disableScroll);
CSS Prompt - Script Codes
CSS Prompt - Script Codes
Home Page Home
Developer Orion Drummond
Username tappily
Uploaded December 30, 2022
Rating 3
Size 5,639 Kb
Views 10,120
Do you need developer help for CSS Prompt?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Orion Drummond (tappily) Script Codes
Name
Responsive radio tabs
Hash navigation pattern
A Pen by Orion Drummond
Menu toggle with unicode icons
Warp scaffold
Seltzer samples
3rd try
Flex decorators
Responsive Background Image Loading
Google Web Font LESS Mixin
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!