Difference between revisions of "Team:Mingdao/index.html"
Line 10: | Line 10: | ||
<title>Home</title> | <title>Home</title> | ||
<!-- CSS --> | <!-- CSS --> | ||
+ | <style> | ||
+ | html | ||
+ | { | ||
+ | min-height: 100%; | ||
+ | min-width: 100%; | ||
+ | -ms-text-size-adjust: none; | ||
+ | } | ||
+ | |||
+ | body,div,dl,dt,dd,ul,ol,li,nav,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: 14px; | ||
+ | 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 | ||
+ | { | ||
+ | color: #0000FF; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | a:visited | ||
+ | { | ||
+ | color: #800080; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | a:hover | ||
+ | { | ||
+ | color: #0000FF; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | a:active | ||
+ | { | ||
+ | color: #EE0000; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | a.nontext /* used to override default properties of 'a' tag */ | ||
+ | { | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .colelem100 /* a child element of a column that is 100% width */ | ||
+ | { | ||
+ | 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; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .fullwidth | ||
+ | { | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .borderbox | ||
+ | { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | .browser_width > * | ||
+ | { | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | right: 0px; | ||
+ | } | ||
+ | |||
+ | .MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img | ||
+ | { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .accordion_wrapper | ||
+ | { | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | width: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .version.index /* version checker */ | ||
+ | { | ||
+ | color: #00001E; | ||
+ | background-color: #11475E; | ||
+ | } | ||
+ | |||
+ | .html | ||
+ | { | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #page | ||
+ | { | ||
+ | z-index: 1; | ||
+ | width: 960px; | ||
+ | min-height: 500px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #page_position_content | ||
+ | { | ||
+ | padding-bottom: 62px; | ||
+ | } | ||
+ | |||
+ | #u74 | ||
+ | { | ||
+ | z-index: 2; | ||
+ | height: 207px; | ||
+ | border-color: #000000; | ||
+ | background-color: #FFFAB6; | ||
+ | } | ||
+ | |||
+ | #u74-bw | ||
+ | { | ||
+ | z-index: 2; | ||
+ | height: 207px; | ||
+ | } | ||
+ | |||
+ | #u75 | ||
+ | { | ||
+ | z-index: 3; | ||
+ | border-color: #000000; | ||
+ | background-color: #79AAFF; | ||
+ | padding-bottom: 164px; | ||
+ | } | ||
+ | |||
+ | #u75_align_to_page | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 960px; | ||
+ | position: relative; | ||
+ | left: -100px; | ||
+ | } | ||
+ | |||
+ | #u76-5 | ||
+ | { | ||
+ | z-index: 4; | ||
+ | width: 82px; | ||
+ | min-height: 16px; | ||
+ | position: relative; | ||
+ | margin-right: -10000px; | ||
+ | margin-top: 130px; | ||
+ | left: 530px; | ||
+ | } | ||
+ | |||
+ | #u75-bw | ||
+ | { | ||
+ | z-index: 3; | ||
+ | height: 164px; | ||
+ | } | ||
+ | |||
+ | body | ||
+ | { | ||
+ | position: relative; | ||
+ | min-width: 960px; | ||
+ | } | ||
+ | |||
+ | #page .verticalspacer | ||
+ | { | ||
+ | clear: both; | ||
+ | } | ||
+ | </style> | ||
<link rel="stylesheet" type="text/css" href="css/site_global.css?475048684"/> | <link rel="stylesheet" type="text/css" href="css/site_global.css?475048684"/> | ||
<link rel="stylesheet" type="text/css" href="css/index.css?504448862" id="pagesheet"/> | <link rel="stylesheet" type="text/css" href="css/index.css?504448862" id="pagesheet"/> |
Revision as of 17:29, 12 September 2015
Test block