CAMP/newsletter
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

some styles

Browse Source
This commit is contained in:
sanj 2010-05-18 04:21:37 +05:30
parent d45ea9bb3e
commit 5432512dfd
3 changed files with 53 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
header.html
View File

@ -4,5 +4,10 @@
<link rel="stylesheet" type="text/css" href="newsletter.css" /> <link rel="stylesheet" type="text/css" href="newsletter.css" />
</head> </head>
<body> <body>
<div id="logo">
<a href="http://pad.ma/" title="Pad.ma Home">
<img src="iconAbout.png" alt="Public Access Digital Media Archive" />
</a>
</div>

BIN
iconAbout.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

54
newsletter.css
View File

@ -3,13 +3,21 @@ body {
padding: 0; padding: 0;
font-size: 10pt; font-size: 10pt;
font-family: Arial; font-family: Arial;
background: #404040;
background-image: -moz-linear-gradient(top, #404040, #aaaaaa);
background-image: -webkit-gradient(linear, top, #404040, #aaaaaa);
} }
#nav { #nav {
position: fixed; position: fixed;
left: 16px; left: 16px;
top: 16px; top: 16px;
margin: 0; margin: 0;
padding: 0; padding: 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #000;
background: #A0A0A0;
} }
#nav li { #nav li {
display: linline; display: linline;
@ -18,11 +26,45 @@ body {
.title { .title {
font-weight: bold; font-weight: bold;
} }
#content { #content {
width: 600px; box-shadow: 0px 0px 1em;
padding-left: 168px; -moz-box-shadow: 0px 0px 2em rgba(30,30,30,0.7);
} -webkit-box-shadow: 0px 0px 2em rgba(30,30,30,0.7);
a { border-radius: 10px;
color: #00e; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #000;
color: #ccc;
width: 600px;
margin-left: 168px;
margin-top: 25px;
margin-bottom: 40px;
padding: 10px;
} }
a {
color: #ffff00;
text-decoration: none;
outline: none;
}
a:hover {
color: #ffff00;
-moz-text-shadow: 1px 1px 1px #666;
-webkit-text-shadow: 1px 1px #666;
text-shadow: 1px 1px 1px #666;
}
#logo {
position: fixed;
top: 20px;
right: 20px;
width: 128px;
height: 128px;
}
#logo a img {
border: 0px;
}