|
|
Line 1: |
Line 1: |
| {{:Team:Oxford/Templates/Navi}} | | {{:Team:Oxford/Templates/Navi}} |
| <html> | | <html> |
− |
| |
− | <style>
| |
− | #parent-banner {
| |
− | margin: 0px; padding: 15px 0px 30px;
| |
− | }
| |
− |
| |
− | #parent-banner img {
| |
− | width: 100%;
| |
− | margin: 0px;
| |
− | }
| |
− |
| |
− | #banner-discription {
| |
− | margin-left: 25px;
| |
− | margin-right: 25px;
| |
− | border-radius: 10px;
| |
− | background-color: #005;
| |
− | padding-bottom: 10px;
| |
− | }
| |
− |
| |
− | #banner-discription h2 {
| |
− | color: #fff;
| |
− | border-color: #fff;
| |
− | }
| |
− |
| |
− | #banner-discription p {
| |
− | color: #fff;
| |
− | }
| |
− | #child-discription div {
| |
− | padding: 10px;
| |
− | }
| |
− |
| |
− | #child-discription div div {
| |
− | border-radius: 10px;
| |
− | border: 2px solid #ddd;
| |
− | background-color: #ccc;
| |
− | }
| |
− |
| |
− | #child-discription h2 {
| |
− | margin-top: -10px;
| |
− | color: #fff;
| |
− | text-align: center;
| |
− | border-color: #fff;
| |
− | }
| |
− |
| |
− | #child-discription p {
| |
− | color: #fff;
| |
− | }
| |
− |
| |
− | @media (min-width: 900px) {
| |
− | #parent-banner {
| |
− | position: relative;
| |
− | }
| |
− | #banner-discription {
| |
− | margin: 50px 25px 50px;
| |
− | padding: 20px;
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | opacity: 0.7;
| |
− | }
| |
− |
| |
− | #banner-discription h2 {
| |
− | color: #fff;
| |
− | opacity: 5.0;
| |
− | font-size: 24px;
| |
− | margin: 0px 0px 10px;
| |
− | padding: 0px;
| |
− | }
| |
− |
| |
− | #banner-discription p {
| |
− | color: #fff;
| |
− | opacity: 5.0;
| |
− | }
| |
− | }
| |
− | </style>
| |
| | | |
| <body> | | <body> |