mirror of
https://github.com/puma/puma.git
synced 2022-11-09 13:48:40 -05:00
rss icon
git-svn-id: svn+ssh://rubyforge.org/var/svn/mongrel/trunk@869 19e92222-5c0b-0410-8929-a290d50e31e9
This commit is contained in:
evanweaver
parent
6e58b5d68f
commit
d446b8c611
3 changed files with 429 additions and 435 deletions
|
|
@ -1,434 +1,428 @@
|
||||||
html, body {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
color: #444;
|
color: #444;
|
||||||
font-size: 84%;
|
font-size: 84%;
|
||||||
font-family: "Trebuchet MS", Arial, sans-serif;
|
font-family: "Trebuchet MS", Arial, sans-serif;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #556379;
|
color: #556379;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #8496B3;
|
color: #8496B3;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
color: #7B98F8;
|
color: #7B98F8;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
color: #62C916;
|
color: #62C916;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
color: #8CA1AA;
|
color: #8CA1AA;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
clear: both;
|
clear: both;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border-top: solid 1px #AACCD5;
|
border-top: solid 1px #AACCD5;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#wrapper {
|
#wrapper {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 833px;
|
width: 833px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#head {
|
#head {
|
||||||
background-color: #F0F8FA;
|
background-color: #F0F8FA;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
color: #606d82;
|
color: #606d82;
|
||||||
border-bottom: 1px solid #fff;
|
border-bottom: 1px solid #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#head div {
|
#head div {
|
||||||
float: left;
|
float: left;
|
||||||
clear: right;
|
clear: right;
|
||||||
height: 65px;
|
height: 65px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#logo {
|
#logo {
|
||||||
width: 185px;
|
width: 185px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#logo a {
|
#logo a {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 46px 0 0 14px;
|
padding: 46px 0 0 14px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
letter-spacing: 0;
|
letter-spacing: 0;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#slogan {
|
#slogan {
|
||||||
width: 474px;
|
width: 474px;
|
||||||
border-left: 1px solid #A2ADB9;
|
border-left: 1px solid #A2ADB9;
|
||||||
}
|
}
|
||||||
|
|
||||||
#slogan span {
|
#slogan span {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 28px 0 0 14px;
|
padding: 28px 0 0 14px;
|
||||||
font-size: 38px;
|
font-size: 38px;
|
||||||
letter-spacing: -2px;
|
letter-spacing: -2px;
|
||||||
color: #91b3bc;
|
color: #91b3bc;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toplinks {
|
#toplinks {
|
||||||
width: 73px;
|
width: 73px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toplinks ul {
|
#toplinks ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toplinks li {
|
#toplinks li {
|
||||||
float: left;
|
float: left;
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-top: 56px;
|
margin-top: 56px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toplinks a {
|
#toplinks a {
|
||||||
display: block;
|
display: block;
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 9px;
|
height: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toplinks span {
|
#toplinks span {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tl_home {
|
#tl_home {
|
||||||
background-image: url(images/tl_home.gif);
|
background-image: url(images/tl_home.gif);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tl_contact {
|
#tl_contact {
|
||||||
background-image: url(images/tl_contact.gif);
|
background-image: url(images/tl_contact.gif);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tl_sitemap {
|
#tl_sitemap {
|
||||||
background-image: url(images/tl_sitemap.gif);
|
background-image: url(images/tl_sitemap.gif);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tl_home a:hover {
|
#tl_home a:hover {
|
||||||
background-image: url(images/tl_home-on.gif);
|
background-image: url(images/tl_home-on.gif);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tl_contact a:hover {
|
#tl_contact a:hover {
|
||||||
background-image: url(images/tl_contact-on.gif);
|
background-image: url(images/tl_contact-on.gif);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tl_sitemap a:hover {
|
#tl_sitemap a:hover {
|
||||||
background-image: url(images/tl_sitemap-on.gif);
|
background-image: url(images/tl_sitemap-on.gif);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#body {
|
#body {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
width: 648px;
|
width: 648px;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
#visual {
|
#visual {
|
||||||
margin: 16px 0;
|
margin: 16px 0;
|
||||||
height: 166px;
|
height: 166px;
|
||||||
background-image: url(images/visual.jpg);
|
background-image: url(images/visual.jpg);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
float: left;
|
float: left;
|
||||||
padding-right: 14px;
|
padding-right: 14px;
|
||||||
width: 456px;
|
width: 456px;
|
||||||
border-right: 1px solid #AACCD5;
|
border-right: 1px solid #AACCD5;
|
||||||
}
|
}
|
||||||
|
|
||||||
#news {
|
#news {
|
||||||
margin-left: 480px;
|
margin-left: 480px;
|
||||||
width: 165px;
|
width: 165px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#news h4 {
|
#news dl {
|
||||||
padding-left: 14px;
|
padding: 0;
|
||||||
background-image: url(images/li1b.gif);
|
margin: 0;
|
||||||
background-repeat: no-repeat;
|
}
|
||||||
}
|
|
||||||
|
#news dt {
|
||||||
#news dl {
|
padding: 6px 10px 4px 10px;
|
||||||
padding: 0;
|
margin: 0;
|
||||||
margin: 0;
|
border-top: 1px solid #DEECF0;
|
||||||
}
|
background-image: url(images/li3.gif);
|
||||||
|
background-position: 0 11px;
|
||||||
#news dt {
|
background-repeat: no-repeat;
|
||||||
padding: 6px 10px 4px 10px;
|
font-size: .7em;
|
||||||
margin: 0;
|
color: #8CA1AA;
|
||||||
border-top: 1px solid #DEECF0;
|
}
|
||||||
background-image: url(images/li3.gif);
|
|
||||||
background-position: 0 11px;
|
#news dd {
|
||||||
background-repeat: no-repeat;
|
padding: 0;
|
||||||
font-size: .7em;
|
margin: 0;
|
||||||
color: #8CA1AA;
|
font-size: .8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#news dd {
|
#news h5 {
|
||||||
padding: 0;
|
margin: 0;
|
||||||
margin: 0;
|
padding-bottom: 2px;
|
||||||
font-size: .8em;
|
font-size: 1.0em;
|
||||||
}
|
font-weight: normal;
|
||||||
|
}
|
||||||
#news h5 {
|
|
||||||
margin: 0;
|
#threecells {
|
||||||
padding-bottom: 2px;
|
clear: both;
|
||||||
font-size: 1.0em;
|
}
|
||||||
font-weight: normal;
|
|
||||||
}
|
#threecells div {
|
||||||
|
float: left;
|
||||||
#threecells {
|
font-size: .9em;
|
||||||
clear: both;
|
clear: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
#threecells div {
|
#threecells a {
|
||||||
float: left;
|
display: block;
|
||||||
font-size: .9em;
|
width: 162px;
|
||||||
clear: right;
|
height: 48px;
|
||||||
}
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
#threecells a {
|
|
||||||
display: block;
|
#threecells span {
|
||||||
width: 162px;
|
display: none;
|
||||||
height: 48px;
|
}
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
#cell_1 {
|
||||||
|
width: 162px;
|
||||||
#threecells span {
|
padding-right: 15px;
|
||||||
display: none;
|
}
|
||||||
}
|
|
||||||
|
#cell_1 a {
|
||||||
#cell_1 {
|
background-image: url(images/3colls_p1.jpg);
|
||||||
width: 162px;
|
}
|
||||||
padding-right: 15px;
|
|
||||||
}
|
#cell_2 {
|
||||||
|
width: 162px;
|
||||||
#cell_1 a {
|
padding: 0 15px 0 15px;
|
||||||
background-image: url(images/3colls_p1.jpg);
|
border-left: 1px solid #AACCD5;
|
||||||
}
|
border-right: 1px solid #AACCD5;
|
||||||
|
}
|
||||||
#cell_2 {
|
|
||||||
width: 162px;
|
#cell_2 a {
|
||||||
padding: 0 15px 0 15px;
|
background-image: url(images/3colls_p2.jpg);
|
||||||
border-left: 1px solid #AACCD5;
|
}
|
||||||
border-right: 1px solid #AACCD5;
|
|
||||||
}
|
#cell_3 {
|
||||||
|
width: 162px;
|
||||||
#cell_2 a {
|
padding-left: 15px;
|
||||||
background-image: url(images/3colls_p2.jpg);
|
}
|
||||||
}
|
|
||||||
|
#cell_3 a {
|
||||||
#cell_3 {
|
background-image: url(images/3colls_p3.jpg);
|
||||||
width: 162px;
|
}
|
||||||
padding-left: 15px;
|
|
||||||
}
|
#side {
|
||||||
|
padding-bottom: 8px;
|
||||||
#cell_3 a {
|
border-top: 3px solid #fff;
|
||||||
background-image: url(images/3colls_p3.jpg);
|
width: 165px;
|
||||||
}
|
background-color: #EAF4F6;
|
||||||
|
height: 100%;
|
||||||
#side {
|
}
|
||||||
padding-bottom: 8px;
|
|
||||||
border-top: 3px solid #fff;
|
#menu {
|
||||||
width: 165px;
|
padding: 0;
|
||||||
background-color: #EAF4F6;
|
margin: 0;
|
||||||
height: 100%;
|
}
|
||||||
}
|
|
||||||
|
#menu a {
|
||||||
#menu {
|
text-decoration: none;
|
||||||
padding: 0;
|
display:block;
|
||||||
margin: 0;
|
}
|
||||||
}
|
|
||||||
|
#menu ul {
|
||||||
#menu a {
|
padding: 0;
|
||||||
text-decoration: none;
|
margin: 0;
|
||||||
display:block;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu ul {
|
#menu li {
|
||||||
padding: 0;
|
margin: 0;
|
||||||
margin: 0;
|
padding: 0;
|
||||||
list-style: none;
|
font-size: 11px;
|
||||||
}
|
font-family: Arial;
|
||||||
|
}
|
||||||
#menu li {
|
|
||||||
margin: 0;
|
#menu ul li a {
|
||||||
padding: 0;
|
margin-top: 8px;
|
||||||
font-size: 11px;
|
padding: 0 28px;
|
||||||
font-family: Arial;
|
height: 21px;
|
||||||
}
|
line-height: 21px;
|
||||||
|
font-weight: bold;
|
||||||
#menu ul li a {
|
text-transform: uppercase;
|
||||||
margin-top: 8px;
|
border-top: 1px solid #AACCD5;
|
||||||
padding: 0 28px;
|
border-bottom: 1px solid #AACCD5;
|
||||||
height: 21px;
|
background-image: url(images/li1a.gif);
|
||||||
line-height: 21px;
|
background-position: 13px 5px;
|
||||||
font-weight: bold;
|
background-repeat: no-repeat;
|
||||||
text-transform: uppercase;
|
}
|
||||||
border-top: 1px solid #AACCD5;
|
|
||||||
border-bottom: 1px solid #AACCD5;
|
#menu ul li ul li a {
|
||||||
background-image: url(images/li1a.gif);
|
margin-top: 0;
|
||||||
background-position: 13px 5px;
|
height:19px;
|
||||||
background-repeat: no-repeat;
|
line-height: 19px;
|
||||||
}
|
font-weight:normal;
|
||||||
|
text-transform: capitalize;
|
||||||
#menu ul li ul li a {
|
background-image: url(images/li2.gif);
|
||||||
margin-top: 0;
|
background-color: #DEECF0 ;
|
||||||
height:19px;
|
background-position: 13px 5px;
|
||||||
line-height: 19px;
|
background-repeat: no-repeat;
|
||||||
font-weight:normal;
|
border-top: 1px solid #EEF5F7;
|
||||||
text-transform: capitalize;
|
border-bottom: 1px none #EEF5F7;
|
||||||
background-image: url(images/li2.gif);
|
}
|
||||||
background-color: #DEECF0 ;
|
|
||||||
background-position: 13px 5px;
|
#menu ul li ul li ul li a {
|
||||||
background-repeat: no-repeat;
|
background-color: #C2DCE3;
|
||||||
border-top: 1px solid #EEF5F7;
|
background-image: none;
|
||||||
border-bottom: 1px none #EEF5F7;
|
}
|
||||||
}
|
|
||||||
|
#menu li li li li a {
|
||||||
#menu ul li ul li ul li a {
|
padding-left: 36px;
|
||||||
background-color: #C2DCE3;
|
}
|
||||||
background-image: none;
|
|
||||||
}
|
#menu ul li ul li ul li ul li a {
|
||||||
|
background-color: #A1CEDB;
|
||||||
#menu li li li li a {
|
background-image: none;
|
||||||
padding-left: 36px;
|
}
|
||||||
}
|
|
||||||
|
#ads {
|
||||||
#menu ul li ul li ul li ul li a {
|
padding: 0;
|
||||||
background-color: #A1CEDB;
|
margin: 0;
|
||||||
background-image: none;
|
}
|
||||||
}
|
|
||||||
|
#ads dt {
|
||||||
#ads {
|
padding: 0;
|
||||||
padding: 0;
|
margin: 6px;
|
||||||
margin: 0;
|
border-top: 1px solid #fff;
|
||||||
}
|
border-bottom: 1px solid #fff;
|
||||||
|
}
|
||||||
#ads dt {
|
|
||||||
padding: 0;
|
#ads dd {
|
||||||
margin: 6px;
|
margin: 0;
|
||||||
border-top: 1px solid #fff;
|
padding: 4px 12px;
|
||||||
border-bottom: 1px solid #fff;
|
border-bottom: 1px solid #EEF5F7;
|
||||||
}
|
font-size: .8em;
|
||||||
|
border-bottom: 1px solid #AACCD5;
|
||||||
#ads dd {
|
line-height: 1.2em;
|
||||||
margin: 0;
|
}
|
||||||
padding: 4px 12px;
|
|
||||||
border-bottom: 1px solid #EEF5F7;
|
#foot {
|
||||||
font-size: .8em;
|
clear: both;
|
||||||
border-bottom: 1px solid #AACCD5;
|
padding: 1em;
|
||||||
line-height: 1.2em;
|
background-color: #fff;
|
||||||
}
|
background-image: url(images/logo_small.gif);
|
||||||
|
background-repeat: no-repeat;
|
||||||
#foot {
|
font-size: .8em;
|
||||||
clear: both;
|
line-height: 1.4em;
|
||||||
padding: 1em;
|
text-align: center;
|
||||||
background-color: #fff;
|
position: relative;
|
||||||
background-image: url(images/logo_small.gif);
|
}
|
||||||
background-repeat: no-repeat;
|
|
||||||
font-size: .8em;
|
#top_nav {
|
||||||
line-height: 1.4em;
|
display: none;
|
||||||
text-align: center;
|
padding-left: 185px;
|
||||||
position: relative;
|
background-color: #DEECF0;
|
||||||
}
|
height: 20px;
|
||||||
|
}
|
||||||
#top_nav {
|
|
||||||
display: none;
|
#top_nav ul {
|
||||||
padding-left: 185px;
|
margin: 0;
|
||||||
background-color: #DEECF0;
|
padding: 0;
|
||||||
height: 20px;
|
list-style: none;
|
||||||
}
|
border-left: 1px solid #fff;
|
||||||
|
background-image: url(images/tn_bg1.gif);
|
||||||
#top_nav ul {
|
background-position: right top;
|
||||||
margin: 0;
|
background-repeat: no-repeat;
|
||||||
padding: 0;
|
height: 20px;
|
||||||
list-style: none;
|
}
|
||||||
border-left: 1px solid #fff;
|
|
||||||
background-image: url(images/tn_bg1.gif);
|
#top_nav li {
|
||||||
background-position: right top;
|
float: left;
|
||||||
background-repeat: no-repeat;
|
margin: 0;
|
||||||
height: 20px;
|
padding: 0;
|
||||||
}
|
border-top: 2px solid #f60;
|
||||||
|
border-right: 1px solid #fff;
|
||||||
#top_nav li {
|
background-color: #E5F1F3;
|
||||||
float: left;
|
}
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
#top_nav a {
|
||||||
border-top: 2px solid #f60;
|
display: block;
|
||||||
border-right: 1px solid #fff;
|
padding: 0 1.3em;
|
||||||
background-color: #E5F1F3;
|
line-height: 18px;
|
||||||
}
|
font-family: Arial;
|
||||||
|
font-size: 11px;
|
||||||
#top_nav a {
|
font-weight: bold;
|
||||||
display: block;
|
text-align: center;
|
||||||
padding: 0 1.3em;
|
text-decoration: none;
|
||||||
line-height: 18px;
|
text-transform: uppercase;
|
||||||
font-family: Arial;
|
}
|
||||||
font-size: 11px;
|
|
||||||
font-weight: bold;
|
#top_nav a:hover {
|
||||||
text-align: center;
|
background-color: #f60;
|
||||||
text-decoration: none;
|
color: #fff;
|
||||||
text-transform: uppercase;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
#top_nav a:hover {
|
|
||||||
background-color: #f60;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="news">
|
<div id="news">
|
||||||
<h4>NEWS</h4>
|
<h4><a href="http://mongrel.rubyforge.org/rss.xml"><img src="/images/rss.png"></a> <a href="http://mongrel.rubyforge.org/rss.xml">NEWS</a></h4>
|
||||||
<%= open("src/news.include").read %>
|
<%= open("src/news.include").read %>
|
||||||
</div>
|
</div>
|
||||||
<hr noshade="noshade" size="1" />
|
<hr noshade="noshade" size="1" />
|
||||||
|
|
|
||||||
BIN
site/src/images/rss.png
Normal file
BIN
site/src/images/rss.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Loading…
Add table
Reference in a new issue