diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/style.css | 250 |
1 files changed, 100 insertions, 150 deletions
diff --git a/public/css/style.css b/public/css/style.css index 706c3e5..320292a 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1,189 +1,139 @@ - -body { -margin: 0; -margin-bottom: 25px; -padding: 0; -background-color: #ddd; -background-image: url("/images/perldancer-bg.jpg"); -background-repeat: no-repeat; -background-position: top left; - -font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana"; -font-size: 13px; -color: #333; +html,body { + margin: 0; + padding: 0; + height: 100%; + background: #FFF; + + font-family: Helvetica; + font-size: 10pt; + color: #666; } -h1 { -font-size: 28px; -color: #000; +p { + line-height: 1.5; + margin: 0 0 1em; } -a {color: #03c} -a:hover { -background-color: #03c; -color: white; -text-decoration: none; +table, tr { + width: 100%; + border-spacing: 0px; } -#page { -background-color: #ddd; -width: 750px; -margin: auto; -margin-left: auto; -padding-left: 0px; -margin-right: auto; +td { + display: table-cell; + border-spacing: 0px; } -#content { -background-color: white; -border: 3px solid #aaa; -border-top: none; -padding: 25px; -width: 500px; +a.button{ + height: 30px; + line-height: 29px; + margin-bottom: 14px; + text-decoration: none; + + font-family: Helvetica; + font-size: small; + color: #666; } -#sidebar { -float: right; -width: 175px; +a:hover.button{ + color: #0066CC; } -#header, #about, #getting-started { -padding-left: 75px; -padding-right: 30px; +.edges{ + background: url("../images/displayedges.png") no-repeat 24px 4px; + text-indent: 52px; + display: block; } - -#header { -background-image: url("/images/perldancer.jpg"); -background-repeat: no-repeat; -background-position: top left; -height: 64px; -} -#header h1, #header h2 {margin: 0} -#header h2 { -color: #888; -font-weight: normal; -font-size: 16px; +.labels{ + background: url("../images/displaylabels.png") no-repeat 24px 0px; + text-indent: 52px; + display: block; } -#about h3 { -margin: 0; -margin-bottom: 10px; -font-size: 14px; +.fisheye{ + background: url("../images/fisheye.png") no-repeat 24px 4px; + text-indent: 52px; + display: block; } -#about-content { -background-color: #ffd; -border: 1px solid #fc0; -margin-left: -11px; -} -#about-content table { -margin-top: 10px; -margin-bottom: 10px; -font-size: 11px; -border-collapse: collapse; +.title { + text-align: center; + font-size: 12pt; + color: #000; } -#about-content td { -padding: 10px; -padding-top: 3px; -padding-bottom: 3px; -} -#about-content td.name {color: #555} -#about-content td.value {color: #000} -#about-content.failure { -background-color: #fcc; -border: 1px solid #f00; -} -#about-content.failure p { -margin: 0; -padding: 10px; +.verticalTitle { + float: left; + position: absolute; + text-align: center; + font-size: 12pt; + color: #000; + + -o-transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); } -#getting-started { -border-top: 1px solid #ccc; -margin-top: 25px; -padding-top: 15px; -} -#getting-started h1 { -margin: 0; -font-size: 20px; -} -#getting-started h2 { -margin: 0; -font-size: 14px; -font-weight: normal; -color: #333; -margin-bottom: 25px; -} -#getting-started ol { -margin-left: 0; -padding-left: 0; -} -#getting-started li { -font-size: 18px; -color: #888; -margin-bottom: 25px; -} -#getting-started li h2 { -margin: 0; -font-weight: normal; -font-size: 18px; -color: #333; -} -#getting-started li p { -color: #555; -font-size: 13px; +.tab { + width: 200px; } -#search { -margin: 0; -padding-top: 10px; -padding-bottom: 10px; -font-size: 11px; +.github { + padding-left: 100px; + font-family: Collegiate; + font-size: 26pt; + color: black; + vertical-align: middle; } -#search input { -font-size: 11px; -margin: 2px; -} -#search-text {width: 170px} -#sidebar ul { -margin-left: 0; -padding-left: 0; +.greyBG { + background-image: url("../images/bottom_bg.png"); } -#sidebar ul h3 { -margin-top: 25px; -font-size: 16px; -padding-bottom: 10px; -border-bottom: 1px solid #ccc; + +.query { + width: 240px; + font-size: 18pt; + font-family: Helvetica; + float: left; + padding-top: 10px; } -#sidebar li { -list-style-type: none; + +#container { + padding: 0; + margin: 0 auto; + width: 100%; + height: 100%; + + background: #FFF; } -#sidebar ul.links li { -margin-bottom: 5px; + +#header { + position: absolute; + right: 0px; + top: 0px; } -h1, h2, h3, h4, h5 { -font-family: sans-serif; -margin: 1.2em 0 0.6em 0; +#about { + float: right; + padding: 2px; } -p { -line-height: 1.5em; -margin: 1.6em 0; +#files { + float: right; + padding: 2px; } -code, tt { - font-family: 'Andale Mono', Monaco, 'Liberation Mono', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', monospace; +#content { + height: auto !important; + width: 100%; } #footer { -clear: both; -padding-top: 2em; -text-align: center; -padding-right: 160px; -font-family: sans-serif; -font-size: 10px; + position: relative; + height: 0px; } + +h1, h2 { + font-weight: normal; +}
\ No newline at end of file |