Team:Potsdam Bioware/PU Test
From 2011.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html><head> | <html><head> | ||
- | + | <!DOCTYPE html> | |
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<title>iGEM Potsdam 2011</title> | <title>iGEM Potsdam 2011</title> | ||
Line 38: | Line 38: | ||
z-index: 2; | z-index: 2; | ||
background-color: #CCFFFF; | background-color: #CCFFFF; | ||
+ | /* Für WebKit (Safari, Chrome, etc.) */ background: -webkit-gradient(linear, left top, left bottom, from(#c8482c), to(#fff)); | ||
+ | background:-webkit-linear-gradient(top, ##c8482c, #fff); /* Safari, Chrome - neue Syntax! */ | ||
+ | /* Für Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(top, #c8482c, #fff); | ||
+ | /* aktueller W3C working draft */ background: linear-gradient(top, #c8482c, #fff); | ||
+ | |||
+ | /* Für Internet Explorer 5.5 - 7 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c8482c, endColorstr=#ffffff); | ||
+ | zoom: 1; | ||
+ | |||
+ | /* Für Internet Explorer 8 */ | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c8482c, endColorstr=#ffffff)"; | ||
+ | } | ||
+ | |||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 71: | Line 84: | ||
z-index: 2; | z-index: 2; | ||
background-color: yellow; | background-color: yellow; | ||
+ | border-bottom: emboss #000 5px; | ||
overflow: auto; | overflow: auto; | ||
} | } | ||
- | + | #first-letter{ | |
+ | display:block; | ||
+ | margin:1px 0 0 1px; | ||
+ | float: top; | ||
+ | float:left; | ||
+ | color:#000; | ||
+ | font-size:30px; | ||
+ | font-family:Georgia; | ||
+ | } | ||
#menue_content { | #menue_content { | ||
padding-top: 20px; | padding-top: 20px; | ||
Line 86: | Line 108: | ||
padding-left: 20px; | padding-left: 20px; | ||
max-width: 560px; | max-width: 560px; | ||
- | background-color: | + | background-color: lightblue; |
background:-moz-radial-gradient(center, #fff, #adf); /* Firefox */ | background:-moz-radial-gradient(center, #fff, #adf); /* Firefox */ | ||
background:-webkit-gradient(radial, center center, 80, center center, 400, from(#fff), to(#adf)); /* Safari, Chrome */ | background:-webkit-gradient(radial, center center, 80, center center, 400, from(#fff), to(#adf)); /* Safari, Chrome */ | ||
Line 92: | Line 114: | ||
background:-o-radial-gradient(center, #fff, #adf); /* Opera, funktioniert noch nicht, aber sicherlich bald */ | background:-o-radial-gradient(center, #fff, #adf); /* Opera, funktioniert noch nicht, aber sicherlich bald */ | ||
background:-ms-radial-gradient(center, #fff, #adf); /* IE */ | background:-ms-radial-gradient(center, #fff, #adf); /* IE */ | ||
- | background:radial-gradient(center, #fff, #adf); /* W3C Standard */ | + | background:radial-gradient(center, #fff, #adf); /* W3C Standard */ |
+ | } | ||
- | } | + | #h2_test { |
+ | font-size: 30px; | ||
+ | font-family: sans-serif; | ||
+ | border-bottom-style: ridge; | ||
+ | } | ||
+ | |||
+ | HR { | ||
+ | border: none 0; | ||
+ | border-top: 2px solid #ccc; | ||
+ | border-bottom: 2px solid #efefef; | ||
+ | width: 70%; | ||
+ | height: 1px; | ||
+ | margin: 5px auto; | ||
+ | text-align: left; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 127: | Line 164: | ||
<!-- ************************** --> | <!-- ************************** --> | ||
<div id="text_column"> | <div id="text_column"> | ||
- | <div id="text_content">< | + | <div id="text_content"> |
- | <p> | + | <h2 id="h2_test">TEXT</h2> |
+ | <hr> | ||
+ | <p id="first-letter">L</p>orem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget nunc eu lacus sagittis | ||
ullamcorper elementum commodo arcu. Aliquam vitae accumsan sem. Morbi ut nisi ligula. Suspendisse potenti. | ullamcorper elementum commodo arcu. Aliquam vitae accumsan sem. Morbi ut nisi ligula. Suspendisse potenti. | ||
Phasellus semper fermentum erat, eget tristique tellus egestas sed. In aliquet adipiscing leo ac ultricies. | Phasellus semper fermentum erat, eget tristique tellus egestas sed. In aliquet adipiscing leo ac ultricies. |
Latest revision as of 17:07, 19 September 2011
headstripe
TEXT
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget nunc eu lacus sagittis ullamcorper elementum commodo arcu. Aliquam vitae accumsan sem. Morbi ut nisi ligula. Suspendisse potenti. Phasellus semper fermentum erat, eget tristique tellus egestas sed. In aliquet adipiscing leo ac ultricies. Integer quis lectus magna. Duis et eros.+++++++++++++++++++++++++++++++++++++++++