port from perforce
This commit is contained in:
300
web/style.css
Normal file
300
web/style.css
Normal file
@@ -0,0 +1,300 @@
|
||||
html,body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: url(images/julia.jpg) fixed no-repeat top right;
|
||||
}
|
||||
|
||||
table#menu
|
||||
{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
margin-bottom: 30px;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table#menu tr.top
|
||||
{
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
table#menu td.title-logo
|
||||
{
|
||||
vertical-align: bottom;
|
||||
color: #929292;
|
||||
background-color: white;
|
||||
font-family: Verdana,Arial,Helvetica,sans-serif;
|
||||
font-size: 9px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
table#menu td.title-biglogo
|
||||
{
|
||||
vertical-align: top;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
table#menu td.left-title-bar
|
||||
{
|
||||
width: 135px;
|
||||
height: 32px;
|
||||
background: url(images/title-left.png) no-repeat;
|
||||
}
|
||||
|
||||
table#menu td.title-item
|
||||
{
|
||||
height: 32px;
|
||||
background: url(images/title-bar-repeat.png) repeat-x;
|
||||
}
|
||||
|
||||
div#logo
|
||||
{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background: url(images/logo-top.png);
|
||||
width: 136px;
|
||||
height: 154px;
|
||||
}
|
||||
|
||||
table#menu-items
|
||||
{
|
||||
width: 500px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table#menu-items a
|
||||
{
|
||||
padding-left: 20px;
|
||||
font-family: Verdana,Arial,Helvetica,sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a
|
||||
{
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:hover
|
||||
{
|
||||
color: #D04010;
|
||||
}
|
||||
|
||||
div#biglogo
|
||||
{
|
||||
position: absolute;
|
||||
width: 459px;
|
||||
height: 60px;
|
||||
right: 0px;
|
||||
background: url(images/logo.png);
|
||||
}
|
||||
|
||||
table.dialog
|
||||
{
|
||||
margin-left: 200px;
|
||||
margin-bottom: 30px;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
table.dialog td.tl
|
||||
{
|
||||
background: url(images/dialog-tl.png) no-repeat;
|
||||
width: 15px;
|
||||
height: 33px;
|
||||
}
|
||||
|
||||
table.dialog td.tc
|
||||
{
|
||||
background: url(images/dialog-tc.png) repeat-x;
|
||||
height: 33px;
|
||||
font-family: Verdana,Arial,Helvetica,sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.dialog td.tr
|
||||
{
|
||||
background: url(images/dialog-tr.png) no-repeat;
|
||||
width: 6px;
|
||||
height: 33px;
|
||||
}
|
||||
|
||||
table.dialog td.lc
|
||||
{
|
||||
background: url(images/dialog-lc.png) repeat-y;
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
table.dialog td.rc
|
||||
{
|
||||
background: url(images/dialog-rc.png) repeat-y;
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
table.dialog td.c
|
||||
{
|
||||
padding: 20px;
|
||||
font-family: Verdana,Arial,Helvetica,sans-serif;
|
||||
vertical-align: top;
|
||||
font-size: 10px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
table.dialog td.bl
|
||||
{
|
||||
background: url(images/dialog-bl.png) no-repeat;
|
||||
width: 15px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
table.dialog td.bc
|
||||
{
|
||||
background: url(images/dialog-bc.png) repeat-x;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
table.dialog td.br
|
||||
{
|
||||
background: url(images/dialog-br.png) no-repeat;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
table.profile td
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.profile td.content
|
||||
{
|
||||
vertical-align: top;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
table.string-list
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.string-list td
|
||||
{
|
||||
padding-right: 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.string-list td.list-item
|
||||
{
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.guestbook
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table.guestbook td.guest-date
|
||||
{
|
||||
font-weight: bold;
|
||||
background: url(images/gb-background.png) repeat-x bottom;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
table.guestbook td.guest-poster
|
||||
{
|
||||
font-weight: bold;
|
||||
background: url(images/gb-background.png) repeat-x bottom;
|
||||
border-bottom: 1px solid black;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
table.guestbook td.guest-text
|
||||
{
|
||||
padding-left: 20px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
div.url-bar
|
||||
{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
table.form
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.form td
|
||||
{
|
||||
font-weight: bold;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.form td.label
|
||||
{
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
table.form td.submit
|
||||
{
|
||||
text-align: center;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
table.form input
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table.form textarea
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table#gbform
|
||||
{
|
||||
display: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table.music
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
display: inline;
|
||||
margin-top: 5px;
|
||||
font-family: Verdana,Arial,Helvetica,sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.music td
|
||||
{
|
||||
height: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table.music td.player
|
||||
{
|
||||
width: 20px;
|
||||
padding-top: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
Reference in New Issue
Block a user