Mingdao CSS site global
From 2014hs.igem.org
(36 intermediate revisions not shown) | |||
Line 9: | Line 9: | ||
{ | { | ||
background-color: #EDEDED; | background-color: #EDEDED; | ||
- | position: | + | position: relative; |
- | + | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 18: | Line 17: | ||
-o-transform-origin: left top; | -o-transform-origin: left top; | ||
transform-origin: left top; | transform-origin: left top; | ||
+ | overflow-x: hidden; | ||
} | } | ||
Line 23: | Line 23: | ||
{ | { | ||
position: absolute; | position: absolute; | ||
- | left: | + | left: 5px; |
top: 0px; | top: 0px; | ||
margin: 0; | margin: 0; | ||
Line 594: | Line 594: | ||
.MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img | .MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img | ||
- | { | + | { |
position: relative; | position: relative; | ||
} | } |
Latest revision as of 14:28, 20 June 2014
html { min-height: 100%; min-width: 100%; -ms-text-size-adjust: none; }
body { background-color: #EDEDED;
position: relative; margin: 0;
padding: 0; border-width: 0; -webkit-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top;
overflow-x: hidden;
}
div { position: absolute;
left: 5px; top: 0px; margin: 0;
padding: 0; border-width: 0; -webkit-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a { margin: 0; padding: 0; border-width: 0; -webkit-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img {
border: 0;
-webkit-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: inherit; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
body { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: left; font-size: 10px; line-height: 17px; word-wrap: break-word; text-rendering: optimizeLegibility;/* kerning, primarily */ }
@media screen and (-webkit-min-device-pixel-ratio:0) { body { text-rendering:auto; } }
a:link { text-decoration: none; color: inherit; }
a:visited { text-decoration: none; color: inherit; }
a:hover { color: #0000FF; text-decoration: none; }
a:active { color: #EE0000; text-decoration: none; }
a.nontext /* used to override default properties of 'a' tag */ { color: black; text-decoration: none; font-style: normal; font-weight: normal; }
a,.French a { color: inherit; text-decoration: inherit; }
.French a:link { color: #00BDE7; font-style: normal; font-weight: normal; text-decoration: none; }
.French a:visited { color: #00BDE7; font-style: normal; font-weight: normal; text-decoration: none; }
.French a:hover { color: #00BDE7; font-style: normal; font-weight: normal; text-decoration: none; }
.French a:active { color: #00BDE7; font-style: normal; font-weight: normal; text-decoration: underline; }
.normal_text { color: #000000; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 17px; text-align: left; text-decoration: none; text-indent: 0px; vertical-align: 0px; padding: 0px; }
.Body { color: #606060; font-family: source-sans-pro, sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; padding: 0px; }
.Body-Medium { color: #6E6161; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 19px; line-height: 29px; padding: 0px; }
.Subhead-Yellow { color: #E7A800; font-family: ubuntu-condensed, sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 1px; line-height: 25px; text-align: left; padding: 0px; }
.Ribbon-Large { color: #FFFFFF; font-family: ubuntu-condensed, sans-serif; font-size: 34px; font-weight: 400; letter-spacing: 1px; padding: 0px; }
.H1 { color: #606060; font-family: source-sans-pro, sans-serif; font-size: 26px; font-weight: 700; line-height: 29px; padding: 0px; }
.ts02-Subhead { color: #30D98D; font-family: open-sans-condensed, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: 1px; text-align: left; padding: 0px 0px 4px; }
.ts04-List-Bullet { color: #FFFFFF; font-family: open-sans-condensed, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: 1px; text-align: left; text-indent: -19px; padding: 0px 0px 0px 19px; }
.ts04-Body { color: #FFFFFF; font-family: open-sans-condensed, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: 1px; text-align: left; padding: 0px; }
.Menu-Buttons { color: #383838; font-family: dosis, sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 3px; }
.Titles_Small { color: #FFFFFF; font-family: open-sans, sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 1px; }
.Plain-text { color: #C5C5C5; font-family: open-sans, sans-serif; font-size: 13px; font-weight: 300; letter-spacing: 2px; }
.Gallery_Font { font-family: open-sans, sans-serif; font-weight: 300; }
.TabbedPanelsTab { white-space: nowrap; }
.MenuBar .MenuBarView, .MenuBar .SubMenuView /* Resets for ul and li in menus */ { display: block; list-style: none; }
.MenuBar .SubMenu { display: none; position: absolute; }
.NoWrap { white-space: nowrap; word-wrap: normal; }
.rootelem /* the root of the artwork tree */ { margin-left: auto; margin-right: auto; }
.colelem /* a child element of a column */ { display: inline; float: left; clear: both; }
.grpelem /* a child element of a group */ { display: inline; float: left; }
.clearfix:after /* force a container to fit around floated items */ { content: "\0020"; visibility: hidden; display: block; height: 0; clear: both; }
- first-child+html .clearfix /* IE7 */
{ zoom: 1; }
.clip_frame /* used to clip the contents as in the case of an image frame */ { overflow: hidden; }
.inclusion_context /* context for positioning a group of elements that share the same height */ { display: table; table-layout: fixed; width: 0.01px; }
.inclelem /* element of an inclusion context */ { display: table-cell; vertical-align: top; }
.f3s_mid /* 3-slice frame, middle slice */ { background-repeat: repeat; }
.f3s_top,.f3s_bot /* 3-slice frame, top slice */ { background-repeat: no-repeat; }
.f9s_top_left, .f9s_bot_left /* 9-slice frame, left corner slice */ { background-repeat: no-repeat; background-position: left; }
.f9s_top_right, .f9s_bot_right /* 9-slice frame, right corner slice */ { background-repeat: no-repeat; background-position: right; }
.f9s_top_mid, .f9s_bot_mid /* 9-slice frame, top/bottom horizontal slice */ { background-repeat: repeat-x; background-position: 0px 0px; }
.f9s_mid_left /* 9-slice frame, left vertical slice */ { background-repeat: repeat-y; background-position: left; }
.f9s_mid_right /* 9-slice frame, right vertical slice */ { background-repeat: repeat-y; background-position: right; }
.f9s_center /* 9-slice frame, center slice */ { background-repeat: repeat; background-position: 0px 0px; }
.popup_anchor /* anchors an abspos popup */ { position: relative; width: 0px; height: 0px; }
.popup_element { z-index: 100000; }
.pointer_cursor { cursor: pointer; }
span.wrap /* used to force wrap after floated array when nested inside a paragraph */ { content: ; clear: left; display: block; }
span.actAsInlineDiv /* used to simulate a DIV with inline display when already nested inside a paragraph */ { display: inline-block; }
.position_content,.excludeFromNormalFlow /* used when child content is larger than parent */ { float: left; }
.preload_images /* used to preload images used in non-default states */ { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }
preload /* used to specifiy the dimension of preload item */ { height: 1px; width: 1px; }
.animateStates { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
input:focus,textarea:focus /* remove default focussed input styling */ { outline: none; }
textarea { resize: none; overflow: auto; }
.fld-prompt /* form placeholders cursor behavior */ { pointer-events: none; }
.wrapped-input /* form inputs & placeholders let div styling show thru */ { position: absolute; top: 0; left: 0; background: transparent; border: none; }
.submit-btn /* form submit buttons on top of sibling elements */ { z-index: 50000; }
.anchor_item /* used to specify anchor properties */ { width: 22px; height: 18px; }
.MenuBar .SubMenuVisible, .MenuBarVertical .SubMenuVisible, .MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block { display: block; }
.ose_ei { visibility: hidden; z-index: 0; }
.widget_invisible,.js .invi,.js .mse_pre_init,.js .an_invi /* used to hide the widget before loaded */ { visibility: hidden; }
.no_vert_scroll { overflow-y: hidden; }
.always_vert_scroll { overflow-y: scroll; }
.always_horz_scroll { overflow-x: scroll; }
.popup_element.Inactive,.js .disn,.hidden { display: none; }
.fullscreen { overflow: hidden; left: 0px; top: 0px; position: fixed; height: 100%; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.scroll_wrapper { position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
.MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img { position: relative; }
.accordion_wrapper { display: inline; float: left; width: 0px; }