From 6e6593ab7b3f9ae33d10c97db8ebcfc87497ef5c Mon Sep 17 00:00:00 2001 From: Dustin Lacewell Date: Fri, 2 Nov 2012 21:49:37 -0500 Subject: [PATCH] cleaned up some styles, shifted to red links, unified logo and sales pitch, added subtle texture, sectional content minimally styled. --- backgrounds/striped_lens.png | Bin 0 -> 291 bytes bootstrap.min.css | 14 +++--- index.html | 42 +++++++++--------- style.css | 82 ++++++++++++++++++++++++++++++++--- 4 files changed, 104 insertions(+), 34 deletions(-) create mode 100644 backgrounds/striped_lens.png diff --git a/backgrounds/striped_lens.png b/backgrounds/striped_lens.png new file mode 100644 index 0000000000000000000000000000000000000000..6a3a954d5935be28a1a0fa8a55a1cbfc065f1dc7 GIT binary patch literal 291 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61SBU+%rFB|jKx9jP7LeL$-D$|*pj^6U4S$Y z{B+)352QE?JR*x382Ao>Fr%o3R|8Oxy~NYkmHiGkGlQDgZ})q3K%vE+E{-7@=UXQo zli,.pills>li{float:left;}.tabs>li>a,.pills>li>a{display:block;} .tabs{float:left;width:100%;border-bottom:1px solid #ddd;}.tabs>li{position:relative;top:1px;}.tabs>li>a{padding:0 15px;margin-right:2px;line-height:36px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.tabs>li>a:hover{text-decoration:none;background-color:#eee;border-color:#eee #eee #ddd;} -.tabs>li.active>a{color:#808080;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;} +.tabs>li.active>a{color:black;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;} .tabs .menu-dropdown,.tabs .dropdown-menu{top:35px;border-width:1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .tabs a.menu:after,.tabs .dropdown-toggle:after{border-top-color:#999;margin-top:15px;margin-left:5px;} .tabs li.open.menu .menu,.tabs .open.dropdown .dropdown-toggle{border-color:#999;} diff --git a/index.html b/index.html index 290be9b44..d1a2a13b9 100644 --- a/index.html +++ b/index.html @@ -22,7 +22,6 @@
@@ -31,7 +30,7 @@

Rust a safe, concurrent, practical language

-
+
- +
+

A type safe and memory safe systems language, like in your dreams.

@@ -138,7 +140,7 @@

Rust a safe, concurrent, practical language

That's Rust.

- +
diff --git a/style.css b/style.css index e6f97de7f..10436229d 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,39 @@ +body { + background: url('backgrounds/striped_lens.png'); +} + +#nav, #nav li.menu-header { + width: 120px !important; +} + +#nav li.menu-header span { + color: black; +} + +#main { + padding-top: 0em; +} + +section, .cm-s-default { + background: whitesmoke; + border: 1px dotted rgba(0, 0, 0, 0.15); + border-top: 1px solid gray; + margin: 1em 0em; +*/} + +.cm-s-default { + border: none !important; +} + +a { + color: #B45858; +} + +a:hover { + color: #791010; + text-decoration: none; +} + div.container { margin-top: 0em; } @@ -6,7 +42,7 @@ p { margin-bottom: 20px; } h1 { - margin-top: 50px; + margin-top: 30px; font-size: 24px; } h2 { @@ -24,17 +60,14 @@ pre { padding: 15px; } -#banner { - margin-bottom: 2em; -} #banner h1>small { margin-left: 2em; } #logo { - margin: 40px 100px 0px 0px; - display: inline; float: right; + margin: 0em 3.5em; + margin-top: -6em; } ul.menu li { @@ -49,6 +82,9 @@ ul.menu li.menu-header>ul { margin-left: 0em; padding-left: 0em; } +ul.menu li.menu-header>ul li{ + color: #808080; +} ul.menu li.release>ul { margin-left: 1em; } @@ -56,15 +92,47 @@ ul.menu li.release>ul>li { display: inline; } +#features { + +} + +#features ul { + list-style: none; + margin: 0em 0em; +} + +#features li span:first-child { + padding: 0px 5px; + padding-right: 1em; + margin-left: -1em; + display: inline-block; + width:24%; + text-align: right; +} + +#features li span:last-child { + font-style: italic; +} + +#features li { + padding: .5em 0em; + margin: 0em; +} + +#features li:nth-child(even) { + background-color: rgba(0, 0, 0, .03); +} + #pitch { margin-top: 2em; } #pitch p { - margin: 2em 1em 2em 1em; + margin: 2em 0em 2em 1em; line-height: 1.8em; font-style: italic; } #thats-rust { text-align: right; + padding-right: 2em; }