|
|
Line 1: |
Line 1: |
| <html> | | <html> |
- | <style> | + | <!DOCTYPE html> |
- | /* BioBrick registry stylesheet */ | + | <head> |
| + | <style type="text/css"> |
| | | |
- | /* $Id: biobricks.css,v 1.7 2004/01/03 18:34:59 austin Exp $ */ | + | /*-- hides default wiki settings --*/ |
| + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} |
| | | |
- | span.sequence
| + | body { |
- | { | + | background-color:lightgrey; |
- | font-size: small;
| + | font-family: calibri, sans-serif; |
- | font-family: Courier;
| + | font-size: 0.8em; |
- | color: #999999;
| + | |
| } | | } |
| | | |
- | span.highlight-sequence
| + | ul { |
- | { | + | list-style-type: none; |
- | font-family: Courier; | + | padding: 0px; |
- | font-size: small; | + | margin: 0px; |
- | color: #000000; | + | |
| } | | } |
| | | |
- | table.title
| + | ul li { |
- | { | + | background-image: none; |
- | width: 100%; | + | background-repeat: no-repeat; |
| + | background-position: 0px 5px; |
| + | padding-left: .875em; |
| } | | } |
| | | |
- | table.title td.title
| + | a { |
- | { | + | text-decoration:none; |
- | text-align: center;
| + | color:white; |
| } | | } |
| | | |
- | table.title td.login
| + | #menu { |
- | { | + | color:white; |
- | text-align: right;
| + | background-color:darkgreen; |
- | width: 200px;
| + | float:left; |
| + | padding:0.25em; |
| + | border:black; |
| + | width:100%; |
| + | height:1.6em; |
| + | overflow: hidden; |
| } | | } |
| | | |
- | table.title td.icon
| + | #title { |
- | { | + | color:black; |
- | text-align: left;
| + | background-color:white; |
- | width: 200px;
| + | width:100%; |
| + | padding:0.4em; |
| } | | } |
| | | |
- | table.main tr
| + | #sociobrick { |
- | { | + | background-color:white; |
- | vertical-align: top;
| + | width=100%; |
| } | | } |
| | | |
- | table.main td.body
| + | .menu_item { |
- | { | + | float: left; |
- | width: 100%; | + | height: 90px; |
| + | padding: 0.1em 1em; |
| } | | } |
| | | |
- | .menu | + | .text_line { |
- | { | + | clear: both; |
- | background-color: #aaaaff; | + | margin-bottom: 2px; |
- | border: 3px outset #cccccc; | + | |
- | width: 8em;
| + | |
| } | | } |
| | | |
- | table.bodytable
| + | </style> |
- | {
| + | </head> |
- | background-color: #ccccff;
| + | |
- | border: thin solid;
| + | |
| | | |
- | /* Centers the table on the page (sets the two margins to be equal) */
| + | <body> |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | }
| + | |
| | | |
- | table.bodytable th
| + | <div id="title"> |
- | {
| + | <h1> |
- | background-color: #aaaaff;
| + | Registry of Standard Human Practice Parts |
- | }
| + | </h1> |
| + | </div> |
| | | |
- | table.bodytable td.column0
| + | <div style="height:0.4em"> |
- | {
| + | </div> |
- | background-color: #bbbbff;
| + | |
- | }
| + | |
| | | |
- | table.addborder
| + | <div id="menu"> |
- | {
| + | <ul class="menu_item"><a href="">main page</a></ul> |
- | border-collapse: collapse;
| + | <ul class="menu_item"><a href="">design</a></ul> |
- | }
| + | <ul class="menu_item"><a href="">experience</a></ul> |
- | | + | <ul class="menu_item"><a href="">information</a></ul> |
- | table.addborder td
| + | <ul class="menu_item"><a href="">part tools</a></ul> |
- | {
| + | <ul class="menu_item"><a href="">edit</a></ul> |
- | border: thin solid;
| + | </div> |
- | }
| + | |
- | | + | |
- | .status_planning { color: #0088ff; }
| + | |
- | .status_building { color: #777700; }
| + | |
- | .status_available { color: #009900; }
| + | |
- | .status_unavailable { color: #ff0000; }
| + | |
- | .nonexistent_part { color: #ff0000; }
| + | |
- | | + | |
- | div.message | + | |
- | {
| + | |
- | color: #ff0000;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | | + | |
- | div.error
| + | |
- | {
| + | |
- | color: #ff0000;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | | + | |
- | .user
| + | |
- | {
| + | |
- | color: #0000ff;
| + | |
- | }
| + | |
- | | + | |
- | .bb_link
| + | |
- | {
| + | |
- | text-decoration: none;
| + | |
- | padding-left: 6px;
| + | |
- | }
| + | |
- | | + | |
- | .blank_col
| + | |
- | {
| + | |
- | background-color: white ! important;
| + | |
- | vertical-align: middle ! important;
| + | |
- | width: 50px;
| + | |
- | border: none ! important;
| + | |
- | }
| + | |
- | | + | |
- | .part_class_link
| + | |
- | {
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | .cell_planning { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #0088ff ! important; }
| + | |
- | .cell_building { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #777700 ! important; }
| + | |
- | .cell_available { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #009900 ! important; }
| + | |
- | .cell_unavailable { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #ff0000 ! important; }
| + | |
- | | + | |
- | .cell_white { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #ffffff ! important; }
| + | |
- | .cell_red { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #ff4040 ! important; }
| + | |
- | .cell_yellow { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #ffff00 ! important; }
| + | |
- | .cell_green { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #00ff00 ! important; }
| + | |
- | .cell_orange { padding-left: 2px ! important; padding-right: 2px ! important; background-color: #ff8800 ! important; }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .part_class_link_x
| + | |
- | {
| + | |
- | background-color: #ccccff;
| + | |
- | font-family: Arial, Helvitica, sans-serif;
| + | |
- | font-size: 12px;
| + | |
- | line-height: 14px;
| + | |
- | padding-left: 10px;
| + | |
- | padding-right: 10px;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | .tight { padding: 0px !important; }
| + | |
- | | + | |
- | .part_jumper
| + | |
- | {
| + | |
- | background-color: #ccccff;
| + | |
- | border: solid;
| + | |
- | border-width: 1px;
| + | |
- | border-color: black;
| + | |
- | font-size: 11px;
| + | |
- | line-height: 12px;
| + | |
- | padding-left: 0px;
| + | |
- | padding-bottom: 0px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .noul_link
| + | |
- | {
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .student_table
| + | |
- | {
| + | |
- | background-color: #ccccff;
| + | |
- | font-size: 11px;
| + | |
- | line-height: 12px;
| + | |
- | padding-top: 0px;
| + | |
- | padding-bottom: 1px;
| + | |
- | border: solid;
| + | |
- | border-width: 1px;
| + | |
- | border-color: black;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | .student_table td
| + | |
- | {
| + | |
- | font-size: 11px;
| + | |
- | font-weight: bold;
| + | |
- | line-height: 12px;
| + | |
- | padding-top: 0px;
| + | |
- | padding-bottom: 0px;
| + | |
- | }
| + | |
- | | + | |
- | .question
| + | |
- | {
| + | |
- | color: #444477;
| + | |
- | font-weight: bold;
| + | |
- | font-size: 13px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .hide {display: none;}
| + | |
- | .expose {display: inline;}
| + | |
- | | + | |
- | .smalltext
| + | |
- | { font-size: 10px ! important;
| + | |
- | padding: 0px ! important;
| + | |
- | margin: 0px ! important;
| + | |
- | border: 1px solid gray !important;
| + | |
- | }
| + | |
- | | + | |
- | table.order_row
| + | |
- | { border: solid 1px;
| + | |
- | width: 100%;
| + | |
- | border-collapse: collapse !important;
| + | |
- | }
| + | |
- | | + | |
- | table.order_row a.noul_link
| + | |
- | { text-decoration: none;
| + | |
- | font-size: 14px;
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | tr.bar_row
| + | |
- | { line-height: 3px ! important;
| + | |
- | font-size: 1px;
| + | |
- | padding: 0px;
| + | |
- | margin: 4px;
| + | |
- | }
| + | |
- | | + | |
- | tr.bar_row_name
| + | |
- | { line-height: 11px;
| + | |
- | font-family: ariel;
| + | |
- | font-size: 10px;
| + | |
- | text-align: center;
| + | |
- | padding-left: 2px;
| + | |
- | padding-right: 2px;
| + | |
- | }
| + | |
- | td.bar_row_name
| + | |
- | { line-height: 11px;
| + | |
- | font-family: ariel;
| + | |
- | font-size: 10px;
| + | |
- | text-align: center;
| + | |
- | vertical-align: top;
| + | |
- | padding-left: 2px;
| + | |
- | padding-right: 2px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .hide {display: none;}
| + | |
- | .expose {display: inline;}
| + | |
- | </style> | + | |
| | | |
| + | <div id="sociobrick"> |
| + | <p class="text_line">Some info about said socioBrick</p> |
| + | </div> |
| | | |
| + | </body> |
| </html> | | </html> |