Team:CU-Boulder/PageBasic

Revision as of 23:08, 30 May 2014 (view source)

Jimmynovik (Talk | contribs)

← Older edit

Latest revision as of 04:01, 9 June 2014 (view source)

Jimmynovik (Talk | contribs)

(9 intermediate revisions not shown)

Line 13:

h4 {font-size:100%;}

-

.dropdown-menu .sub-menu { left: 100%; position: absolute; ~~top: 0~~; visibility: hidden; margin-top: -1px; }

+

.dropdown-menu .sub-menu { left: 100%; position: absolute; ; visibility: hidden; margin-top: -1px; }

.dropdown-menu li:hover .sub-menu { visibility: visible; display: block; }

Line 76:

.btn-toolbar {margin-top:10px; text-align:center;}

+

/*BANNER*/

+

.banner {position: relative; top: 0; width: 100%;}

/*BODY*/

Line 83:

Line 87:

.visualClear { clear: both; }

-

+

/* The top section contains the banner, the search box, and the left and right menus */

+

#top-section {

+

position: relative; height: 98px;

+

width: 975px; # margin-left: 10px;

+

margin: 0 auto 0 auto; border-left: 1px solid #444444;

+

border-right: 1px solid #444444;

+

border-bottom: 1px solid #444444; }

+

#p-logo { position: absolute; z-index: 1; height: 107px; width: 975px; }

+

#p-logo h5 { display: none; }

+

#p-logo a, #p-logo a:hover { text-decoration: none; }

+

#search-controls {

+

position: absolute;

+

top: 20px;

+

right: 15px;

+

width: 150px;

+

height: 40px;

+

background-color:

+

transparent;

+

text-align: center;

+

z-index: 3; }

+

input.searchButton { margin: 1px 5px 0 10px; font-size: 100%; background: none; border: none; color: #AAAAFF; font-weight: bold; }

+

input.searchButton:hover { color: white; }

+

#searchInput { width: 10.9em; margin: 0; font-size: 95%; }

+

#searchGoButton { margin-right: 0px; margin-left: 35px; }

+

#menubar { position: absolute; white-space: nowrap; top: -6px; width: 400px; z-index: 5; font-family: sans-serif; font-size: 95%; line-height: 1em; }

+

.left-menu, .left-menu a { left: 0px; text-align: left; color:transparent; text-transform: lowercase; }

+

.left-menu:hover { color: white; background-color: #555555 }

+

.right-menu, .right-menu a { right: 0px; text-align: right; color: white; }

+

#menubar ul { color: #555555; list-style: none; }

+

#menubar li { display: inline; position: relative; cursor: pointer; padding-left: 0px; padding-right: 0px; }

+

.left-menu li a { padding: 0px 10px 0px 0px; }

+

.left-menu:hover a { color: white; }

+

.right-menu li a { padding: 0px 15px 0px 0px; color: white; background-color: #606060; }

+

.right-menu li a:hover { color: #aaaaff; text-decoration: underline; }

+

/* footer */

+

#footer-box { margin-left: 10px; margin-top:8em; width: 965px; padding: 5px; background-color: white; margin: 0 auto; }

+

#footer { color: #000000; text-align: center; font-size: 90%;; }

+

#footer li { display: inline; margin: 0 1.3em; }

/* Sponsors box */

-

#sponsor-box { height: 49px; width: 975px; # margin-left: 10px; margin: 0 auto; border-left: 1px solid #444444; border-right: 1px solid #444444; border-bottom: 1px solid #444444; background-color: white; font-family: 'verdana' 'arial' sans-serif; font-size: 11pt; line-height: 1.2em; z-index: 5; } #f-poweredbyico { float: right; } #f-copyrightico { float: left; } /* Pulldown menu boxes */ .hidden { visibility: hidden; } .visible { visibility: visible; } .menubox { position: absolute; top: 20px; left: 0px; border: 1px solid #A4A4A4; background-color: #E0E0E0; width: 200px; height: 200px; z-index: 20; } .bridge1 { position: absolute; top: 18px; left: 1px; width: 59px; height: 4px; background-color: #d8d8d8; z-index: 25; } .shadow1 { position: absolute; top: 23px; left: 3px; width: 202px; height: 202px; background-color: #202020; border-right: 1px solid #454545; border-bottom: 1px solid #454545; z-index: 18; opacity: 0.6 } .shadow2 { position: absolute; top: 25px; left: 5px; width: 202px; height: 202px; border-right: 1px solid #606060; border-bottom: 1px solid #606060; background-color: #303030; opacity: 0.4; z-index: 16; } .shadow3 { position: absolute; top: 27px; left: 7px; width: 202px; height: 202px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; background-color: #000000; opacity: 0.2; z-index: 13; } /* IGEM RIGHT SIDEBAR STYLING */ #right-sidebar { position: absolute; right: 0px; width: 190px; border-left: 3px solid gray; font-size: 95%; line-height: 90%; } .right-box { width: 180px; padding: 4px 5px 5px 5px; margin-top: 10px; border: 1px solid #444444; border-left: none; } .right-box:first-child { margin-top: 0px; } .right-heading { font-size: 125%; font-weight: bold; padding: 0.5em 0 0; line-height:100%; } .right-box ul { line-height: 90%; } .right-box li { color: #666666; /* The items are grayed until they have links */ }

+

#sponsor-box { height: 49px; width: 975px; # margin-left: 10px; margin: 0 auto; border-left: 1px solid #444444; border-right: 1px solid #444444; border-bottom: 1px solid #444444; background-color: white; font-family: 'verdana' 'arial' sans-serif; font-size: 11pt; line-height: 1.2em; z-index: 5; } #f-poweredbyico { float: right; } #f-copyrightico { float: left; }

+

/* Pulldown menu boxes */ .hidden { visibility: hidden; } .visible { visibility: visible; } .menubox { position: absolute; top: 20px; left: 0px; border: 1px solid #A4A4A4; background-color: #E0E0E0; width: 200px; height: 200px; z-index: 20; } .bridge1 { position: absolute; top: 18px; left: 1px; width: 59px; height: 4px; background-color: #d8d8d8; z-index: 25; } .shadow1 { position: absolute; top: 23px; left: 3px; width: 202px; height: 202px; background-color: #202020; border-right: 1px solid #454545; border-bottom: 1px solid #454545; z-index: 18; opacity: 0.6 } .shadow2 { position: absolute; top: 25px; left: 5px; width: 202px; height: 202px; border-right: 1px solid #606060; border-bottom: 1px solid #606060; background-color: #303030; opacity: 0.4; z-index: 16; } .shadow3 { position: absolute; top: 27px; left: 7px; width: 202px; height: 202px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; background-color: #000000; opacity: 0.2; z-index: 13; }

+

/* IGEM RIGHT SIDEBAR STYLING */ #right-sidebar { position: absolute; right: 0px; width: 190px; border-left: 3px solid gray; font-size: 95%; line-height: 90%; } .right-box { width: 180px; padding: 4px 5px 5px 5px; margin-top: 10px; border: 1px solid #444444; border-left: none; } .right-box:first-child { margin-top: 0px; } .right-heading { font-size: 125%; font-weight: bold; padding: 0.5em 0 0; line-height:100%; } .right-box ul { line-height: 90%; } .right-box li { color: #666666; /* The items are grayed until they have links */ }

/***************************************************************************************************** *

Line 93:

Line 161:

-

#content { position: relative; width: 100%; # margin-left: 10px; margin: 0 auto; padding: ~~5px 5px 5px 5px~~; color: black; border-left: ~~1px~~ solid #444444; border-right: ~~1px~~ solid #444444; line-height: 1.5em; z-index: 2; } #column-one { padding-top: ~~107px~~; position: absolute; right: ~~4px~~; padding: 100px 20px 0 0; } /* the left column width is specified in class .portlet */ #siteSub { display: none; } #contentSub { font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto; } span.subpages { display: block; } /* user notification thing */ .usermessage { background-color: #ffce7b; border: 1px solid #ffa500; color: black; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; } #siteNotice { text-align: center; font-size: 95%; padding: 0 .9em; } #siteNotice p { margin: 0; padding: 0; } .error { color: red; font-size: larger; } #catlinks { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; margin-top: 1em; clear: both; } /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription { /* The summary text describing the document */ font-weight: bold; display: block; margin: 1em 0; line-height: 1.5em; } .documentByLine { text-align: right; font-size: 90%; clear: both; font-weight: normal; color: #76797c; } /* emulate center */ .center { width: 100%; text-align: center; } *.center * { margin-left: auto; margin-right: auto; } /* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100%; } /* images */ div.floatright, table.floatright { clear: right; float: right; position: relative; margin: 0 0 .5em .5em; border: 0; /* border: .5em solid white; border-width: .5em 0 .8em 1.4em; */ } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; position: relative; margin: 0 .5em .5em 0; border: 0; /* margin: .3em .5em .5em 0; border: .5em solid white; border-width: .5em 1.4em .8em 0; */ } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: .5em; border-style: solid; border-color: white; width: auto; } div.thumb div { border: 1px solid #ccc; padding: 3px !important; background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border: 1px solid #ccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: .3em 0 .1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; } div.tleft { float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; } .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; } /* ** classes for special content elements like town boxes ** intended to be referenced directly from the wiki src */ /* ** User styles */ /* table standards */ table.rimage { float: right; position: relative; margin-left: 1em; margin-bottom: 1em; text-align: center; } .toccolours { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; } div.townBox { position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: .3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 .3em; font-size: 96%; } div.townBox dl dt { background: none; margin: .4em 0 0; } div.townBox dl dd { margin: .1em 0 0 1.1em; background-color: #f3f3f3; } /* ** edit views etc */ .special li { line-height: 1.4em; margin: 0; padding: 0; } /* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: gray; } #pagehistory span.user { margin-left: 1.4em; margin-right: .4em; } #pagehistory span.minor { font-weight: bold; } #pagehistory li { border: 1px solid white; } #pagehistory li.selected { background-color: #f9f9f9; border: 1px dashed #aaa; } /* ** Diff rendering */ table.diff, td.diff-otitle, td.diff-ntitle { background-color: white; } td.diff-addedline { background: #cfc; font-size: smaller; } td.diff-deletedline { background: #ffa; font-size: smaller; } td.diff-context { background: #eee; font-size: smaller; } span.diffchange { color: red; font-weight: bold; } /* ** keep the whitespace in front of the ^=, hides rule from konqueror ** this is css3, the validator doesn't like it when validating as css2 */ #bodyContent a[href ^="http://"], #bodyContent a[href ^="gopher://"] { /* background: url(external.png) center right no-repeat; rdr */ /* padding-right: 13px; rdr */ } #bodyContent a[href ^="https://"], .link-https { background: url(lock_icon.gif) center right no-repeat; padding-right: 16px; } #bodyContent a[href ^="mailto:"], .link-mailto { background: url(mail_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="news://"] { background: url(news_icon.png) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="ftp://"], .link-ftp { background: url(file_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="irc://"], .link-irc { background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px; } /* disable interwiki styling */ #bodyContent a.extiw, #bodyContent a.extiw:active { color: #36b; background: none; padding: 0; } /* this can be used in the content area to switch off special external link styling */ #bodyContent .plainlinks a { background: none !important; padding: 0; } /* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { padding-left: 20px; text-transform: none; } /* hide from incapable browsers */ head:first-child+body #footer li { white-space: nowrap; } /* js pref toc */ #preftoc { float: left; margin: 1em; width: 13em; } #preftoc li { border: 1px solid white; } #preftoc li.selected { background-color: #f9f9f9; border: 1px dashed #aaa; } #preftoc a, #preftoc a:active { display: block; color: #0014a6; } #prefcontrol { clear: both; float: left; margin-top: 1em; } div.prefsectiontip { font-size: 95%; margin-top: 1em; } fieldset.operaprefsection { margin-left: 15em; } /* ** IE/Mac fixes, hope to find a validating way to move this ** to a separate stylesheet. This would work but doesn't validate: ** @import("IEMacFixes.css"); */ /* tabs: border on the a, not the div */ * > html #p-cactions li { border: none; } * > html #p-cactions li a { border: 1px solid #aaa; border-bottom: none; } /* * > html #p-cactions li.selected a { border-color: #00bd23; } */ /* footer icons need a fixed width */ * > html #f-poweredbyico, /* * > html #f-copyrightico { width: 88px; } */ * > html #bodyContent, * > html #bodyContent pre { overflow-x: auto; width: 100%; padding-bottom: 25px; } /* more IE fixes */ /* float/negative margin brokenness */ * html #footer {margin-top: 0;} * html #column-content { display: inline; margin-bottom: 0; } * html div.editsection { font-size: smaller; } #pagehistory li.selected { position: relative; } /* Mac IE 5.0 fix; floated content turns invisible */ * > html #column-content { float: none; } * > html #column-one { position: absolute; left: 0; top: 0; } * > html #footer { margin-left: 13.2em; } .redirectText { font-size: 150%; margin: 5px; } .printfooter { display: none; } .not-patrolled { background-color: #ffa; } div.patrollink { font-size: 75%; text-align: right; } span.newpage, span.minor, span.searchmatch { font-weight: bold; } span.unpatrolled { font-weight: bold; color: red; } span.searchmatch { color: red; } .sharedUploadNotice { font-style: italic; } span.updatedmarker { color: black; background-color: #0f0; } span.newpageletter { font-weight: bold; color: black; background-color: yellow; } span.minoreditletter { color: black; background-color: #c5ffe6; } table.gallery { border: 1px solid #ccc; margin: 2px; padding: 2px; background-color: white; } table.gallery tr { vertical-align: top; } table.gallery td { vertical-align: top; background-color: #f9f9f9; border: solid 2px white; } div.gallerybox { margin: 2px; width: 150px; } div.gallerybox div.thumb { text-align: center; border: 1px solid #ccc; margin: 2px; } div.gallerytext { font-size: 94%; padding: 2px 4px; } span.comment { font-style: italic; } span.changedby { font-size: 95%; } .previewnote { text-align: center; color: #cc0000; } .editExternally { border: 1px solid gray; background-color: #ffffff; padding: 3px; margin-top: 0.5em; float: left; font-size: small; text-align: center; } .editExternallyHelp { font-style: italic; color: gray; } li span.deleted { text-decoration: line-through; color: #888; font-style: italic; } .toggle { margin-left: 2em; text-indent: -2em; } /* Classes for EXIF data display */ table.metadata { font-size: 0.8em; margin-left: 0.5em; margin-bottom: 0.5em; } table.metadata caption { font-weight: bold; } table.metadata th { font-weight: normal; } table.metadata td { padding: 0.1em; } table.metadata { border: none; border-collapse: collapse; } table.metadata td, table.metadata th { text-align: center; border: 1px solid #aaaaaa; padding-left: 0.1em; padding-right: 0.1em; } table.metadata th { background-color: #f9f9f9; } table.metadata td { background-color: #fcfcfc; } /* filetoc */ ul#filetoc { text-align: center; border: 1px solid #aaaaaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; } #filetoc li { display: inline; list-style-type: none; padding-right: 2em; } /* @bug 1714 */ input#wpSave, input#wpDiff { margin-right: 0.33em; }

+

#content { position: relative; width: 100%; # margin-left: 10px; margin: 0 auto; padding: 0px 0px 0px 0px; color: black; border-left: 0px solid #444444; border-right: 0px solid #444444; line-height: 1.5em; z-index: 2; }

+

#column-one { padding-top: 0px; position: absolute; right: 0px; padding: 100px 20px 0 0; } /*Changes were made for borders and padding. You may want to readjust it*/

+

/* the left column width is specified in class .portlet */ #siteSub { display: none; } #contentSub { font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto; } span.subpages { display: block; }

+

/* user notification thing */ .usermessage { background-color: #ffce7b; border: 1px solid #ffa500; color: black; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; } #siteNotice { text-align: center; font-size: 95%; padding: 0 .9em; } #siteNotice p { margin: 0; padding: 0; } .error { color: red; font-size: larger; } #catlinks { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; margin-top: 1em; clear: both; } /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription {

+

/* The summary text describing the document */ font-weight: bold; display: block; margin: 1em 0; line-height: 1.5em; } .documentByLine { text-align: right; font-size: 90%; clear: both; font-weight: normal; color: #76797c; } /* emulate center */ .center { width: 100%; text-align: center; } *.center * { margin-left: auto; margin-right: auto; } /* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100%; }

+

/* images */ div.floatright, table.floatright { clear: right; float: right; position: relative; margin: 0 0 .5em .5em; border: 0; /* border: .5em solid white; border-width: .5em 0 .8em 1.4em; */ } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; position: relative; margin: 0 .5em .5em 0; border: 0; /* margin: .3em .5em .5em 0; border: .5em solid white; border-width: .5em 1.4em .8em 0; */ } div.floatleft p { font-style: italic; }

+

/* thumbnails */ div.thumb { margin-bottom: .5em; border-style: solid; border-color: white; width: auto; } div.thumb div { border: 1px solid #ccc; padding: 3px !important; background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border: 1px solid #ccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: .3em 0 .1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; } div.tleft { float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; } .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; }

+

/* ** classes for special content elements like town boxes ** intended to be referenced directly from the wiki src */ /* ** User styles */

+

/* table standards */ table.rimage { float: right; position: relative; margin-left: 1em; margin-bottom: 1em; text-align: center; } .toccolours { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; } div.townBox { position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: .3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 .3em; font-size: 96%; } div.townBox dl dt { background: none; margin: .4em 0 0; } div.townBox dl dd { margin: .1em 0 0 1.1em; background-color: #f3f3f3; }

+

/* ** edit views etc */ .special li { line-height: 1.4em; margin: 0; padding: 0; }

+

/* Page history styling */

+

/* the auto-generated edit comments */

+

.autocomment { color: gray; } #pagehistory span.user { margin-left: 1.4em; margin-right: .4em; } #pagehistory span.minor { font-weight: bold; } #pagehistory li { border: 1px solid white; } #pagehistory li.selected { background-color: #f9f9f9; border: 1px dashed #aaa; }

+

/* ** Diff rendering */ table.diff, td.diff-otitle, td.diff-ntitle { background-color: white; } td.diff-addedline { background: #cfc; font-size: smaller; } td.diff-deletedline { background: #ffa; font-size: smaller; } td.diff-context { background: #eee; font-size: smaller; } span.diffchange { color: red; font-weight: bold; }

+

/* ** keep the whitespace in front of the ^=, hides rule from konqueror ** this is css3, the validator doesn't like it when validating as css2 */

+

#bodyContent a[href ^="http://"], #bodyContent a[href ^="gopher://"] { /* background: url(external.png) center right no-repeat; rdr */ /* padding-right: 13px; rdr */ } #bodyContent a[href ^="https://"], .link-https { background: url(lock_icon.gif) center right no-repeat; padding-right: 16px; } #bodyContent a[href ^="mailto:"], .link-mailto { background: url(mail_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="news://"] { background: url(news_icon.png) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="ftp://"], .link-ftp { background: url(file_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="irc://"], .link-irc { background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px; }

+

/* disable interwiki styling */ #bodyContent a.extiw, #bodyContent a.extiw:active { color: #36b; background: none; padding: 0; }

+

/* this can be used in the content area to switch off special external link styling */ #bodyContent .plainlinks a { background: none !important; padding: 0; }

+

/* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { padding-left: 20px; text-transform: none; } /* hide from incapable browsers */ head:first-child+body #footer li { white-space: nowrap; }

+

/* js pref toc */ #preftoc { float: left; margin: 1em; width: 13em; } #preftoc li { border: 1px solid white; } #preftoc li.selected { background-color: #f9f9f9; border: 1px dashed #aaa; } #preftoc a, #preftoc a:active { display: block; color: #0014a6; } #prefcontrol { clear: both; float: left; margin-top: 1em; } div.prefsectiontip { font-size: 95%; margin-top: 1em; } fieldset.operaprefsection { margin-left: 15em; } /* ** IE/Mac fixes, hope to find a validating way to move this ** to a separate stylesheet. This would work but doesn't validate: ** @import("IEMacFixes.css"); */

+

/* tabs: border on the a, not the div */ * > html #p-cactions li { border: none; } * > html #p-cactions li a { border: 1px solid #aaa; border-bottom: none; } /* * > html #p-cactions li.selected a { border-color: #00bd23; } */ /* footer icons need a fixed width */ * > html #f-poweredbyico, /* * > html #f-copyrightico { width: 88px; } */ * > html #bodyContent, * > html #bodyContent pre { overflow-x: auto; width: 100%; padding-bottom: 25px; } /* more IE fixes */

+

/* float/negative margin brokenness */ * html #footer {margin-top: 0;} * html #column-content { display: inline; margin-bottom: 0; } * html div.editsection { font-size: smaller; } #pagehistory li.selected { position: relative; } /* Mac IE 5.0 fix; floated content turns invisible */ * > html #column-content { float: none; } * > html #column-one { position: absolute; left: 0; top: 0; } * > html #footer { margin-left: 13.2em; } .redirectText { font-size: 150%; margin: 5px; } .printfooter { display: none; } .not-patrolled { background-color: #ffa; } div.patrollink { font-size: 75%; text-align: right; } span.newpage, span.minor, span.searchmatch { font-weight: bold; } span.unpatrolled { font-weight: bold; color: red; } span.searchmatch { color: red; } .sharedUploadNotice { font-style: italic; } span.updatedmarker { color: black; background-color: #0f0; } span.newpageletter { font-weight: bold; color: black; background-color: yellow; } span.minoreditletter { color: black; background-color: #c5ffe6; } table.gallery { border: 1px solid #ccc; margin: 2px; padding: 2px; background-color: white; } table.gallery tr { vertical-align: top; } table.gallery td { vertical-align: top; background-color: #f9f9f9; border: solid 2px white; } div.gallerybox { margin: 2px; width: 150px; } div.gallerybox div.thumb { text-align: center; border: 1px solid #ccc; margin: 2px; } div.gallerytext { font-size: 94%; padding: 2px 4px; } span.comment { font-style: italic; } span.changedby { font-size: 95%; } .previewnote { text-align: center; color: #cc0000; } .editExternally { border: 1px solid gray; background-color: #ffffff; padding: 3px; margin-top: 0.5em; float: left; font-size: small; text-align: center; } .editExternallyHelp { font-style: italic; color: gray; } li span.deleted { text-decoration: line-through; color: #888; font-style: italic; } .toggle { margin-left: 2em; text-indent: -2em; }

+

/* Classes for EXIF data display */ table.metadata { font-size: 0.8em; margin-left: 0.5em; margin-bottom: 0.5em; } table.metadata caption { font-weight: bold; } table.metadata th { font-weight: normal; } table.metadata td { padding: 0.1em; } table.metadata { border: none; border-collapse: collapse; } table.metadata td, table.metadata th { text-align: center; border: 1px solid #aaaaaa; padding-left: 0.1em; padding-right: 0.1em; } table.metadata th { background-color: #f9f9f9; } table.metadata td { background-color: #fcfcfc; } /* filetoc */ ul#filetoc { text-align: center; border: 1px solid #aaaaaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; } #filetoc li { display: inline; list-style-type: none; padding-right: 2em; } /* @bug 1714 */ input#wpSave, input#wpDiff { margin-right: 0.33em; }

/* Classes for article validation */ table.revisionform_default { border: 1px solid #000000; } table.revisionform_focus { border: 1px solid #000000; background-color:#00BBFF; } tr.revision_tr_default { background-color:#EEEEEE; } tr.revision_tr_first { background-color:#DDDDDD; } p.revision_saved { color: green; font-weight:bold; } #mw_trackbacks { border: solid 1px #bbbbff; background-color: #eeeeff; padding: 0.2em; }

@@ Line 13: / Line 13: @@
   h4 {font-size:100%;}
-  .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; }
+  .dropdown-menu .sub-menu { left: 100%; position: absolute; ; visibility: hidden; margin-top: -1px; }
   .dropdown-menu li:hover .sub-menu { visibility: visible; display: block; }
@@ Line 76: / Line 76: @@
   .btn-toolbar {margin-top:10px; text-align:center;}
+ /*BANNER*/
+ .banner {position: relative; top: 0; width: 100%;}
   /*BODY*/
@@ Line 83: / Line 87: @@
   .visualClear { clear: both; }
+ /* The top section contains the banner, the search box, and the left and right menus */
+ #top-section {
+ position: relative; height: 98px;
+ width: 975px; # margin-left: 10px;
+ margin: 0 auto 0 auto; border-left: 1px solid #444444;
+ border-right: 1px solid #444444;
+ border-bottom: 1px solid #444444; }
+ #p-logo { position: absolute; z-index: 1; height: 107px; width: 975px; }
+ #p-logo h5 { display: none; }
+ #p-logo a, #p-logo a:hover { text-decoration: none; }
+ #search-controls {
+ position: absolute;
+ top: 20px;
+ right: 15px;
+ width: 150px;
+ height: 40px;
+ background-color:
+ transparent;
+ text-align: center;
+ z-index: 3; }
+ input.searchButton { margin: 1px 5px 0 10px; font-size: 100%; background: none; border: none; color: #AAAAFF; font-weight: bold; }
+ input.searchButton:hover { color: white; }
+ #searchInput { width: 10.9em; margin: 0; font-size: 95%; }
+ #searchGoButton { margin-right: 0px; margin-left: 35px; }
+ #menubar { position: absolute; white-space: nowrap; top: -6px; width: 400px; z-index: 5; font-family: sans-serif; font-size: 95%; line-height: 1em; }
+ .left-menu, .left-menu a { left: 0px; text-align: left; color:transparent; text-transform: lowercase; }
+ .left-menu:hover { color: white; background-color: #555555 }
+ .right-menu, .right-menu a { right: 0px; text-align: right; color: white; }
+ #menubar ul { color: #555555; list-style: none; }
+ #menubar li { display: inline; position: relative; cursor: pointer; padding-left: 0px; padding-right: 0px; }
+ .left-menu li a { padding: 0px 10px 0px 0px; }
+ .left-menu:hover a { color: white; }
+ .right-menu li a { padding: 0px 15px 0px 0px; color: white; background-color: #606060; }
+ .right-menu li a:hover { color: #aaaaff; text-decoration: underline; }
+ /* footer */
+ #footer-box { margin-left: 10px; margin-top:8em; width: 965px; padding: 5px; background-color: white; margin: 0 auto; }
+ #footer { color: #000000; text-align: center; font-size: 90%;; }
+ #footer li { display: inline; margin: 0 1.3em; }
   /* Sponsors box */
-  #sponsor-box { height: 49px; width: 975px; # margin-left: 10px; margin: 0 auto; border-left: 1px solid #444444; border-right: 1px solid #444444; border-bottom: 1px solid #444444; background-color: white; font-family: 'verdana' 'arial' sans-serif; font-size: 11pt; line-height: 1.2em; z-index: 5; } #f-poweredbyico { float: right; } #f-copyrightico { float: left; } /* Pulldown menu boxes */ .hidden {	visibility: hidden; } .visible { visibility: visible; } .menubox { position: absolute; top: 20px; left: 0px; border: 1px solid #A4A4A4; background-color: #E0E0E0; width: 200px; height: 200px; z-index: 20; } .bridge1 { position: absolute; top: 18px; left: 1px; width: 59px; height: 4px; background-color: #d8d8d8; z-index: 25; } .shadow1 { position: absolute; top: 23px; left: 3px; width: 202px; height: 202px; background-color: #202020; border-right: 1px solid #454545; border-bottom: 1px solid #454545; z-index: 18; opacity: 0.6 } .shadow2 { position: absolute; top: 25px; left: 5px; width: 202px; height: 202px; border-right: 1px solid #606060; border-bottom: 1px solid #606060; background-color: #303030; opacity: 0.4; z-index: 16; } .shadow3 { position: absolute; top: 27px; left: 7px; width: 202px; height: 202px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; background-color: #000000; opacity: 0.2; z-index: 13; } /* IGEM RIGHT SIDEBAR STYLING */ #right-sidebar { position: absolute; right: 0px; width: 190px; border-left: 3px solid gray; font-size: 95%; line-height: 90%; } .right-box { width: 180px; padding: 4px 5px 5px 5px; margin-top: 10px; border: 1px solid #444444; border-left: none; } .right-box:first-child { margin-top: 0px; } .right-heading { font-size: 125%; font-weight: bold; padding: 0.5em 0 0; line-height:100%; } .right-box ul { line-height: 90%; } .right-box li { color: #666666; /* The items are grayed until they have links */ }
+  #sponsor-box { height: 49px; width: 975px; # margin-left: 10px; margin: 0 auto; border-left: 1px solid #444444; border-right: 1px solid #444444; border-bottom: 1px solid #444444; background-color: white; font-family: 'verdana' 'arial' sans-serif; font-size: 11pt; line-height: 1.2em; z-index: 5; } #f-poweredbyico { float: right; } #f-copyrightico { float: left; }
+/* Pulldown menu boxes */ .hidden {	visibility: hidden; } .visible { visibility: visible; } .menubox { position: absolute; top: 20px; left: 0px; border: 1px solid #A4A4A4; background-color: #E0E0E0; width: 200px; height: 200px; z-index: 20; } .bridge1 { position: absolute; top: 18px; left: 1px; width: 59px; height: 4px; background-color: #d8d8d8; z-index: 25; } .shadow1 { position: absolute; top: 23px; left: 3px; width: 202px; height: 202px; background-color: #202020; border-right: 1px solid #454545; border-bottom: 1px solid #454545; z-index: 18; opacity: 0.6 } .shadow2 { position: absolute; top: 25px; left: 5px; width: 202px; height: 202px; border-right: 1px solid #606060; border-bottom: 1px solid #606060; background-color: #303030; opacity: 0.4; z-index: 16; } .shadow3 { position: absolute; top: 27px; left: 7px; width: 202px; height: 202px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; background-color: #000000; opacity: 0.2; z-index: 13; }
+/* IGEM RIGHT SIDEBAR STYLING */ #right-sidebar { position: absolute; right: 0px; width: 190px; border-left: 3px solid gray; font-size: 95%; line-height: 90%; } .right-box { width: 180px; padding: 4px 5px 5px 5px; margin-top: 10px; border: 1px solid #444444; border-left: none; } .right-box:first-child { margin-top: 0px; } .right-heading { font-size: 125%; font-weight: bold; padding: 0.5em 0 0; line-height:100%; } .right-box ul { line-height: 90%; } .right-box li { color: #666666; /* The items are grayed until they have links */ }
 /***************************************************************************************************** *
@@ Line 93: / Line 161: @@
-#content { position: relative; width: 100%; # margin-left: 10px; margin: 0 auto; padding: 5px 5px 5px 5px; color: black; border-left: 1px solid #444444; border-right: 1px solid #444444; line-height: 1.5em; z-index: 2; } #column-one { padding-top: 107px; position: absolute; right: 4px; padding: 100px 20px 0 0; } /* the left column width is specified in class .portlet */ #siteSub { display: none; } #contentSub { font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto; } span.subpages { display: block; } /* user notification thing */ .usermessage { background-color: #ffce7b; border: 1px solid #ffa500; color: black; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; } #siteNotice { text-align: center; font-size: 95%; padding: 0 .9em; } #siteNotice p { margin: 0; padding: 0; } .error { color: red; font-size: larger; } #catlinks { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; margin-top: 1em; clear: both; } /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription { /* The summary text describing the document */ font-weight: bold; display: block; margin: 1em 0; line-height: 1.5em; } .documentByLine { text-align: right; font-size: 90%; clear: both; font-weight: normal; color: #76797c; } /* emulate center */ .center { width: 100%; text-align: center; } *.center * { margin-left: auto; margin-right: auto; } /* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100%; } /* images */ div.floatright, table.floatright { clear: right; float: right; position: relative; margin: 0 0 .5em .5em; border: 0; /* border: .5em solid white; border-width: .5em 0 .8em 1.4em; */ } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; position: relative; margin: 0 .5em .5em 0; border: 0; /* margin: .3em .5em .5em 0; border: .5em solid white; border-width: .5em 1.4em .8em 0; */ } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: .5em; border-style: solid; border-color: white; width: auto; } div.thumb div { border: 1px solid #ccc; padding: 3px !important; background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border: 1px solid #ccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: .3em 0 .1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; } div.tleft { float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; } .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; } /* ** classes for special content elements like town boxes ** intended to be referenced directly from the wiki src */ /* ** User styles */ /* table standards */ table.rimage { float: right; position: relative; margin-left: 1em; margin-bottom: 1em; text-align: center; } .toccolours { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; } div.townBox { position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: .3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 .3em; font-size: 96%; } div.townBox dl dt { background: none; margin: .4em 0 0; } div.townBox dl dd { margin: .1em 0 0 1.1em; background-color: #f3f3f3; } /* ** edit views etc */ .special li { line-height: 1.4em; margin: 0; padding: 0; } /* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: gray; } #pagehistory span.user { margin-left: 1.4em; margin-right: .4em; } #pagehistory span.minor { font-weight: bold; } #pagehistory li { border: 1px solid white; } #pagehistory li.selected { background-color: #f9f9f9; border: 1px dashed #aaa; } /* ** Diff rendering */ table.diff, td.diff-otitle, td.diff-ntitle { background-color: white; } td.diff-addedline { background: #cfc; font-size: smaller; } td.diff-deletedline { background: #ffa; font-size: smaller; } td.diff-context { background: #eee; font-size: smaller; } span.diffchange { color: red; font-weight: bold; } /* ** keep the whitespace in front of the ^=, hides rule from konqueror ** this is css3, the validator doesn't like it when validating as css2 */ #bodyContent a[href ^="http://"], #bodyContent a[href ^="gopher://"] { /* background: url(external.png) center right no-repeat; rdr */ /* padding-right: 13px; rdr */ } #bodyContent a[href ^="https://"], .link-https { background: url(lock_icon.gif) center right no-repeat; padding-right: 16px; } #bodyContent a[href ^="mailto:"], .link-mailto { background: url(mail_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="news://"] { background: url(news_icon.png) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="ftp://"], .link-ftp { background: url(file_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="irc://"], .link-irc { background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px; } /* disable interwiki styling */ #bodyContent a.extiw, #bodyContent a.extiw:active { color: #36b; background: none; padding: 0; } /* this can be used in the content area to switch off special external link styling */ #bodyContent .plainlinks a { background: none !important; padding: 0; } /* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { padding-left: 20px; text-transform: none; } /* hide from incapable browsers */ head:first-child+body #footer li { white-space: nowrap; } /* js pref toc */ #preftoc { float: left; margin: 1em; width: 13em; } #preftoc li { border: 1px solid white; } #preftoc li.selected { background-color: #f9f9f9; border: 1px dashed #aaa; } #preftoc a, #preftoc a:active { display: block; color: #0014a6; } #prefcontrol { clear: both; float: left; margin-top: 1em; } div.prefsectiontip { font-size: 95%; margin-top: 1em; } fieldset.operaprefsection { margin-left: 15em; } /* ** IE/Mac fixes, hope to find a validating way to move this ** to a separate stylesheet. This would work but doesn't validate: ** @import("IEMacFixes.css"); */ /* tabs: border on the a, not the div */ * > html #p-cactions li { border: none; } * > html #p-cactions li a { border: 1px solid #aaa; border-bottom: none; } /* * > html #p-cactions li.selected a { border-color: #00bd23; } */ /* footer icons need a fixed width */ * > html #f-poweredbyico, /* * > html #f-copyrightico { width: 88px; } */ * > html #bodyContent, * > html #bodyContent pre { overflow-x: auto; width: 100%; padding-bottom: 25px; } /* more IE fixes */ /* float/negative margin brokenness */ * html #footer {margin-top: 0;} * html #column-content { display: inline; margin-bottom: 0; } * html div.editsection { font-size: smaller; } #pagehistory li.selected { position: relative; } /* Mac IE 5.0 fix; floated content turns invisible */ * > html #column-content { float: none; } * > html #column-one { position: absolute; left: 0; top: 0; } * > html #footer { margin-left: 13.2em; } .redirectText { font-size: 150%; margin: 5px; } .printfooter { display: none; } .not-patrolled { background-color: #ffa; } div.patrollink { font-size: 75%; text-align: right; } span.newpage, span.minor, span.searchmatch { font-weight: bold; } span.unpatrolled { font-weight: bold; color: red; } span.searchmatch { color: red; } .sharedUploadNotice { font-style: italic; } span.updatedmarker { color: black; background-color: #0f0; } span.newpageletter { font-weight: bold; color: black; background-color: yellow; } span.minoreditletter { color: black; background-color: #c5ffe6; } table.gallery { border: 1px solid #ccc; margin: 2px; padding: 2px; background-color: white; } table.gallery tr { vertical-align: top; } table.gallery td { vertical-align: top; background-color: #f9f9f9; border: solid 2px white; } div.gallerybox { margin: 2px; width: 150px; } div.gallerybox div.thumb { text-align: center; border: 1px solid #ccc; margin: 2px; } div.gallerytext { font-size: 94%; padding: 2px 4px; } span.comment { font-style: italic; } span.changedby { font-size: 95%; } .previewnote { text-align: center; color: #cc0000; } .editExternally { border: 1px solid gray; background-color: #ffffff; padding: 3px; margin-top: 0.5em; float: left; font-size: small; text-align: center; } .editExternallyHelp { font-style: italic; color: gray; } li span.deleted { text-decoration: line-through; color: #888; font-style: italic; } .toggle { margin-left: 2em; text-indent: -2em; } /* Classes for EXIF data display */ table.metadata { font-size: 0.8em; margin-left: 0.5em; margin-bottom: 0.5em; } table.metadata caption { font-weight: bold; } table.metadata th { font-weight: normal; } table.metadata td { padding: 0.1em; } table.metadata { border: none; border-collapse: collapse; } table.metadata td, table.metadata th { text-align: center; border: 1px solid #aaaaaa; padding-left: 0.1em; padding-right: 0.1em; } table.metadata th { background-color: #f9f9f9; } table.metadata td { background-color: #fcfcfc; } /* filetoc */ ul#filetoc { text-align: center; border: 1px solid #aaaaaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; } #filetoc li { display: inline; list-style-type: none; padding-right: 2em; } /* @bug 1714 */ input#wpSave, input#wpDiff { margin-right: 0.33em; }
+#content { position: relative; width: 100%; # margin-left: 10px; margin: 0 auto; padding: 0px 0px 0px 0px; color: black; border-left: 0px solid #444444; border-right: 0px solid #444444; line-height: 1.5em; z-index: 2; }
+#column-one { padding-top: 0px; position: absolute; right: 0px; padding: 100px 20px 0 0; } /*Changes were made for borders and padding. You may want to readjust it*/
+/* the left column width is specified in class .portlet */ #siteSub { display: none; } #contentSub { font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto; } span.subpages { display: block; }
+/* user notification thing */ .usermessage { background-color: #ffce7b; border: 1px solid #ffa500; color: black; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; } #siteNotice { text-align: center; font-size: 95%; padding: 0 .9em; } #siteNotice p { margin: 0; padding: 0; } .error { color: red; font-size: larger; } #catlinks { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; margin-top: 1em; clear: both; } /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription {
+/* The summary text describing the document */ font-weight: bold; display: block; margin: 1em 0; line-height: 1.5em; } .documentByLine { text-align: right; font-size: 90%; clear: both; font-weight: normal; color: #76797c; } /* emulate center */ .center { width: 100%; text-align: center; } *.center * { margin-left: auto; margin-right: auto; } /* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100%; }
+/* images */ div.floatright, table.floatright { clear: right; float: right; position: relative; margin: 0 0 .5em .5em; border: 0; /* border: .5em solid white; border-width: .5em 0 .8em 1.4em; */ } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; position: relative; margin: 0 .5em .5em 0; border: 0; /* margin: .3em .5em .5em 0; border: .5em solid white; border-width: .5em 1.4em .8em 0; */ } div.floatleft p { font-style: italic; }
+/* thumbnails */ div.thumb { margin-bottom: .5em; border-style: solid; border-color: white; width: auto; } div.thumb div { border: 1px solid #ccc; padding: 3px !important; background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border: 1px solid #ccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: .3em 0 .1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; } div.tleft { float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; } .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; }
+/* ** classes for special content elements like town boxes ** intended to be referenced directly from the wiki src */ /* ** User styles */
+/* table standards */ table.rimage { float: right; position: relative; margin-left: 1em; margin-bottom: 1em; text-align: center; } .toccolours { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; } div.townBox { position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: .3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 .3em; font-size: 96%; } div.townBox dl dt { background: none; margin: .4em 0 0; } div.townBox dl dd { margin: .1em 0 0 1.1em; background-color: #f3f3f3; }
+/* ** edit views etc */ .special li { line-height: 1.4em; margin: 0; padding: 0; }
+/* Page history styling */
+/* the auto-generated edit comments */
+.autocomment { color: gray; } #pagehistory span.user { margin-left: 1.4em; margin-right: .4em; } #pagehistory span.minor { font-weight: bold; } #pagehistory li { border: 1px solid white; } #pagehistory li.selected { background-color: #f9f9f9; border: 1px dashed #aaa; }
+/* ** Diff rendering */ table.diff, td.diff-otitle, td.diff-ntitle { background-color: white; } td.diff-addedline { background: #cfc; font-size: smaller; } td.diff-deletedline { background: #ffa; font-size: smaller; } td.diff-context { background: #eee; font-size: smaller; } span.diffchange { color: red; font-weight: bold; }
+/* ** keep the whitespace in front of the ^=, hides rule from konqueror ** this is css3, the validator doesn't like it when validating as css2 */
+#bodyContent a[href ^="http://"], #bodyContent a[href ^="gopher://"] { /* background: url(external.png) center right no-repeat; rdr */ /* padding-right: 13px; rdr */ } #bodyContent a[href ^="https://"], .link-https { background: url(lock_icon.gif) center right no-repeat; padding-right: 16px; } #bodyContent a[href ^="mailto:"], .link-mailto { background: url(mail_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="news://"] { background: url(news_icon.png) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="ftp://"], .link-ftp { background: url(file_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="irc://"], .link-irc { background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px; }
+/* disable interwiki styling */ #bodyContent a.extiw, #bodyContent a.extiw:active { color: #36b; background: none; padding: 0; }
+/* this can be used in the content area to switch off special external link styling */ #bodyContent .plainlinks a { background: none !important; padding: 0; }
+/* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { padding-left: 20px; text-transform: none; } /* hide from incapable browsers */ head:first-child+body #footer li { white-space: nowrap; }
+/* js pref toc */ #preftoc { float: left; margin: 1em; width: 13em; } #preftoc li { border: 1px solid white; } #preftoc li.selected { background-color: #f9f9f9; border: 1px dashed #aaa; } #preftoc a, #preftoc a:active { display: block; color: #0014a6; } #prefcontrol { clear: both; float: left; margin-top: 1em; } div.prefsectiontip { font-size: 95%; margin-top: 1em; } fieldset.operaprefsection { margin-left: 15em; } /* ** IE/Mac fixes, hope to find a validating way to move this ** to a separate stylesheet. This would work but doesn't validate: ** @import("IEMacFixes.css"); */
+/* tabs: border on the a, not the div */ * > html #p-cactions li { border: none; } * > html #p-cactions li a { border: 1px solid #aaa; border-bottom: none; } /* * > html #p-cactions li.selected a { border-color: #00bd23; } */ /* footer icons need a fixed width */ * > html #f-poweredbyico, /* * > html #f-copyrightico { width: 88px; } */ * > html #bodyContent, * > html #bodyContent pre { overflow-x: auto; width: 100%; padding-bottom: 25px; } /* more IE fixes */
+/* float/negative margin brokenness */ * html #footer {margin-top: 0;} * html #column-content { display: inline; margin-bottom: 0; } * html div.editsection { font-size: smaller; } #pagehistory li.selected { position: relative; } /* Mac IE 5.0 fix; floated content turns invisible */ * > html #column-content { float: none; } * > html #column-one { position: absolute; left: 0; top: 0; } * > html #footer { margin-left: 13.2em; } .redirectText { font-size: 150%; margin: 5px; } .printfooter { display: none; } .not-patrolled { background-color: #ffa; } div.patrollink { font-size: 75%; text-align: right; } span.newpage, span.minor, span.searchmatch { font-weight: bold; } span.unpatrolled { font-weight: bold; color: red; } span.searchmatch { color: red; } .sharedUploadNotice { font-style: italic; } span.updatedmarker { color: black; background-color: #0f0; } span.newpageletter { font-weight: bold; color: black; background-color: yellow; } span.minoreditletter { color: black; background-color: #c5ffe6; } table.gallery { border: 1px solid #ccc; margin: 2px; padding: 2px; background-color: white; } table.gallery tr { vertical-align: top; } table.gallery td { vertical-align: top; background-color: #f9f9f9; border: solid 2px white; } div.gallerybox { margin: 2px; width: 150px; } div.gallerybox div.thumb { text-align: center; border: 1px solid #ccc; margin: 2px; } div.gallerytext { font-size: 94%; padding: 2px 4px; } span.comment { font-style: italic; } span.changedby { font-size: 95%; } .previewnote { text-align: center; color: #cc0000; } .editExternally { border: 1px solid gray; background-color: #ffffff; padding: 3px; margin-top: 0.5em; float: left; font-size: small; text-align: center; } .editExternallyHelp { font-style: italic; color: gray; } li span.deleted { text-decoration: line-through; color: #888; font-style: italic; } .toggle { margin-left: 2em; text-indent: -2em; }
+/* Classes for EXIF data display */ table.metadata { font-size: 0.8em; margin-left: 0.5em; margin-bottom: 0.5em; } table.metadata caption { font-weight: bold; } table.metadata th { font-weight: normal; } table.metadata td { padding: 0.1em; } table.metadata { border: none; border-collapse: collapse; } table.metadata td, table.metadata th { text-align: center; border: 1px solid #aaaaaa; padding-left: 0.1em; padding-right: 0.1em; } table.metadata th { background-color: #f9f9f9; } table.metadata td { background-color: #fcfcfc; } /* filetoc */ ul#filetoc { text-align: center; border: 1px solid #aaaaaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; } #filetoc li { display: inline; list-style-type: none; padding-right: 2em; } /* @bug 1714 */ input#wpSave, input#wpDiff { margin-right: 0.33em; }
 /* Classes for article validation */ table.revisionform_default { border: 1px solid #000000; } table.revisionform_focus { border: 1px solid #000000; background-color:#00BBFF; } tr.revision_tr_default { background-color:#EEEEEE; } tr.revision_tr_first { background-color:#DDDDDD; } p.revision_saved { color: green; font-weight:bold; } #mw_trackbacks { border: solid 1px #bbbbff; background-color: #eeeeff; padding: 0.2em; }

Team:CU-Boulder/PageBasic

From 2014.igem.org

Latest revision as of 04:01, 9 June 2014