about/default/main.css

0001 html {
0002     margin: 0;
0003     padding: 0;
0004     width: 100%;
0005     height: 100%;
0006 }
0007
0008 body {
0009     margin: 0px;
0010     padding: 0px;
0011     background-image: url('background.png');
0012     background-position: center center;
0013     background-size: cover;
0014     background-repeat: no-repeat;
0015     color: #111111;
0016     height: 100%;
0017     width: 100%;
0018 }
0019
0020 img {
0021     margin: 0px;
0022     padding: 0px;
0023 }
0024
0025 a {
0026     color: #1A2C36;
0027     text-decoration: none;
0028     font-weight: bold;
0029 }
0030
0031 a:hover {
0032     color: #003B5A;
0033     text-decoration: none;
0034     text-shadow: #FFFFFF 0px 0px 6px;
0035 }
0036
0037 .center {
0038    text-align: center
0039 }
0040
0041 #subtext {
0042    font-style: italic;
0043 }
0044
0045 #nextlink {
0046    margin: 0px;
0047    padding-top: 1em;
0048     text-align: center;
0049 }
0050
0051 #header {
0052     background: rgba(255, 255, 255, 0.6);
0053     width: 100%;
0054     height: 140px;
0055     text-align: center;
0056     padding-top: 10px;
0057     padding-bottom: 10px;
0058 }
0059
0060 #header img {
0061     display: inline-block;
0062     position: relative;
0063     top: 50%;
0064     -webkit-transform: translateY(-50%);
0065 }
0066
0067 #title {
0068     display: inline-block;
0069     position: relative;
0070     top: 50%;
0071     -webkit-transform: translateY(-50%);
0072     color: #151515;
0073     text-shadow: #FFFFFF 0px 0px 5px;
0074     font-weight: bold;
0075 }
0076
0077
0078 #title h1 {
0079     margin: 0;
0080     padding: 0;
0081     text-align: left;
0082     font-size: xx-large;
0083     color: #151515;
0084 }
0085
0086
0087 #box {
0088     width: 100%;
0089 }
0090
0091 #boxInner {
0092     margin: 40px;
0093     height: 100%;
0094     background-color: rgba(255, 255, 255, 0.6);
0095     border-radius: 5px;
0096     box-shadow: 0 0 10px #aaa;
0097     padding: 20px;
0098 }