diff --git a/css/index.html b/css/index.html new file mode 100644 index 0000000..81a196a --- /dev/null +++ b/css/index.html @@ -0,0 +1,814 @@ + + + + + + + + + tilde theme + + + + + + + + + Fork me on GitHub + + + + + +
+ + +
+

Hacker Bootstrap

+

A Bootstrap theme for 31337 H4X0RS. Inspired by the classic green on black terminal style, this bootstrap theme + will make your website 1337.

+

This is an example page using tilde.team's hacker css.

+

switch color schemes

+

To hack around with the source or contribute, check out the project on tildegit

+

+ view on tildegit » + +

+
+ + +
+
+

Typography

+
+
+
+
+
+

Heading 1

+

Heading 2

+

Heading 3

+

Heading 4

+
Heading 5
+
Heading 6
+
+
+

Example body text

+

Doge doge doge doge + Yeah! Doge doge doge doge doge doge doge doge doge.

+

+ Fine print +

+

+ Bold text.

+

+ Italicized text.

+
+
+

Emphasis classes

+

You put the emPHAsis on the wrong syLLAbles.

+

Has Anyone Really Been Far Even as Decided to Use Even Go Want to do Look More Like?

+

If the answer to all questions is yes, so why not?

+

And when everyone is super, no one will be.

+

The force will be with you, always.

+
+
+
+
+

Code/Kbd

+

<code>ps -ef | grep -v grep | grep tree</code>

+

<kbd>ctrl + shift + t</kbd>

+
+
+

Pre

+ 
+# here is a really cool code sample
+3.times do
+  puts "is this ruby?"
+end
+
+
+ + +
+
+

Buttons

+
+
+
+
+
+ Default + Primary + Success + Info + Warning + Danger +
+
+
+
+ + +
+
+

Tables

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#HouseSigilSeat
1StarkDirewolfWinterfell
2LannisterLionCasterly Rock
3BaratheonStagStorm's End
4Targaryen3-headed DragonSlaver's Bay
5MartellSun pierced by a spearSunspear
6TullyTroutRiverrun
7BoltonRed flayed manDreadfort / Winterfell
+
+
+ + +
+
+

Progress Bars

+
+
+
+
+
+

Normal

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Striped

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Animated

+
+
+
+
+
+

Stacked

+
+
+
+
+
+
+
+ + +
+
+

Forms

+
+
+
+
+
+
+
+
+ Legend +
+ +
+ +
+
+
+ +
+ +
+ +
+
+
+
+ +
+ + A longer block of help text that breaks onto a new line and may extend beyond one line. +
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ +
+ +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ $ + + + + +
+
+
+
+
+ + +
+
+

Navs

+
+
+
+
+
+

Pagination

+
    +
  • + « +
    • +
  • + 1 +
    • +
  • + 2 +
    • +
  • + 3 +
    • +
  • + 4 +
    • +
  • + » +
    • +
+
    +
  • + « +
    • +
  • + 1 +
    • +
  • + 2 +
    • +
  • + 3 +
    • +
  • + 4 +
    • +
  • + » +
    • +
+
    +
  • + « +
    • +
  • + 1 +
    • +
  • + 2 +
    • +
  • + 3 +
    • +
  • + 4 +
    • +
  • + » +
    • +
+
+
+

Breadcrumbs

+
+
    +
  • Home
    • +
+
    +
  • + Home +
    • +
  • Library
    • +
+ +
+
+
+

Tabs

+ +
+
+

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, + retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit + butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson + ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, + butcher voluptate nisi qui.

+
+
+

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation + +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table + craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts + ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus + mollit. +

+
+ + +
+
+
+ + +
+
+

Panels

+
+
+
+
+
+
+
Basic panel
+
+ +
+
Panel heading
+
Panel content
+
+ +
+
Panel content
+
Panel footer
+
+
+
+
+
+

Panel primary

+
+
Panel content
+
+ +
+
+

Panel success

+
+
Panel content
+
+ +
+
+

Panel warning

+
+
Panel content
+
+
+
+
+
+

Panel danger

+
+
Panel content
+
+
+
+

Panel info

+
+
Panel content
+
+
+
+ + +
+
+

List Groups

+
+
+
+
+
+
    +
  • + 14 + Cras justo odio +
    • +
  • + 2 + Dapibus ac facilisis in +
    • +
  • + 1 + Morbi leo risus +
    • +
+
+
+
+ Cras justo odio + Dapibus ac facilisis in + Morbi leo risus +
+
+
+
+ +

List group item heading

+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ + +

List group item heading

+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ +
+
+
+ + +
+
+

Wells

+
+
+
+
+
+
+ Look, I'm in a well! +
+
+
+
+ Look, I'm in a small well! +
+
+
+
+ Look, I'm in a large well! +
+
+
+ + +
+
+

Alerts

+
+
+
+
+
+
+ +

Warning!

+

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent + commodo cursus magna, + vel scelerisque nisl consectetur et.

+
+
+
+
+ + Oh snap! + Change a few things up and try submitting again. +
+
+
+
+ + Well done! You successfully read + this important alert message. +
+
+
+
+ + Heads up! This + alert needs your attention, but it's not super important. +
+
+
+
+
+ + +
+
+

Modals

+
+
+
+
+
+
+
+
+
+ +

Potentially Catastrophic Operation

+
+
+

Are you sure you want to do the thing with the stuff? You could rupture the space-time continuum + if you fail.

+
+
+ + +
+
+
+
+
+
+ +
+
+

Created by + Tobin Brown. © 2015

+

+ Forked by + ~ben +

+
+
+ +
+ + + + + + + + +