|
|
| Line 3: |
Line 3: |
| | <head> | | <head> |
| | <style type="text/css"> | | <style type="text/css"> |
| - |
| |
| - | .sidebar_box_woframe {
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - |
| |
| - | .sidebar_box {
| |
| - | width: 260px;
| |
| - | padding: 0;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .sidebar_box_top {
| |
| - | width: 260px;
| |
| - | height: 20px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .sidebar_box_bottom {
| |
| - | width: 260px;
| |
| - | height: 20px;
| |
| - | margin-bottom: 30px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .sidebar_box_content {
| |
| - | padding: 0 20px;
| |
| - | }
| |
| - |
| |
| - | .sidebar_box_content p {
| |
| - | margin-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | .image_wrapper {
| |
| - | position: relative;
| |
| - | display: block;
| |
| - | width: 218px;
| |
| - | height: 128px;
| |
| - | padding: 9px;
| |
| - | }
| |
| - | .image_wrapper span {
| |
| - | position: absolute;
| |
| - | left: 0;
| |
| - | top: 0;
| |
| - | width: 236px;
| |
| - | height: 144px;
| |
| - | background: url(https://static.igem.org/mediawiki/2012/3/3d/Fruit_site_templatemo_image_frame.png) no-repeat;
| |
| - | }
| |
| - | .image_fl { float: left; margin: 3px 20px 0 0; }
| |
| - | .image_fr { float: right; margin: 3px 0 0 20px; }
| |
| - |
| |
| - | .title {
| |
| - | font-family: "Comic Sans MS", cursive;
| |
| - | font-size: xx-large;
| |
| - | color: #698B69;
| |
| - | }
| |
| - | .title1 {
| |
| - | font-family: "Comic Sans MS", cursive;
| |
| - | font-size: x-large;
| |
| - | color: #000;
| |
| - | }
| |
| - | .date {
| |
| - | font-family: serif, cursive, fantasy;
| |
| - | color:#5f3c23;
| |
| - | }
| |
| - |
| |
| - | #talkbubble {
| |
| - | width: 544px;
| |
| - | height:165px;
| |
| - | background:#ffffff;
| |
| - | // background:#EFEFEF;
| |
| - | position: relative;
| |
| - | -moz-border-radius: 0px;
| |
| - | -webkit-border-radius: 0px;
| |
| - | border-radius: 10px;
| |
| - | font-family: Tahoma, Geneva, sans-serif;
| |
| - | font-size: 14px;
| |
| - | color:#333;
| |
| - | }
| |
| - | #talkbubble_a {
| |
| - | width: 544px;
| |
| - | height:200px;
| |
| - | // background:#EFEFEF;
| |
| - | background:#ffffff;
| |
| - | position: relative;
| |
| - | -moz-border-radius: 0px;
| |
| - | -webkit-border-radius: 0px;
| |
| - | border-radius: 10px;
| |
| - | font-family: Tahoma, Geneva, sans-serif;
| |
| - | font-size: 13px;
| |
| - | color:#333;
| |
| - | }
| |
| - | #talkbubble_b {
| |
| - | width: 544px;
| |
| - | height:250px;
| |
| - | // background:#EFEFEF;
| |
| - | background:#ffffff;
| |
| - | position: relative;
| |
| - | -moz-border-radius: 0px;
| |
| - | -webkit-border-radius: 0px;
| |
| - | border-radius: 10px;
| |
| - | font-family: Tahoma, Geneva, sans-serif;
| |
| - | font-size: 13px;
| |
| - | color:#333;
| |
| - | }
| |
| - |
| |
| - | #talkbubble1 {
| |
| - | width: 275px;
| |
| - | height:500px;
| |
| - | // background:#FAF0E6;
| |
| - | // background:#feeeed;
| |
| - | background:#EFEFEF;
| |
| - | position: relative;
| |
| - | -moz-border-radius: 10px;
| |
| - | -webkit-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - | text-align: left;
| |
| - | border-top-style: solid;
| |
| - | border-right-style: solid;
| |
| - | border-bottom-style: solid;
| |
| - | border-left-style: solid;
| |
| - | border-width: thin;
| |
| - | border-top-color:#DCDCDC;
| |
| - | border-right-color: #DCDCDC;
| |
| - | border-bottom-color:#DCDCDC;
| |
| - | border-left-color:#DCDCDC;
| |
| - | font-size: 13px;
| |
| - | color:#333;
| |
| - | font-family: Tahoma, Geneva;
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | | | |
"
