Mingdao CSS site global

From 2014hs.igem.org

(Difference between revisions)
Line 18: Line 18:
transform-origin: left top;
transform-origin: left top;
         overflow-x: hidden;
         overflow-x: hidden;
-
         width: 800px;
+
         width: 400px;
}
}

Revision as of 14:24, 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;
       width: 400px;

}

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; }