/* Font faces */ @font-face { font-family: 'Segoe UI'; src: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.eot'); src: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.eot#iefix') format('embedded-opentype'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.woff') format('woff'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.ttf') format('truetype'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.svg#SegoeUI') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Segoe UI Semibold'; src: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/seguisb.eot'); src: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/seguisb.eot#iefix') format('embedded-opentype'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/seguisb.woff') format('woff'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/seguisb.ttf') format('truetype'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/seguisb.svg#SegoeUISemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Segoe UI Bold'; src: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuib.eot'); src: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuib.eot#iefix') format('embedded-opentype'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuib.woff') format('woff'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuib.ttf') format('truetype'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuib.svg#SegoeUIBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Segoe UI Light'; src: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuil.eot'); src: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuil.eot#iefix') format('embedded-opentype'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuil.woff') format('woff'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuil.ttf') format('truetype'), url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuil.svg#SegoeUILight') format('svg'); font-weight: normal; font-style: normal; } /* css.reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* end css.reset */ #dep-debug { width:50%; height:300px; display:block;} html, body { height: 101%; } body { position:relative; background-color: #fff; background-repeat: repeat-Y; width:100%; height:100%; } p { display: block; clear: both; margin: 1em 0; } sup { vertical-align: text-top; font-size: smaller; line-height: normal; } a { text-decoration: none; color: #00AEF0; } a:link { text-decoration: none; color: #00AEF0; } a:visited { text-decoration: none; color: #00AEF0; } a:active { text-decoration: none; color: #00AEF0; } a:hover { text-decoration: none; color: #00AEF0; } a:focus { outline: 1px dotted #999; } a, a:link, a:visited, a:active, a:hover { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* chrome DEPRECATED .chrome_top, .chrome_bottom { width: 100%; margin: 0 auto; } .chrome_content { width: 320px; min-width: 320px; max-width: 1200px; margin: 0 auto; } */ /* non-semantic classes */ .clear { height: 1%; width: 100%; clear: both; } .italic { font-style: italic; } .bold { font-weight: bold !important; } .unbold { font-weight: normal !important; } /* ============================================================================= Media queries ========================================================================== */ /* 6 column layout -- width: 478px - 767px. */ @media only screen and (min-width : 478px) { } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { } /* @media only screen and (min-width : 478px) { .mediaquery_cols { margin-right: 20px; } .mediaquery_cols.last { margin-right: 0px; } .one_col { width: 16px; } .two_col, .cols_one_third { width: 92px; } .three_col, .cols_half { width: 168px; } .four_col, .cols_two_thirds { width: 244px; } .five_col { width: 320px; } .six_col { width: 396px; } .cols_full_width { width: 436px; margin: 0; float: none; } } @media only screen and (min-width : 768px) { .one_col { width: 58px; } .two_col, .cols_one_third { width: 176px; } .three_col, .cols_half { width: 294px; } .four_col, .cols_two_thirds { width: 412px; } .five_col { width: 530px; } .six_col { width: 648px; } .cols_full_width { width: 688px; padding: 0; margin: 0; } } @media only screen and (min-width : 996px) { .one_col { width: 18px; } .two_col { width: 96px; } .three_col { width: 174px; } .four_col { width: 252px; } .five_col { width: 330px; } .six_col, .cols_half { width: 408px; } .seven_col { width: 486px; } .eight_col { width: 564px; } .nine_col { width: 642px; } .ten_col { width: 720px; } .eleven_col { width: 798px; } .cols_one_third { width: 252px; } .cols_two_thirds { width: 564px; } .cols_one_fourth { width: 174px; } .cols_three_fourths { width: 642px; } .twelve_col { width: 876px;} .cols_full_width { width: 916px; padding: 0; margin: 0; } } @media only screen and (min-width : 1200px) { .one_col { width: 35px; } .two_col { width: 130px; } .three_col { width: 225px; } .four_col { width: 320px; } .five_col { width: 415px; } .six_col, .cols_half { width: 510px; } .seven_col { width: 605px; } .eight_col { width: 700px; } .nine_col { width: 795px; } .ten_col { width: 890px; } .eleven_col { width: 985px; } .cols_one_third { width: 320px; } .cols_two_thirds { width: 700px; } .cols_one_fourth { width: 225px; } .cols_three_fourths { width: 795px; } .twelve_col { width: 1080px; } .cols_full_width { width: 1120px; padding: 0; margin: 0; } } *//* arrow-link */ .arrow-link { margin: 20px 0 0 0; } .arrow-link a { font-size: 14px; color: #00aef0; line-height: 20px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/arrow-link/images/blue-arrow.png') no-repeat; } .arrow-link.right a { padding-right: 26px; background-position: right 4px; } .arrow-link.left a { padding-left: 26px; background-position: left 4px; }a.boxlink { display: block; color: #FFF; font-size: 23px; line-height: 28px; padding: 7px 40px 33px 10px; margin-bottom: 10px; background: #984F96 url('i.microsoft.com/visualstudio/_base_v2/modules/box-link/images/cta_arrow_white_sm.png') no-repeat right bottom; } a.boxlink:hover { background-color: #442359; text-decoration: none; } a.boxlink.headline { font-size: 14px; line-height: 18px; padding-right: 20px; } a.boxlink.headline span { font-size: 14px; font-weight: bold; display: block; margin-bottom: 3px; } a.boxlink.lightpurple { background-color: #984F96; } a.boxlink.lightpurple:hover { background-color: #442359; } a.boxlink.darkpurple { background-color: #442359; } a.boxlink.darkpurple:hover { background-color: #68217A; } a.boxlink.cyan { background-color: #00BCF2; } a.boxlink.cyan:hover { background-color: #0072C6; } a.boxlink.gray { background-color: #505050; } a.boxlink.gray:hover { background-color: #000; } a.boxlink.lightblue { background-color: #0073C6; } a.boxlink.lightblue:hover { background-color: #0054a5; } a.boxlink.download { background-image: url('i.microsoft.com/visualstudio/_base_v2/modules/box-link/images/cta_download_arrow_spaced.png'); } a.boxlink.arrow { background-image: url('i.microsoft.com/visualstudio/_base_v2/modules/box-link/images/cta_arrow_white_lg_spaced.png'); } a.boxlink.play { background-image: url('i.microsoft.com/visualstudio/_base_v2/modules/box-link/images/play_icon_bg.png'); } a.boxlink.globe2 { background-image: url('i.microsoft.com/visualstudio/_base_v2/modules/box-link/images/cta_globe2_white_spaced.png'); }/* button */ .module.button { margin: 34px 0 0 0; } .module.button.button-link a { font-size: 15px; line-height: 24px; padding: 6px 20px 10px 20px; margin: 0; background: #fff; }/* case-study */ .case-study { position:relative; overflow: hidden; margin: 0 0 30px 0; } .case-study h2 { color: #68217a; font-size: 24px; line-height: 30px; margin: 51px 0 0 0; } .case-study .content p { margin: 20px 0 0 0; } .case-study img { display: block; margin: 20px 0 5px 0; } .case-study blockquote { background-color: #505050; padding: 10px; color: #fff; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .case-study .content { float: left; width: 66%; margin: 0 2% 0 0; } .case-study.aside_left .content { float: right; margin: 0 0 0 2%; } .case-study aside { float: right; width: 32%; } .case-study.aside_left aside { float: left; } .case-study img { width: 100%; margin: 24px 0 0 0; } /*.case-study aside { position: absolute; bottom: 0; right: 0; margin-bottom: 17px; }*/ } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { }/* column-header-image */ .column-header-image { position:relative; } .column-header-image img { } .column-header-image h2 { position:absolute; top:20%; left:20%; } .column-header-image.right h2 { right:20%; text-align: right; }/* columns */ .columns { } .columns .column {float:left;} .columns.with_subhead .column h3 { margin-bottom: 4px; } .columns.taller .column2 { padding-top: 90px; } .columns.resource_links { position: absolute; top: 15px; right: 15px; } .columns.resource_links p, .columns.resource_links a { float: left; clear: none; font-weight: bold; margin: 0 3px; } .columns.resource_links.standalone a { float: none; margin: 0; }/* expando */ /* No JavaScript, mobile default styles. */ .expando { display: block; } /* JavaScript, Responsive styles. */ .js .expando { display: none; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { } /* footer */ #footer-wrapper { border-top: 4px solid #68217A; } footer { font-size: 13px; color: #333; width: 100%; position:relative; } .footer_top_inner { margin-top:36px; } .footer_top_inner, .footer_logos { width: 280px; min-width:280px; margin: 0 auto; } .footer_top_inner { padding: 31px 20px 0 20px; } .footer_bottom_inner { background-color: #fff; width: auto; min-width: auto; } .footer_bottom_inner .footer_logos { position: relative; left: 18px; padding: 20px 0 40px 0; } .footer_top, .footer_bottom { width:100%; position:relative; display:inline-block; } .footer_bottom { padding-bottom: 0; z-index:10; } .footer_bottom p { font-size: 10px; color: #333; line-height: 14px; margin-top:10px; } footer h2 { font-size: 13px; color: #333; margin: 0 0 2px 0; font-weight: normal; clear:both; } .container_footer_nav, .footer_logos, .footer_bottom_inner > p, .footer_block { padding: 0 18px; } .footer_top .container_footer_nav { display: block; } .footer_bottom .container_footer_nav { display: none; } .footer_bottom_inner > p { margin:3px 0 0 0; } footer .footer_block { width: 240px; padding-bottom: 15px; } footer .footer_block div.list { margin: 8px 0 0 0; display:inline-block; } footer .footer_block div.list ul { padding: 0; margin-bottom: 15px; margin-top:-8px; } footer .footer_block div.list ul li { list-style: none; margin: 0 0 0 0; } footer .container_other_sites div.list { margin-top:20px; } footer .container_other_sites div.list ul li { margin-bottom:14px; } footer .container_other_sites div.list ul li a { text-decoration: none; font-size: 13px; color: #333; padding: 4px 0 5px 35px; background: url(data:image/gif;base64,R0lGODlhGgAaALMAAN3d3ePj4wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAaABoAAwQlEMhJq6Xh6s27/2AojmRpnmiqrmzrvnAse9k81rZY7xIP+LtABAA7) 0 1px no-repeat; } footer div.list ul li a { font-size: 12px; } footer a:hover { text-decoration:underline; } footer .container_other_sites div.list ul li.item_1 a { background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_windows_symbol.png'); } footer .container_other_sites div.list ul li.item_2 a { background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_office_symbol.png'); } footer .container_other_sites div.list ul li.item_3 a { background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_windowsphone_symbol.png'); } footer .container_other_sites div.list ul li.item_4 a { background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_xbox_symbol.png'); } footer .container_other_sites div.list ul li.item_5 a { background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_skype_symbol.png'); } footer .container_other_sites div.list ul li.item_6 a { background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_bing_symbol.png'); } footer .container_other_sites div.list ul li.item_7 a { background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_store_symbol.png'); } footer .footer_block.container_about { padding-bottom: 0; } footer .container_footer_nav { margin-bottom: 22px; overflow: hidden; } footer .container_footer_nav ul li { margin-bottom: 7px; } footer .container_footer_nav ul li a { font-size: 13px; color: #999; } footer .footer_logos > a { display: block; margin: 15px 0 0 0; } footer .lauguage_list_icon { height:22px; width:auto; margin: 0 0 30px 0; display:table; } footer .lauguage_list_icon a { background: transparent url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_globe.png') no-repeat; padding:1px 0 6px 30px; height:22px; width:100%; color:inherit; text-decoration:none; } .language_list_mobile { margin: 0 18px; } /* social footer */ .social_footer { position: relative; width: 100%; float: left; padding: 0; background-color: #f5f5f5; z-index: 10; } .social_footer .social_links { width: 240px; min-width: 240px; padding: 31px 0 28px; margin: 0 auto; } .social_footer .social_links h4 { font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; line-height: 16px; color: #333333; } .social_footer .social_links ul { display:inline-block; margin-bottom: 0; padding-left: 0; margin-top: 10px; } .social_footer .social_links ul li { height: 20px; list-style-type: none; } .social_footer .social_links ul li a { font-size: 12px; height: 20px; display: block; padding-left: 35px; background-position: left -20px; background-repeat: no-repeat; } .social_footer .social_links ul li a:hover { background-position: left 0; text-decoration: underline; } .social_footer .social_links ul li.social_youtube a { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_youtube_sprite.png'); } .social_footer .social_links ul li.social_facebook a { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_facebook_sprite.png'); } .social_footer .social_links ul li.social_twitter a { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_twitter_sprite.png'); } .social_footer .social_links ul li.social_linkedin a { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_linkdin_sprite.png'); } .social_footer .social_links ul li.social_blog a { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/footer_blog_sprite.png'); } /* 6 column layout -- width: 478px - 767px. */ @media only screen and (min-width : 478px) { .footer_top_inner { width: 436px; } .footer_bottom_inner .footer_logos { left:0; width:398px; padding-bottom: 60px; } .footer_bottom_inner p { float:right; margin:10px 0 0 0; } footer .footer_block { float: left; padding-bottom: 5px; } footer .footer_block.container_other_sites { width: 396px; } footer .container_other_sites div.list ul li { padding-bottom:10px; } footer .footer_block.container_about { width: 168px; margin-right: 20px; } footer .footer_block.container_support { width: 168px; } footer .footer_block.container_popular_resources { width: 168px; padding-bottom: 15px; } footer .footer_block div.list ul { display:inline-block; } footer .footer_block div.list ul li { float: left; width: 205px; margin-right: 20px; margin-bottom: 5px; } footer .footer_block div.list ul li.even { width: 171px; margin-right: 0; } footer .container_footer_nav { margin-bottom: 25px; } footer .container_footer_nav ul { display: inline; margin: 0; } footer .container_footer_nav ul li { float: left; margin: 0 25px 7px 0; } footer .container_footer_nav ul li.last { margin-right: 0; } footer .footer_logos > a { float: right; margin-top: -25px; } .footer_top .container_footer_nav { display: block; } .footer_bottom .container_footer_nav { display: none; } footer .lauguage_list_icon { margin-bottom: 0; } footer .lauguage_list_icon a { display:inline-block; margin-top:1px; } /* social footer */ .social_footer .social_links { width: 396px; } .social_footer .social_links ul { margin-top:14px; } .social_footer .social_links ul li { float:left; width: 222px; } .social_footer .social_links ul li.item_2, .social_footer .social_links ul li.item_4 { width: 100px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .footer_top_inner { width: 688px; } .footer_bottom_inner .footer_logos { width:652px; padding-top:10px; } .footer_bottom .container_footer_nav { display: block; margin: 0 auto; position: relative; width: 688px; padding-top:20px; } footer .footer_block.container_other_sites { width: 176px; margin-right: 20px; } footer .footer_block.container_about { width: 176px; } footer .footer_block.container_support { width: 176px; } footer .footer_block.container_popular_resources { width: 176px; } footer .footer_block div.list ul li { float: none; width: auto; } footer .footer_block div.list ul li.even { width: auto; } footer .container_footer_nav { margin-bottom: 17px; position: relative; z-index: 10; } footer .container_footer_nav ul { float: right; margin-right: 19px; } .footer_top .container_footer_nav { display: none; } /* social footer */ .social_footer .social_links { width: 648px; } .social_footer .social_links ul li { width: 131px; margin-right: 100px; } .social_footer .social_links ul li.item_3 { margin-right: 0; } .social_footer .social_links ul li.item_4 { margin-right: 0; } .social_footer .social_links ul li.item_2, .social_footer .social_links ul li.item_4 { width: 131px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .footer_top_inner { width: 916px; } .footer_bottom_inner .footer_logos { width:880px; padding-top:10px; } .footer_bottom .container_footer_nav ul { float:right; margin-right: 45px; margin-bottom: 6px; } footer .footer_block.container_other_sites { width: 174px; padding-bottom: 15px; } footer .footer_block.container_about { width: 174px; } footer .footer_block.container_support { width: 174px; margin-right: 20px; } footer .footer_block.container_popular_resources { width: 190px; margin: 0; } footer .container_footer_nav { margin-right:25px; } footer .container_footer_nav ul { margin-right: 100px; } footer .container_footer_nav ul li { margin-bottom: 0; } footer .footer_logos { width: 876px; margin-top: -39px; } /* social footer */ .social_footer .social_links { width: 876px; } .social_footer .social_links ul li { width: 174px; margin-right: 56px; } .social_footer .social_links ul li.item_3 { margin-right: 56px; } .social_footer .social_links ul li.item_2, .social_footer .social_links ul li.item_4 { width: 174px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .footer_top_inner { width: 1120px; } .footer_bottom_inner .footer_logos { width:1080px; } .footer_bottom .container_footer_nav ul { margin-right: -15px; } footer .footer_block.container_other_sites, footer .footer_block.container_about, footer .footer_block.container_support, footer .footer_block.container_popular_resources { width: 225px; } footer .footer_logos { width: 1080px; } footer .lauguage_list_icon a { margin-top:0; } /* social footer */ .social_footer .social_links { width: 1080px; } .social_footer .social_links ul li { width: 224px; } .social_footer .social_links ul li.item_2, .social_footer .social_links ul li.item_4 { width: 224px; } } .footnote div.list ol li { font-size: 9px; margin: 1px; clear: both; }/* Header Styles */ #header-wrapper { width: 100%; background-color: #68217A; z-index: 999; } header { width:100%; margin: 0 auto; position: relative; color: #fff; font-size: 16px; background-color: #68217A; z-index:101; } header a, header a:link, header a:visited, header a:active, header a:hover { color: #fff; text-decoration: none; } header .container_sub_nav { padding: 0 20px; } .nav_wrapper { width:100%; background-color:#68217A; float:left; z-index:998; position:relative; } /* Title bar */ #title-bar-wrapper { width: 100%; background-color: #DDD; z-index: 99; position: relative; } .title_bar { width: 240px; padding: 0 40px; margin: 0 auto; position: relative; height: 60px; font-size: 14px; color: #666; } .title_bar h2 { font-family: 'Segoe UI Semibold'; font-weight: normal; text-transform: uppercase; font-size: 11px; } .title_bar .page_title, .title_bar .jump_links { padding: 15px 0 0; } .top_anchor_links { display: none; } .top_anchor_links .column a { margin-right: 30px; } div.list.top_anchor_links ul li { float: left; list-style: none; margin-right: 30px; } header .container_logo { width: 260px; height: 45px; padding: 25px 20px 0 40px; margin: 0 auto; } header .container_logo h1 { margin-top:2px; height: 23px; width: 155px; float: left; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAAAXCAYAAAAhgVxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABulJREFUeNrsmntsFUUUxi9SSi19QH0EqEJVoBYplkKxWhTBiBgMxaiAxaRVEizEqKTxmQKiRkCF+I/gIzVa24IQJShoQV6CAWlAEKTQ4ANEECmFUgpFaXv9Dv3WDOPs3Xv33kDBe5JftjuPndnZM+ecOb1tvF6vJ0iJA5+AfeB9sMUTlktC2gSpHPGgHGQqZd+DIlAKjoeX+P+pHJ3ACjDApr4BjAFfhJf54pTLXPa7Aqz0oRgil4NrQjzfCD73Qkki6A8SWvE3TeUc2yplscEoh1yH+KksV1Ex0oN8CRlvAhjo0G4o290ENoCaEIztVp4Am8FwH21kblPBPDAbPAm6ncc5LuUcY3g/FtSCD9zsxJFgFriRbuIRUG3T/mqwCvQJwUt0B++Cb8Htdm4PfAiu5ZgdQSSIboU7Vnbqe+AxQ10X8IK2jsKP52Fecdz0sW4sxwQqhsgwal2moW1nsNZGMepdTPpTcApk+dhZWVQMCXJ3cld2p0K1NplMxfiZ6ygfP4XWZr/STjbjH2DceZqXKOz1bsYzuRH5UOv4sm1Y1pWKkWIz+FMuJn0CLOYYY2za5PD6kaKEB1qprx/F6zPga1rf3eBtMFdpFxNErOdWfgV/B6Mc5dyhIu3AHLCQvl4UI1nre4ou6HFw2uWkS3g1KYfM4SFwBsxnWT6YSfdiSSYVVD7IAjCe5R3ZNt/w7OGsS9NiKdnlZXyWzO3BAN4lyiHIj+KYY3l/J+9f4n0e75O0ftZ7PK2VR3LtF4Fl4GVtXSxJY/9RWnl7rlWxsnb55wT8OMou9bZIKegIKrznSrP3v7IL9JFjMMnxmmWi0sZEW3CQbXtpdSNYvkQpW8+ybrwfDZrAX2Ab2A/2sa4b2643jDuDdTlK2U8s2wu285kihQ79LKazbg/oaaiPt1mjWtZb32GQ1s96j+1KWRzYxPJToIrX3eAwy+O1bzNX6Z/EtiLH2f8k73eCRGmna7lEtXeDjVpQqIrs4owQBVNN3KkeZUfpLqXYR/9C7tRB3CESnzzgci5LGHvJzu1LJFfzHHepk7wJKkAPsJX9IpT6Oh6BJ/D+Ld4nuZjrDJ7yltLlJzMc2EsL6DO3RWsjfV5n+2ReJXnZm1ejCZSs5iTQbKirZNBVH0J/+LFBOTqAbHDUIYkWbTDlm13OowBUKfdVypHwOj9jqMF0x+1pyjdysc8aaXAMnOT9ad7XBjhPeedH6dZzlf5H6OabHfoPZn5qE3heiUXkeRPBQXCPvLNJOXrxg5jqevOFe4ZQOX4gKUoMkE0FWeAQSFlWRXzmNBuf66/EUvHleL0a/EaL5PHTclgfvIBJqA38CPK/prtCuF43My6o4OZR5Qg/ri+5ldevqLCqnFFOgv10BRCzukbLbB4xBDibAwzWAg1MczSrYievgGdpKiWw+wWMdjG+vPcumtNbqBhFQbjO7eAOKloUE1ChOqFY2dk/beqdLEccrzU29cesAFqdcA8qRlclHniRPnGFYYCFNKHtQvDCpRxvLH3fMJr17xz6iea/wXP8LM6rTDtZJdhYCVVe9bSkxvOo/HKd7scudIqnJB3QyHigix9Wx2SlIgzuy8P5mk6fcQ7j1CgpC5NYhuGAqhwDmegSOcTAdAZ9ZDaPunpgM5k5kWDTw5IUWklFLKTCFQfQv5r+cxEzleksa6LixGqZzKEGy2GZWlWpMgI097rEKIpSZziKegwWur9WPszghhtp4ZIMuRYn17pGifFiDInOIbQeFSZTJzmNfspDLK3OZnSsi+QZXgthYDqeprHEjz6iDCOYNc3kgnnpDhro96OYgu/Lj13CU40qVgZzGpVpIJ8dE8D8i7mBJnFjjeO97PzPlB1/WMmUZmgxgIdKfj/nIQHnVMOBoZgb6EuOdQPjpXcYWPqSLcxOyxosZ38Z617OQQLeKWfXD+fZ3qAMNIKZIMJHXiISLPb6L055DpVoUMd+q23a6HmOam08eYcpSvs0Qxt59mwtXzFAybdYUgSW8e9UP/Icn9uswWIl5+Dh+m4y5Dnk5xPztb6Sg8gz5DliwXKtbQN4mHkepzxHDCgx5LBOgAKrnfp7jk5KMOJLIhkj+BOQyi6aF2Bg2IFuxuTvk7mbd/AUE8+jWSKP198wmFQlnhnRBMYxa+n/OzOtfFRxASPps7fyqNeD/StpiRIN/fSTXgrjtnrGTHtssqX3gSv57HWaJU6npSmnpUjl+JWaW89inYy1imuWym+0je4sgUfxasPayPvdxjU/xLX5Vwfc/tgnguZ5TIiVIyytSNwerxrpU0t9tNlB7Q3LRSoRQR7VcqkouSyrZ+KqyI9jaFguYeWwFESi5N89Lb8+n+8JbWo9LBdQ/hFgABZkAbYlgSqSAAAAAElFTkSuQmCC') no-repeat; } header .container_logo h1 span { display:none; } header .container_search { display: none; margin-top:-2px; } .js header .container_menu_icon, .js header .container_search { background: transparent 10px 32px no-repeat; cursor:pointer; display:block; width:40px; height:70px; margin: 0; cursor:pointer; } .js header .container_search { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATxJREFUeNpiYsAD/v//zwHE+UB8HIh//IeAt0C8GogdGIgBQIVaQHz7P36wEIjZ8BkiB8QvoYrvAXEMEPMDMTMQqwNxJxD/gsqvxGfQOqiic0AsgEONExD/hqoLwKZACoj/QRXoEfB+N1TdHmySoVDJK0SEoyFU7RcmLPLcUPo1EXHyFqYHm0FPoDQoUJkIGKQFpV9icy4XEH+EOrkRj7cYgXgHVN0cbApAUXwSKa3MwqKGBYgnQOV/ArEaNkOWYkl4G4A4E4iDgbgSiG9CxUGxm4huCBtS+oEBUDr5gyNVPwViP5h+Fli4AKlVQOyNZPYnIPYF4kdAHAzExkDMAcQvgPgQEK9nZGT8iR64+9BsewfE5gykAKCG7WiGvAZiXQZSAVJ+AYEnoEzJQA4AaqyDGgbKoCoMZAKAAAMAAS/KoRzSj/kAAAAASUVORK5CYII=); } .js header .container_search.active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNqc080rRFEYx/EzTIiNLBQLKyELJdEUC6QkTUwsbMhGKAt/AQs7JbOxsWNKUqgxGxtkobCQmRQ2Ssg72Xkpvo+eq9t05k7jqU/n3Nu5v87b9R1Ej41H5WEYfahFLp6xhTns1AdrfgdmeYRUI4EwAhoiVYRebGPhcCOe4xVUpgPLcYF+FMKPKkzjEwOIyAe+FEtbQwhHaMWrZYy839TwkG1GpejW/mCKEKP7FNb+mC2oUWaKE8SNdy1pG7AFFWj7YNLXk/ONLehK28o0p+qcrNSdbeAe3lCCSY8QWf649mO2oHecan8C85YxclKzaMeHXAd/0oBsLKLB9W4IxXrU96jQ05T2GyPc7nN3kNzQZb0/Tn3pErqUu24wSkjUmaJUPlbQ6Roo+xTEJXpQp//eLXaxrtvwt1YJiaHFFfKCDuzr80y6eyBBq0khj3r9EyaDklNrcz1foynTECdoSjdVftBmnJl/1I8AAwCtBEqnPHUorgAAAABJRU5ErkJggg==); } .js header .container_menu_icon { background-image: url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpi/A8EDFQATAxUAixAzDioXERVr40G9ogNbIAAAwBeLAYcRHGQcgAAAABJRU5ErkJggg=='); } .js header .container_menu_icon.selected { background-image: url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpivHLw1n8GKgAmBioBFiBmpMQAbTtV6rqIql6jKLCvHro9GthDNrABAgwAk5kLjl7WwCgAAAAASUVORK5CYII=') !important; } header .container_utils { display: none; } .js header .container_utils { position: absolute; top: 0; right: 50%; height: 70px; margin-right: -128px; display: block; } header .container_utils .column { } .mobile_jump_links, .mobile_jump_links .top_anchor_links { display: block; } .mobile_jump_links .top_anchor_links ul { float:left; padding-left: 0; margin-top: 20px; } .mobile_jump_links .top_anchor_links li { clear:both; margin-bottom: 12px; } .mobile_jump_links .top_anchor_links li a { background: transparent url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/button_arrow_right.png') no-repeat; padding-left: 30px; font-size: 14px; padding-bottom:3px; color:#2a2a2a; } .alm .mobile_jump_links .columns { margin-top:19px; } .alm .mobile_jump_links .column { clear:both; margin-bottom: 11px; } .alm .mobile_jump_links .column a { background: transparent url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/button_arrow_right.png') no-repeat; padding-left: 30px; font-size: 14px; padding-bottom:3px; color:#2a2a2a; } /* 6 column layout -- width: 478px - 767px. */ @media only screen and (min-width : 478px) { header .container_logo { width: 418px; } .js header .container_menu_icon { margin-right: 4px; } .js header .container_search { margin-top:-2px; } .js header .container_utils { margin-right: -206px; } .title_bar { width: 396px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { header .container_logo { width: 648px; padding: 25px 60px 0; } .js header .container_logo { width: 176px; padding: 25px 20px 0 20px; margin-right: 20px; } header .container_logo h1 { float: none; } .js #header-wrapper { position: fixed; bottom: 0; } .js header { width: 688px; padding: 0 40px; } .js header .container_logo, .js header .nav-primary, .js header .container_sub_nav, .title_bar .page_title, .js .jump_links { float: left; } .js header .nav-primary { width: 422px; padding: 0 20px 0 10px; } .js header .container_menu_icon { display:none; } .js header .container_utils { margin-right: -352px; } .title_bar { width: 688px; padding: 21px 40px 0; } .title_bar h2 { font-size: 14px; line-height: 22px; } .title_bar .page_title { width: 176px; margin-right: 20px; padding: 0 20px; } .js .jump_links { width: 412px; padding: 0 20px; } .js .top_anchor_links { display: block; font-size: 14px; line-height: 22px; } .js div.list.top_anchor_links ul { padding-left: 0; } .top_anchor_links .mobile_only, .mobile_jump_links, .mobile_jump_links .top_anchor_links { display:none; } .js .disable_hover_for_touch header .container_search:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNqc080rRFEYx/EzTIiNLBQLKyELJdEUC6QkTUwsbMhGKAt/AQs7JbOxsWNKUqgxGxtkobCQmRQ2Ssg72Xkpvo+eq9t05k7jqU/n3Nu5v87b9R1Ej41H5WEYfahFLp6xhTns1AdrfgdmeYRUI4EwAhoiVYRebGPhcCOe4xVUpgPLcYF+FMKPKkzjEwOIyAe+FEtbQwhHaMWrZYy839TwkG1GpejW/mCKEKP7FNb+mC2oUWaKE8SNdy1pG7AFFWj7YNLXk/ONLehK28o0p+qcrNSdbeAe3lCCSY8QWf649mO2oHecan8C85YxclKzaMeHXAd/0oBsLKLB9W4IxXrU96jQ05T2GyPc7nN3kNzQZb0/Tn3pErqUu24wSkjUmaJUPlbQ6Roo+xTEJXpQp//eLXaxrtvwt1YJiaHFFfKCDuzr80y6eyBBq0khj3r9EyaDklNrcz1foynTECdoSjdVftBmnJl/1I8AAwCtBEqnPHUorgAAAABJRU5ErkJggg==); } .js .disable_hover_for_touch header .container_menu_icon:hover { background-image: url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpivHLw1n8GKgAmBioBFiBmpMQAbTtV6rqIql6jKLCvHro9GthDNrABAgwAk5kLjl7WwCgAAAAASUVORK5CYII=') !important; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { header { font-size: 20px; } header .container_logo { width: 876px; padding-top: 30px; } .js header, .title_bar { width: 916px; } .js header .container_logo, .title_bar .page_title { width: 252px; padding-right: 60px; margin: 0; } .js header .nav-primary { width: 468px; padding-left: 78px; } .js .jump_links { width: 448px; padding-left: 98px; } .js header .container_utils { margin-right: -466px; top: 8px; } header .container_logo h1 { background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/vs2012.png'); width:199px; height:33px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { header .container_logo { width: 1080px; } .js header, .title_bar { width: 1120px; } .js header .container_logo, .title_bar .page_title { width: 320px; } .js header .nav-primary { width: 587px; padding-left: 95px; } .js .jump_links { width: 567px; padding-left: 115px; } .js header .container_utils { margin-right: -568px; } }.hero { color: #fff; width: 100%; min-width: 320px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .hero_cover { display: none; } .hero_content { display: none; } .hero_nav_background { display: none; } .hero_content .hero_blocks h3 { font-family: 'Segoe UI Bold', Segoe UI Bold, Segoe UI Semibold, Arial, sans-serif; } /* Hero background images. */ #hero-launch-day { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_launchday_hero.jpg'); } #hero-launch-party { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_launchparty_hero.jpg'); } #story-hero-whats-new { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_whatsnew_hero.jpg'); } #story-hero-whats-new-rise { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_rise_hero_developer.jpg'); } #alm-rise-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_rise_hero_ALM.jpg'); } #alm-default-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-landing.jpg'); } #alm-overview-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-overview.jpg'); } #alm-define-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-define.jpg'); } #alm-develop-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-develop.jpg'); } #alm-operate-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-operate.jpg'); } #product-edition-ultimate-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_ult-hero.jpg'); } #product-edition-premium-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_prem-hero.jpg'); } #product-edition-professional-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_prof-hero.jpg'); } #product-edition-testpro-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_testpro-hero.jpg'); } #product-edition-tfs-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_tfs-hero.jpg'); } #product-express-web-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_web-hero.jpg'); } #product-express-windows-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_windows-hero.jpg'); } #product-express-desktop-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_desktop-hero.jpg'); } #product-express-phone-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_phone-hero.jpg'); } #product-express-tfs-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_tfs-hero.jpg'); } #product-tfservice-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_product_tfservice_hero-landing.jpg'); } #product-2010-express-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_2010-hero.jpg'); } #product-edition-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_product_edition_hero-landing.jpg'); } #product-express-default-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_product_express_hero-landing.jpg'); } #page-alm .hero_blocks .video_thumb { width: 219px; height: 136px; margin-top: 10px; } .hero .stretch_image { height: 100%; } .hero_content .hero_blocks h2 { font-family: 'Segoe UI Light', Arial, sans-serif; font-size: 48px; line-height: 53px; } /* transparent image to force the height of the mobile heroes */ .mobile_frame { display: none; } .js .mobile_frame { display: block; width: 100%; } .hero_only .hero_content .hero_blocks .hero_block.block2 .arrow-link a { color: #00AEF0; display: inline-block; font-size: 15px; line-height: 20px; padding: 10px 50px 10px 20px; background: url("/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/arrow-link/images/blue-arrow.png") no-repeat scroll 90% 15px #FFFFFF; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { #hero-launch-day { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_launchday_hero.jpg'); } #hero-launch-party { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_launchparty_hero.jpg'); } #story-hero-whats-new { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_whatsnew_hero.jpg'); } #story-hero-whats-new-rise { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/rise_hero_developer.jpg'); } #alm-rise-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_rise_hero_ALM.jpg'); } #alm-default-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-landing.jpg'); } #alm-overview-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-overview.jpg'); } #alm-define-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-define.jpg'); } #alm-develop-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-develop.jpg'); } #alm-operate-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-operate.jpg'); } #product-edition-ultimate-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_ult-hero.jpg'); } #product-edition-premium-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_prem-hero.jpg'); } #product-edition-professional-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_prof-hero.jpg'); } #product-edition-testpro-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_testpro-hero.jpg'); } #product-edition-tfs-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_tfs-hero.jpg'); } #product-express-web-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_web-hero.jpg'); } #product-express-windows-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_windows-hero.jpg'); } #product-express-desktop-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_desktop-hero.jpg'); } #product-express-phone-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_phone-hero.jpg'); } #product-express-tfs-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_tfs-hero.jpg'); } #product-tfservice-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_product_tfservice_hero-landing.jpg'); } #product-2010-express-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_2010-hero.jpg'); } #product-edition-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_product_edition_hero-landing.jpg'); } #product-express-default-hero { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_product_express_hero-landing.jpg'); } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .hero { height: 100%; max-width: 100%; max-height: 100%; background-color: #D5D5D5; } .hero_cover { width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: block; } .js .hero .hero_cover { width: 70%; margin-left: 30%; background-color: #FFF; } #alm-rise-hero, #alm-default-hero, #alm-overview-hero, #alm-define-hero, #alm-develop-hero, #alm-operate-hero, #alm-tools-hero, #product-edition-ultimate-hero, #product-edition-premium-hero, #product-edition-professional-hero, #product-edition-testpro-hero, #product-edition-tfs-hero, #product-express-web-hero, #product-express-windows-hero, #product-express-desktop-hero, #product-express-phone-hero, #product-express-tfs-hero, #product-tfservice-hero, #product-2010-express-hero, #product-edition-hero, #product-express-default-hero { background-image: none; } #hero-launch-day .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_launchday_hero.jpg'); } #hero-launch-party .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_launchparty_hero.jpg'); } #story-hero-whats-new .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_whatsnew_hero.jpg'); } #story-hero-whats-new-rise .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/rise_hero_developer.jpg'); } #alm-rise-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/rise_hero_ALM.jpg'); } #alm-default-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-landing.jpg'); } #alm-overview-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-overview.jpg'); } #alm-define-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-define.jpg'); } #alm-develop-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-develop.jpg'); } #alm-operate-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-operate.jpg'); } #alm-tools-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-overview.jpg'); } #product-edition-ultimate-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_ult-hero.jpg'); } #product-edition-premium-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_prem-hero.jpg'); } #product-edition-professional-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_prof-hero.jpg'); } #product-edition-testpro-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_testpro-hero.jpg'); } #product-edition-tfs-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_tfs-hero.jpg'); } #product-express-web-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_web-hero.jpg'); } #product-express-windows-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_windows-hero.jpg'); } #product-express-desktop-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_desktop-hero.jpg'); } #product-express-phone-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_phone-hero.jpg'); } #product-express-tfs-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_tfs-hero.jpg'); } #product-tfservice-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/product_tfservice_hero-landing.jpg'); } #product-2010-express-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_2010-hero.jpg'); } #product-edition-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/product_edition_hero-landing.jpg'); } #product-express-default-hero .hero_cover { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/products/product_express_hero-landing.jpg'); } .js .mobile_frame { display: none; } .hero_content { width: 768px; height: 100%; margin: 0 auto; position: relative; z-index: 3; display: block; } .hero_content .hero_nav_container { width: 257px; height: 100%; background: #d5d5d5; padding: 0; float: left; font-size: 13px; line-height: 17px; } .hero_content .hero_nav_container ul li { width: 100%; } .hero_content .hero_nav_container ul li a { display: block; color: #666; } .hero_content .hero_nav_container > ul > li { border-bottom: solid 1px #e8e8e9; } .hero_content .hero_nav_container > ul > li > a { padding: 18px 0 18px 60px; } .hero_content .hero_nav_container > ul > li > ul { background: #e8e8e9; width: 100%; } .hero_content .hero_nav_container > ul > li > ul > li > a { padding: 11px 0 11px 70px; } .hero_content .hero_nav_container ul.primary_nav_subnav.level_2 > li > ul > li { border-bottom: solid 1px #d5d5d5; } .hero_content .hero_nav_container ul.primary_nav_subnav.level_2 > li > ul > li.last { border-bottom: none; } .hero_content .hero_nav_container ul.primary_nav_subnav.level_2 > li > ul > li > a { padding-left: 80px; } .hero_content .hero_nav_container ul.primary_nav_subnav.level_2 li.selected > a { color: Purple; } .hero_content .hero_blocks { width: 290px; padding: 33px 0 27px 39px; float: left; } .hero_content .hero_blocks p { font-size: 16px; line-height: 19px; margin: 18px 0 0 0; } .hero_content .hero_blocks h3 { font-size: 12px; line-height: 14px; margin: 24px 0 0 0; text-transform: uppercase; } .hero_content .hero_blocks .hero_block .arrow-link { margin: 34px 0 0 0; } .hero_content .hero_blocks .hero_block .arrow-link a { color: #00AEF0; padding: 6px 60px 10px 20px; margin: 0; background: #fff url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/hero/images/global_hero_btn_cap.png') no-repeat right -2px; } .js .hero.story_hero .hero_cover { display: none; } .hero.story_hero .hero_content { width: 294px; padding: 0 414px 0 60px; } .hero.story_hero .hero_content h2 { font-family: 'Segoe UI Light', Arial, sans-serif; font-size: 48px; line-height: 53px; margin: 33px 0 0 0; } .hero.story_hero .hero_content a { font-size: 14px; line-height: 20px; color: #fff; display: inline-block; margin: 18px 0 0 0; } .hero.story_hero .hero_content .hero_blocks { padding-left: 0; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .hero_content { width: 996px; } .hero_content .hero_nav_container { width: 372px; } .hero_content .hero_nav_container > ul > li > ul > li > a { padding-left: 85px; } .hero_content .hero_blocks { width: 352px; } .hero.story_hero .hero_content { width: 408px; padding: 0 528px 0 60px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .hero_content { width: 1200px; } .hero_content .hero_nav_container { width: 440px; } .hero_content .hero_nav_container > ul > li > a { padding: 15px 0 15px 60px; font-size: 15px; line-height: 24px; } .hero_content .hero_blocks { width: 600px; padding: 59px 0 27px 58px; } .hero_content .hero_blocks p { font-size: 22px; line-height: 24px; margin-top: 16px; } .hero_content .hero_blocks h2 { font-size: 70px; line-height: 75px; } .hero_content .hero_blocks h3 { font-size: 14px; line-height: 23px; margin-top: 20px; } .hero_content .hero_blocks .arrow-link a { font-size: 15px; line-height: 24px; } .hero.story_hero .hero_content { width: 590px; padding: 0 550px 0 60px; } .hero.story_hero .hero_content h2 { font-size: 70px; line-height: 75px; margin-top: 59px; } .hero.story_hero .hero_content p { font-size: 22px; line-height: 24px; margin-top: 16px; } .hero.story_hero .hero_content a { font-size: 15px; line-height: 24px; } .hero.story_hero .hero_content .hero_blocks { padding-left: 0; } } .hero-metro-slim { width: 960px; position: relative; overflow: hidden; } .hero-metro-slim .hero_image { float: left; width: 311px; border: solid 1px #CCC; margin-right: 10px; overflow: hidden; } .hero-metro-slim .content_area { position: relative; float: left; width: 595px; height: 95px; padding: 20px; border: solid 1px #CCC; background: url('i.microsoft.com/visualstudio/_base_v2/modules/hero-metro-slim/images/trapezoid.png') no-repeat right top; } .hero-metro-slim .content_area h1 { max-width: 415px;} .hero-metro-slim .content_area h3 { max-width: 355px;} .hero-metro-slim .content_area p.category { position: absolute; right: 0; top: 30px; display: block; width: 145px; color: #FFF; font-size: 20px; line-height: 28px; font-weight: 100; overflow: visible; } /* .hero-metro-slim .content_area { float: left; width: 635px; height: 135px; border: solid 1px #CCC; } .hero-metro-slim .content_area .hero_text { float: left; width: 295px; padding: 20px; } .hero-metro-slim .content_area .cta_trapezoid { float: right; width: 300px; } .hero-metro-slim .content_area .cta_trapezoid a { position: relative; display: block; height: 135px; background: url('i.microsoft.com/visualstudio/_base_v2/modules/hero-metro-slim/images/trapezoid.png') no-repeat right top; } .hero-metro-slim .content_area .cta_trapezoid a:hover { background-position: right bottom; text-decoration: none; } .hero-metro-slim .content_area .cta_trapezoid a span { position: absolute; right: 0; top: 30px; display: block; width: 140px; color: #FFF; font-size: 20px; font-weight: 100; } *//* language list styles */ .language_list_wrapper { width: 100%; background-color: #e4e4e4; padding-bottom:40px; } .js .language_list_wrapper { position: absolute; top:0; z-index:-1; } .js .language_list_original { display: none; } .language_close { display: none; } #current-language a { display: none; } .js #current-language a { display: block; } .js .language_close { display:block; position:absolute; cursor: pointer; height:25px; width:25px; top:20px; right:25px; background-image:url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/button-close.png'); } .language-list { width: 280px; min-width: 280px; display:block; font-size:14px; margin: 0 auto; } .language-list ul, .language-list .language_title { padding: 0 18px; } .language_title { font-size: 24px; margin:60px 0 30px 0; display:inline-block; } .js .language_list_wrapper { display:none; } .js .language-list .language_title { font-size: 24px; } .multi_column_language_list { float:left; width: 100%; margin:0 0 60px 0; } .multi_column_language_list ul.multi_column { float:left; width: 136px; } .multi_column_language_list ul.multi_column li { margin-bottom: 10px; } /* 6 column layout -- width: 478px - 767px. */ @media only screen and (min-width : 478px) { .language-list { width: 436px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .language-list { width: 688px; } .js .language_title { margin:60px 0 60px 0; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .language-list { width: 916px; } .multi_column_language_list ul.multi_column { width: 193px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .language-list { width: 1120px; } .multi_column_language_list ul.multi_column { width: 244px; } } /* module: lightbox */ .lightbox {visibility: hidden; display:none; position: absolute; top: 0; left: 0; z-index: 1000001; margin: 0; padding: 0; } #zBox_bg { display:block; position: fixed; top: 0; left: 0; height: 1px; background-image: url(/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/lightbox/images/dim_repeat.png); z-index: 1000000; } /* default width - override as needed in page-level css or common.css Height of a lightbox should be determined by it's content, but if you need to set a height, use .lightbox_inner_box to set height. */ .lightbox { -moz-box-shadow:0 0 20px #111; -webkit-box-shadow:0 0 20px #111; box-shadow:0 0 20px #111; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .metro .lightbox { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .lightbox_inner_box { } .lightbox_inner_box { padding-top: 1px; background-color: #FFF; border:solid 0px #FFF; margin: 10px; position: relative; z-index: 1000006; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .lightbox_close { display: block; position: absolute; width: 14px; height: 14px; right: 6px; top: 6px; background: url(/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/lightbox/images/module_closebutton.png) top; z-index:20; } .lightbox_close:hover { background-position: bottom; } .lightbox_content { margin: 25px 15px 15px 15px; } .corner { position: absolute; height: 54px; width: 54px; z-index: 1000005; } .corner.top_left { top: 0; left: 0; } .corner.top_right { top: 0; right: 0; } .corner.bottom_left { bottom: 0; left: 0; } .corner.bottom_right { bottom: 0; right: 0; } .side { position: absolute; } .side.left { top: 0; left: 0; height: 0; width: 0px; } .side.right { top: 0; right: 0; height: 0px; width: 0px; } .side.top { top: 0; left: ; height: 0px; width: 0; } .side.bottom { bottom: 0; left: 0; height: 0px; width: 0; } /* module: list */ div.list ul { list-style: disc none outside; margin-top: 0; margin-left: 0; padding-left: 18px; } div.list ul li { list-style: disc none outside; margin-left: 0; margin-bottom: 8px; padding-left: 0; } div.list ul li ul li { list-style: circle none outside; } div.list ol { list-style: decimal none outside; margin-top: 0; margin-left: 0; padding-left: 18px; } div.list ol li { list-style: decimal none outside; margin-left: 0; margin-bottom: 8px; padding-left: 0; } div.list ul.list_image li { list-style-type:none; background-image:url(/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/list/images/Home_red_dot_arrowicon_12x12.jpg); background-repeat:no-repeat; padding-left:17px; } p+div.list { margin-top: 5px; }.module.liveperson a { display: block; position: absolute; right: 0px; top: 0; padding: 24px 29px; background: #CCC; } .module.liveperson a span { display: block; clear: both; height: 12px; width: 43px; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) {} /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .module.liveperson a {right: -40px; top: 0; padding: 33px 40px; } .module.liveperson a span { height: 14px; width: 54px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) {} /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) {} /* Primary nav styles. */ .nav-primary { } .primary_nav { font-size: 14px; margin: 0px; padding: 0px; } .primary_nav > li { list-style: none; margin: 0; background: #442359; border-top: solid 1px white; } .primary_nav > li > a { font-family: 'Segoe UI Semibold', Arial, sans-serif; } .primary_nav li a { display: block; width: 260px; height: 31px; padding: 11px 20px 0 40px; margin: 0 auto; color: #fff; } ul.primary_nav_subnav.level_2 { background-color: #e8e8e9; overflow: hidden; } ul.primary_nav_subnav.level_2 li { width: 100%; } ul.primary_nav_subnav.level_2 li a { display: block; color: #666; } ul.primary_nav_subnav.level_2 > li { background-color: #d5d5d5; border-top: solid 1px #e8e8e9; } ul.primary_nav_subnav.level_2 > li > a { font-family: 'Segoe UI Semibold', Arial, sans-serif; } ul.primary_nav_subnav.level_2 > li > ul { background: #e8e8e9; width: 100%; } ul.primary_nav_subnav.level_2 > li > ul > li { background: none; border: none; } ul.primary_nav_subnav.level_2 > li > ul > li > a { padding: 10px 0 11px 60px; height: auto; } .hero_nav_container ul.primary_nav_subnav.level_3 { visibility: collapse; } li.subnav_item { clear:both; } .hidden_subitems { display: none; } a:hover { cursor: pointer; } .js .products ul#desktop-nav .alm ul { display:none; } .js .alm ul#desktop-nav .products ul { display:none; } .js ul.level_2 { display:none; } .js .hero_page ul.level_2, .js .hero_only ul.level_2 { display:block; } .js ul#mobile-nav { position: absolute; top: -102px; width: 100%; } .js ul#mobile-nav.show { display: block; top: 70px; } .js ul#mobile-nav ul.level_2, .js ul#mobile-nav ul.level_3 { display: block; height: 0px; visibility: collapse; } .js ul#mobile-nav ul.level_2.open, .js ul#mobile-nav ul.level_3.open { height: auto; visibility: visible; } .js ul#desktop-nav { display:none; } #desktop-nav .last { margin-right: 0; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { /*.nav-primary > ul#desktop-nav { display:none; } .nav-primary > ul#mobile-nav { display:none; } .nav-primary ul#mobile-nav.show { display:block; }*/ .primary_nav li a { width: 418px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .js .nav-primary { height: 70px; } .js .nav-primary>ul>li { margin-right: 11px; float: left; border: none; background: none; } .nav-primary>ul>li>a { padding: 25px 60px 0; width: 648px; background: none; font-size: 16px; } .nav-primary>ul>li.selected>a, .nav-primary>ul>li>a:hover, .nav-primary>ul>li>a:active { color: #cab2d1; } .js .nav-primary>ul>li>a { padding: 25px 10px 0; width: auto; } .js .nav-primary > ul#desktop-nav { display:block; } .js ul#desktop-nav .primary_nav_subnav.level_2 { position:absolute; left:0; width:300px; } .js ul.primary_nav_subnav.level_2 > li { border-top: none; } .js ul#mobile-nav, .js ul#mobile-nav.show { display: none; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .js .nav-primary { height: 90px; } .js .nav-primary>ul>li { margin-right: 0; } .nav-primary>ul>li>a { width: 876px; font-size: 20px; } .js .nav-primary>ul>li>a { height: 60px; padding: 30px 20px 0; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .nav-primary>ul>li>a { width: 1080px; } .js .nav-primary>ul>li { margin-right: 20px; } } /* module: page-list */ .page-list ul { margin:4px; padding-left: 18px; list-style-type:none; margin-bottom:10px; } .page-list ul li { margin-left: 0; padding-left: 10px; margin-bottom: 4px; } .page-list ul li a:hover {color:#edb81c; }/* downloads module */ /* No JavaScript, mobile default styles. */ .product_downloads { min-height: 250px; padding: 0 20px 30px; color: #666; background-color: #d5d5d5; overflow: hidden; } .product_downloads .column h5 { font-family: 'Segoe UI Semibold',Arial,sans-serif; font-size: 15px; line-height: 20px; margin: 25px 0 0 0; } .one-column .product_downloads .column p { margin-top: 22px; } .product_downloads .download_lang_container { overflow: hidden; margin: 20px 0 23px 0; } .product_downloads .download_lang_container .language { display: inline-block; margin: 7px 0 0 0; } .product_downloads .download_language .download { overflow: hidden; margin-top: 30px; } .product_downloads .download_language .download:first-child { margin-top: 14px; } .product_downloads .download_language a { text-decoration: none; } .product_downloads .download_language .download:hover { border-color: #67217a; text-decoration: none; } .product_downloads .download_language { display: block; overflow: hidden; } .product_downloads .download_language.active { display: block; } .product_downloads .download_language .download .icon { width: 60px; height: 60px; float: left; background-color: #68217A; background-position: center center; background-repeat: no-repeat; } .container.container2 .product_downloads .download_language .download .icon { background-color: #0054a6; } .container.container3 .product_downloads .download_language .download .icon { background-color: #0054a6; } .container.container4 .product_downloads .download_language .download .icon { background-color: #708ec5; } .product_downloads .download_language .download .details { width: 130px; float:left; margin: 0 0 0 10px; word-wrap: break-word; } .product_downloads .download_language .download .details p { margin: 0; } .product_downloads .download_language .download .icon.globe { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/download/globe_2.png'); } .product_downloads .download_language .download .icon.dvd { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/download/dvd.png'); } .product_downloads .download_language .download .icon.webpi { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/download/globe_3.png'); } .product_downloads .download_language .download .icon.arrow { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/download/cta_download_arrow2.png'); } .product_downloads .download_language .download .icon.external { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/download/cta_arrow_white_lg_spaced.png'); } /* Javascript, module default styles. */ .js .product_downloads .download_language { display: none; } .js .product_downloads .download_language.active { display: block; } /* 6 column layout -- width: 476px */ @media only screen and (min-width : 478px) { .product_downloads .download_language .download .icon { width: 80px; height: 80px; } .product_downloads .download_language .download .details { width: 226px; margin-left: 20px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .product_downloads { font-size: 12px; line-height: 16px; } .product_downloads .column { float: left; } .product_downloads .column1 { width: 284px; margin-right: 50px; } .product_downloads .column2 { width: 274px; } .one-column .product_downloads .column > p { font-size: 13px; line-height: 18px; } .product_downloads .download_language .download .icon { width: 60px; height: 60px; } .product_downloads .download_language .download .details { width: 194px; } .product_downloads .download_language .download .details p { font-size: 12px; line-height: 16px; margin-bottom: 2px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .page-download .download_intro { width: 486px; } .product_downloads .column1 { width: 398px; } .product_downloads .column2 { width: 388px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .page-download .download_intro { width: 605px; } .product_downloads .column1 { width: 500px; } .product_downloads .column2 { width: 490px; } } .search_form { position:absolute; height:50px; width:100%; float:left; background-color: #442359; display: block; left:0; bottom:0; z-index:100; } .js .search_form { display:none; } .search_form_outer { float: left; position: relative; width: 100%; z-index: 102; } .search_form_inner { background-color: #68217A; color: #FFFFFF; font-size: 16px; margin: 0 auto; position: relative; width: 100%; z-index: 101; } .search_form_inputs { display: block; position: absolute; right: 50%; margin-right: -120px; margin-top: 13px; } .search_form #search-form-button { float:right; border-right:solid 1px white; border-top:solid 1px white; border-bottom:solid 1px white; width:22px; height:22px; margin-left:-1px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFRCNZ////3NbgUDFj8/H1uazBopGsZ0x40MjVxLrLinaX6OPqc1qDrZ62loSiWz9uf2iNgJRtcgAAAFdJREFUeNq8zjsSgDAIBNAsIZCfxvuf1oxjwR5At4DhFUBKfycXxbDMJmhWIaQH+q4nLKLI00aN+E5C2HDt6ih8R/s01UUGBSDOVpJP54W0Kz75bW4BBgAm+AFvhBPrKQAAAABJRU5ErkJggg==') no-repeat 2px 1px;} .search_form #search-form-query { height: 18px; float: right; width: 212px; border:solid 2px white; } .search_form label { display:none; } /* removes google chrome's yellow border around input box */ input#search-form-query:focus { outline:0px; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { .search_form #search-form-query { width:369px; } .search_form_inputs { margin-right: -198px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .search_form #search-form-query { width:403px; } .search_form_inputs { margin-right: -345px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .search_form { height:71px; } .search_form #search-form-query { height:31px; } .search_form #search-form-button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFRCNZ////inaXUDFjc1qD0MjVopGsuazB6OPq3Nbg8/H1Z0x4rZ62loSiWz9uxLrLf2iNLCFGmgAAAG5JREFUeNrs0b0OwCAIRlE/BQX/2vd/2tY6i1OTDr0LDCcmBuf+PlwhCrYgwV21lAc41gxdo5Dhx1BE45n0zI68NBHnXBiGaXORtSmQMmYDW98SciECZJBZ9hZRfzDXbpG0OcMgu2Pqnvy92CXAAENwAbwydHviAAAAAElFTkSuQmCC') no-repeat !important; width:35px; height:35px; } .search_form_inputs { margin-top:18px; margin-right: -458px; } .search_form #search-form-query { width:444px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .search_form_inputs { margin-right: -561px; } .search_form #search-form-query { width:564px; } } /* Story hero. */ .hero.story_hero .hero_nav_container { display: none; } /* For the arrows. */ .story_hero .prev_arrow, .story_hero .next_arrow { height: 66px; width: 40px; display: block; position: absolute; top: 50%; margin-top: -33px; z-index: 990; } .story_hero .prev_arrow { left: 0; } .story_hero .next_arrow { right: 0; float: right; } .story_hero .prev_arrow a { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/story-hero/images/hero-left-arrow.png') 0 0 no-repeat; } .story_hero .next_arrow a { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/story-hero/images/hero-right-arrow.png') 0 0 no-repeat; } .story_hero .prev_arrow a, .story_hero .next_arrow a { display: block; width: 100%; height: 100%; } .story_hero .prev_arrow a:hover, .story_hero .next_arrow a:hover { background-position: 0 -67px; } /* For the dots. */ .story-hero_dots { display: none; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { /* For the arrows. */ .story_hero { position: relative; } .story_hero .prev_arrow, .story_hero .next_arrow { margin-top: -100px; } .story_hero .prev_arrow { left: 0; } .story_hero .next_arrow { right: 0; float: right; } .module.story-hero { position: static; width: auto; height: auto; } /* For the dots. */ .story-hero_dots { display: block; height: 18px; margin: 30px 0 5px 0; } .module.story-hero .story-hero_dots a.story-hero_dot { height: 12px; width: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; margin: 0 10px 0 0; } .module.story-hero .story-hero_dots a.story-hero_dot.dot_off { background: #e8e8e9; } .module.story-hero .story-hero_dots a.story-hero_dot.dot_on { background: #6A1A7D; height: 16px; width: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; bottom: 2px; } .story-hero_dot.dot_off { background: #ccc; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { } /* story-panels module styles. */ .module.story-panels { width: 400px; } /* Arrow styles. */ .module.story-panels .story_panel .prev_panel_arrow, .module.story-panels .story_panel .next_panel_arrow { position: relative; bottom: 22px; float: left; width: 30px; } .module.story-panels .story_panel .next_panel_arrow { float: right; } /* Content. */ .module.story-panels .story_panel .columns { float: left; width: 400px; }/* module: table */ .table { width: 100%; margin: 20px 0; } .table div { margin: 0 auto; } .table .child_row .cell1 { padding-left: 39px; width: 161px; } .table td { text-align: center; vertical-align: middle; font-size: 11px; border-bottom: 1px solid #D4D4D4; padding: 10px 5px; } .table td.cell1 { text-align: left; padding-left: 10px; width: 190px; } .table td.cell2, .table td.cell4, .table td.cell6 { background-color: #f4f4f4; } .table #header td { font-family: 'Segoe UI Semibold', Arial, sans-serif; font-size: 13px; color: #2a2a2a; border-bottom: 1px solid #a3a3a3; vertical-align: bottom; } .table td sup { display: inline-block; position: relative; right: -2px; top: -4px; } .table td.cell1 sup, .table .other-benefits_row sup { display: inline; position: relative; right: -2px; top: -2px; } .table .toggleimg { display: block; float: left; width: 12px; height: 15px; margin-right: 5px; margin-bottom: 1px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/table/images/plus-minus-sprite.png') no-repeat 0 2px; } .table .toggleimg.plus { background-position: -12px 2px; } .table .expand_collapse_all { display: none; } .js .table .row_group td.cell1 { cursor: pointer; } .js .table .expand_collapse_all { display: inline; } .js .table #collapse-all { display: none; } .js .table .child_row { display: none; } .js .table .bars span, .js .table .single_dot span { display: none; } .js .table .bars { height: 9px; width: 45px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/table/images/bars.png') no-repeat -3px 0; } .js .table .single_dot { display: inline-block; height: 9px; width: 9px; background: #67217A; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .js .table .bars.bar3 { background-position: -15px 0; } .js .table .bars.bar2 { background-position: -27px 0; } .js .table .bars.bar1 { background-position: -39px 0; } .js .table .bars.bar0 { background-position: -51px 0; } .video_lightbox_button { display: block; height: 26px; width: 26px; margin: 0 auto; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/play-button.png') no-repeat 0 0; } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { #at-a-glance td { width: 78px; } #at-a-glance td.cell1 { width: 105px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { #at-a-glance td { width: 108px; } #at-a-glance td.cell1 { width: 153px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { #at-a-glance td { width: 132px; } #at-a-glance td.cell1 { width: 213px; } } .thumbnail_wrapper { margin:5px 0 0 0; padding: 0 0 10px 0; } .thumbnail {position:relative; display:inline-block; cursor:pointer; width: 200px; height: 100px; background: #ccc;} .thumbnail_icon { position:absolute; bottom:-15px; right:-15px; } .thumbnail_icon.thumbnail_play_icon { } .video_thumbnail_play_icon { position: relative; bottom: -10px; left: -20px; } .video_title { position: absolute; } .module.video-lightbox .video_storage { display: none; } .video_lightbox h3 { margin-top: -20px; margin-bottom: 10px; font-size: 14px; max-width: 630px; } .video_placeholder { display: none; } .video-showcase.inline_video { margin-top: 20px; }.video-thumbs { margin:0; width: 100%; overflow: hidden; } .video_thumb { position:relative; cursor:pointer; width: 240px; height: 135px; margin: 20px 0 0 0; background: #68217A; display: block; } .video_thumb a:hover { text-decoration: none; } .video_thumb a:hover { text-decoration: none; } .video_thumb span { font-size: 12px; font-family: 'Segoe UI Bold', Arial, sans-serif; color: #fff; position: absolute; left: 15px; top: 15px; } .thumbnail_icon { width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -21px; } .video_thumbnail_play_icon { position: relative; bottom: -10px; left: -20px; } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .video_thumb { width: 294px; height: 129px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 996px) { .video_thumb { width: 199px; height: 114px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .video_thumb { width: 225px; height: 129px; } } .empty { } .empty .container { position: relative; } .hero-only { } .hero-only .container1 { } .home { } .home .container1 { } .home .container2 { }/*.primary_nav_subnav { width:25%; float:left; }*/ .chrome_content .template.landing .hero { float: left; width: 75%; margin-left: 285px; padding: 20px; } .one-column { } .one-column > .container { width: 240px; padding: 0 40px 55px; margin: 0 auto; } .one-column > .container h3 { font-size: 24px; line-height: 30px; color: #68217a; margin: 32px 0 0 0; } .one-column > .container p { font-size: 14px; line-height: 20px; color: #666; margin: 17px 0 0 0; } /* 6 column layout -- width: 478px - 767px. */ @media only screen and (min-width : 478px) { .one-column > .container { width: 396px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .one-column > .container { width: 648px; padding: 0 60px 55px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .one-column > .container { width: 876px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .one-column > .container { width: 1080px; } }.template.story .main .column1 { background: #D0D0D0; width: 100%; } .template.story .main .column1 .inner_content { padding-bottom: 26px; } .js .template.story .main .column1 { display: none; } .template.story .main .column2 { background: #fff; width: 100%; } .template.story .main .column2 .inner_content { padding: 0 0 56px 0; } .template.story .main .column2 .inner_content > a > img { width: 100%; } .template.story .main .column1 h2, .template.story .main .column2 h3 { font-size: 30px; line-height: 34px; color: #2a2a2a; } .template.story .main .column2 p { font-size: 16px; line-height: 24px; color: #666; } .template.story .main .column1 .inner_content > h2, .template.story .main .column2 .inner_content > h3, .template.story .main .column2 .inner_content > p, .template.story .main .column2 .inner_content > .arrow-link { width: 240px; padding: 0 40px; margin: 17px auto 0 auto; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { .template.story .main .column1 .inner_content > h2, .template.story .main .column2 .inner_content > h3, .template.story .main .column2 .inner_content > p, .template.story .main .column2 .inner_content > .arrow-link { width: 396px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .template.story .main .column1 .inner_content > h2, .template.story .main .column2 .inner_content > h3, .template.story .main .column2 .inner_content > p, .template.story .main .column2 .inner_content > .arrow-link { width: 648px; padding: 0 40px 0 60px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .template.story .main .column1 .inner_content { padding-left: 60px; } .template.story .main .column1 .inner_content > h2 { padding: 0; margin: 17px 0 0 0; width: auto; } .template.story .main .column2 .inner_content { min-height: 460px; padding: 0 0 54px 60px; position: relative; overflow: hidden; } .template.story .main .column2 .inner_content > a > img { width: 624px; position: absolute; right: 0; top: 40px; } .template.story .main .column2 .inner_content > h3 { width: 252px; padding: 0 60px 0 0; margin: 111px 0 0 0; } .template.story .main .column2 .inner_content > p, .template.story .main .column2 .inner_content > .arrow-link { width: 252px; padding: 0 60px 0 0; margin: 17px 0 0 0; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .template.story .main .column2 .inner_content { min-height: 600px; } .template.story .main .column2 .inner_content > a > img { width: 760px; } .template.story .main .column2 .inner_content > h3, .template.story .main .column2 .inner_content > p, .template.story .main .column2 .inner_content > .arrow-link { width: 320px; } } .two-column .container .main > .column { float: left; width: 100%; } .two-column .container .main > .column > .inner_content { width: 240px; padding: 35px 40px 60px; margin: 0 auto; } .two-column .container .main > .column.column2 > .inner_content { padding-top: 55px; } .two-column .container .main > .column.column1 { font-size: 16px; background-color: #e8e8e9; } .two-column .container .main > .column.column2 { font-size: 14px; } .two-column .container .main > .column.column1 h3 { color: #2a2a2a; font-size: 30px; line-height: 34px; margin: 50px 0 0 0; } .two-column .container .main > .column.column1 > .inner_content > p { line-height: 24px; } .two-column .container .main > .column.column1 > .inner_content h4 { margin-top: 54px; font-size: 30px; line-height: 34px; color: #2A2A2A; } .two-column .container .main > .column.column1 .arrow-link { margin: 34px 0 0 0; } .two-column .container .main > .column.column1 .arrow-link a { font-size: 15px; line-height: 24px; padding: 5px 20px 8px 20px; margin: 0; background: #fff; } .two-column .container .main > .column.column1 > .inner_content > *:first-child, .two-column .container .main > .column.column2 > .inner_content > *:first-child { margin-top: 0; } .two-column .container .main > .column.column2 > .inner_content h3 { font-size: 24px; line-height: 30px; color: #68217a; margin-top: 45px; } .two-column .container .main > .column.column1 > .inner_content > h4.second_subhead { font-family: 'Segoe UI Semibold', Arial, sans-serif; font-size: 16px; line-height: 24px; color: #666; margin-top: 18px; } .two-column .container .main > .column.column2 > .inner_content > h5 { font-family: 'Segoe UI Semibold', Arial, sans-serif; font-size: 16px; line-height: 22px; color: #666; margin-top: 49px; } .two-column .container .main > .column.column2 > .inner_content > img { margin-top: 14px; display: block; } .two-column .container .main > .column.column2 > .inner_content p { font-size: 14px; line-height: 20px; margin: 24px 0 0 0; padding: 0; } .two-column .container .main > .column.column2 > .inner_content .video_lightbox_button { display: inline; background: none; } .two-column .container .main > .column.column2 > .inner_content .video_lightbox_button img { margin: 27px 0 0 0; max-width: 100%; } .two-column .container .main > .column.column2 > .inner_content .video_thumb { margin-top: 30px; } .two-column .container .main > .column.column2 > .inner_content .video_thumb:first-child { margin-top: 20px; } .two-column .container .main > .column.column2 > .inner_content .threecol_benefits p { margin: 0 0 5px 0; } .two-column .container .main > .column.column2 > .inner_content .recommended_reading .column p { line-height: 20px; margin: 8px 0 0 0; } .two-column .container .main > .column.column2 > .inner_content .recommended_reading .column p:first-child { font-size: 16px; line-height: 22px; margin: 20px 0 0 0; } .two-column .container .main > .column.column2 > .inner_content .module.button { padding: 0; margin-top: 20px; float: none; } .two-column .container .main > .column.column2 > .inner_content .module.button.button-link a { font-size: 14px; color: #00aef0; line-height: 20px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/arrow-link/images/blue-arrow.png') no-repeat right 4px; padding: 0 26px 0 0; } .two-column .container.container1 .hero_blocks .hero_block h2 { margin: 40px 0 0 0; } .two-column .container.container1 .hero_blocks .hero_block h3 { text-transform: uppercase; margin: 20px 0 0; } /* 6 column layout -- width: 478px - 767px. */ @media only screen and (min-width : 478px) { .two-column .container .main > .column > .inner_content { width: 396px; } .two-column .container .main > .column.column2 > .inner_content { /*margin-right: 0px;*/ } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .two-column .container .main > .column > .inner_content { width: 648px; padding: 35px 30px 55px; } .two-column .container .main > .column.column1 h3 { clear: both; } .two-column .container .main > .column.column1 p { width: 293px; display: inline-block; } .two-column .container .main > .column.column1 .video-thumbs { width: 294px; float: right; } .two-column .container .main > .column.column1 .arrow-link { float: left; clear: both; } .two-column .container .main > .column.column2 .video_thumbs { overflow: hidden; } .two-column .container .main > .column.column2 .video_thumb { float: left; } .two-column .container .main > .column.column2 .video_thumb.odd { margin-right: 60px; } .two-column .container .main > .column.column2 > .inner_content .video_thumb:first-child { margin-top: 30px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { #content-wrapper { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/two_col_background_small.gif') center top repeat-y; } .two-column .container .main > .column { width: 408px; } .two-column .container .main > .column.column1 { width: 252px; padding: 0 60px 55px; background: none; } .two-column .container .main > .column.column1 p { width: auto; display: block; } .two-column .container .main > .column.column1 .video-thumbs { width: auto; float: none; } .two-column .container .main > .column.column1 .arrow-link { float: none; } .two-column .container .main > .column.column1 > .inner_content > h4:first-child { margin-top: 50px; } .two-column .container .main > .column.column2 { width: 448px; padding: 0 78px 55px 98px; } .two-column .container .main > .column.column2 .video_thumb.odd { margin-right: 50px; } .two-column .container .main > .column > .inner_content { width: auto; padding: 0; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { #content-wrapper { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/two_col_background_large.gif') center top repeat-y; } .two-column .container .main > .column { width: 510px; } .two-column .container .main > .column.column1 { width: 320px; } .two-column .container .main > .column.column2 { width: 550px; padding: 0 95px 55px 115px; } .two-column .container .main > .column.column2 .video_thumb.odd { margin-right: 100px; } }/* ============================================================================= Mobile/Common Styles ========================================================================== */ body{ font-family: 'Segoe UI', Arial, sans-serif; color: #666; } p { margin: 20px 0 0; } b, strong { font-family: 'Segoe UI Bold', Arial, sans-serif; font-weight: normal; } .main > .column.column1 h2 { font-family: 'Segoe UI Semibold'; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #666; } /* Pages. */ .twocol_left_image { margin: 30px 0 0 0; } .twocol_left_image p { font-size: 12px; line-height: 16px; } .twocol_left_image .column.column1 { margin: 0; } .twocol_left_image .column.column2 { margin: 0; } .twocol_left_image .column.column1 img { width: 100%; } .threecol_benefits { font-size: 12px; margin: 20px 0 0 0; overflow: hidden; } .threecol_benefits .column { margin: 0 0 20px 0; float: none; } .threecol_benefits .column.column3 { margin: 0; } .threecol_benefits .column ul li { margin: 0 0 5px 0; } .threecol_benefits .column h4 { font-family: 'Segoe UI Bold', Arial, sans-serif; font-size: 12px; margin: 0 0 10px 0; height: 25px; padding: 11px 0 0 43px; } .threecol_benefits .column h4.challenge { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/challenge_icon.png') no-repeat; } .threecol_benefits .column h4.solution { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/solutions_icon.png') no-repeat; } .threecol_benefits .column h4.business { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/value_icon.png') no-repeat; } .recommended_reading .column p b { font-family: 'Segoe UI Semibold', Arial, sans-serif; } .recommended_reading .column img { margin: 14px 0 0 0; } .recommended_reading .column a { margin: 14px 0 0 0; padding-right: 26px; font-size: 14px; color: #00aef0; line-height: 20px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/arrow-link/images/blue-arrow.png') no-repeat right 4px; } /* Styles for when the hero_blocks are pulled out of the hero and inserted into the main content for mobile states */ .template .container1 > .hero_blocks { width: 100%; background: #d0d0d0; padding: 0 0 50px 0; float: none; } .template .container1 > .hero_blocks .hero_block { width: 240px; padding: 0 40px; margin: 0 auto; background: #d0d0d0; overflow: auto; } .template .container1 > .hero_blocks .hero_block h2 { font-size: 30px; line-height: 34px; color: #2a2a2a; margin: 30px 0 0 0; } .template .container1 > .hero_blocks .hero_block h3, .template .container1 > .hero_blocks .hero_block p { font-family: 'Segoe UI Semibold', Arial, sans-serif; font-size: 16px; line-height: 24px; color: #666; margin: 18px 0 0 0; } .template .container1 > .hero_blocks .video_thumb { width: 240px; height: 135px; margin: 25px 0 0 0; } .template .container1 > .hero_blocks .hero_block.block1 > .a, .template .container1 > .hero_blocks .hero_block.block1 > .arrow-link { display: none; } .tertiary_nav { } .tertiary_nav li { margin: 19px 0 0 0; } .tertiary_nav li a { font-size: 14px; line-height: 20px; color: #2a2a2a; display: inline-block; padding: 1px 0 1px 27px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/button_arrow_right.png') no-repeat 0 0; } .full_bleed { display: none; } .hide { display: none; } .show { display: block; } .clear_both { clear:both; } /* The #baseline object will be used to measure when we are at a specific break point using javascript. It should always match the width of the breakpoint we are currently at. */ #baseline { width: 320px; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { .template .container1 > .hero_blocks .hero_block { width: 398px; } #baseline { width: 478px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { /*.js .named_anchor { margin-top: -184px; padding-top: 184px; }*/ .twocol_left_image { overflow: hidden; } .twocol_left_image .column { float: left; } .twocol_left_image .column.column1 { width: 64%; margin: 0 4% 0 0; } .twocol_left_image .column.column2 { width: 32%; margin: 0; } .twocol_left_image .column.column2 p:first-child { margin: 0; } .threecol_benefits .column { width: 32%; margin: 0 2% 0 0; float: left; } .threecol_benefits .column.column3 { margin: 0; } .recommended_reading { overflow: hidden; } .recommended_reading .column { width: 294px; float: left; } .recommended_reading .column.column1 { margin: 0 60px 0 0; } #baseline { width: 768px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { #content { width: 996px; margin: 0 auto; } /*.js .named_anchor { margin-top: -154px; }*/ .recommended_reading .column { width: 199px; } .recommended_reading .column.column1 { margin: 0 50px 0 0; } #baseline { width: 996px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { #content { width: 1200px; } .recommended_reading .column { width: 225px; } .recommended_reading .column.column1 { margin: 0 100px 0 0; } #baseline { width: 1200px; } }/******** ALM-Rise Page ********/ .js .alm-rise .hero_nav_container ul.level_2 { display: block; } /******** ALM-Define, Develop, Operate and Overview Pages ********/ .page-alm-operate .container.container1 .main > .column.column1 .arrow-link, .page-alm-define .container.container1 .main > .column.column1 .arrow-link, .page-alm-develop .container.container1 .main > .column.column1 .arrow-link, .page-alm-overview .container.container1 .main > .column.column1 .arrow-link { margin-top: 20px; } .page-alm-operate .container.container1 .main > .column.column1 .arrow-link a, .page-alm-define .container.container1 .main > .column.column1 .arrow-link a, .page-alm-develop .container.container1 .main > .column.column1 .arrow-link a, .page-alm-overview .container.container1 .main > .column.column1 .arrow-link a { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/arrow-link/images/blue-arrow.png') no-repeat scroll 0 0 transparent; font-size: inherit; line-height: inherit; margin: inherit; padding: inherit; margin-top: 0; } .page-alm-operate .container.container1 .main > .column.column1 .arrow-link.right a, .page-alm-define .container.container1 .main > .column.column1 .arrow-link.right a, .page-alm-develop .container.container1 .main > .column.column1 .arrow-link.right a, .page-alm-overview .container.container1 .main > .column.column1 .arrow-link.right a { background-position: right 4px; padding-right: 26px; } .page-alm-overview .container .main > .column.column1 .alm_overview_partner_link .arrow-link { float: none; } .page-alm-overview .container.container1 .main > .column.column1 .alm_overview_partner_link h4 { margin-top: 24px; font-family: Segoe UI Semibold; font-size: 16px; line-height: 24px; color: #666; } /******** Downloads Page ********/ /* Default non-JS, mobile styles. */ .page-download .download_intro .download_ctas { margin-top: 20px; } .page-download .download_intro .download_ctas .column1 { width: 100%; } .page-download .download_intro .download_ctas_details { margin-bottom: 20px; } .page-download .download_intro .download_ctas_details .column1 { background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/download/globe_2.png') no-repeat 5px 10px #68217A; width: 60px; height: 60px; margin-right: 20px; } .page-download .download_intro .download_ctas_details .column2 p { margin-top: -5px; width: 140px; font-family: Segoe UI Semibold; } .page-download .download_intro .download_ctas_details .column2 p a { font-family: Segoe UI; } .page-download.one-column > .container { padding-bottom: 0; } .page-download.one-column > .container.container4 { padding-bottom: 55px; } .page-download .arrowchar_item h4 { font-size: 16px; color: #FFF; padding: 16px 10px 17px 45px; background-color: #442359; } .page-download .arrowchar_item.expanded h4 { background-color: #725982; } .page-download .container.container2 .arrowchar_item h4 { background-color: #0054a6; } .page-download .container.container2 .arrowchar_item.expanded h4 { background-color: #407fbc; } .page-download .container.container3 .arrowchar_item h4 { background-color: #0054a6; } .page-download .container.container3 .arrowchar_item.expanded h4 { background-color: #407fbc; } .page-download .container.container4 .arrowchar_item h4 { background-color: #426ab3; } .page-download .container.container4 .arrowchar_item.expanded h4 { background-color: #708ec5; } .page-download .download_intro { margin: 0 0 30px 0; } .page-download .download_intro .column > h3 { margin: 52px 0 0 0; } .page-download > .container.container1 .download_intro .column > h3 { margin: 32px 0 0 0; } .page-download .download_intro p.callout { padding: 10px; background-color: #e8e8e9; } .page-download .clip { margin-top:20px; } .page-download .read_me_section ul { margin-top:20px; } .page-download .read_me_section ul a { font-size: 14px; } /* Default with JS styles. */ .js .page-download .arrowchar_item h4 { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/expando/images/plus.png'); background-repeat: no-repeat; background-position: 20px 17px; border-bottom: solid 1px #fafafa; } .js .page-download .arrowchar_item.expanded h4 { background-image: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/expando/images/minus.png'); border: none; } /* What's New page. */ #page-story-hero-whats-new .column.column2 .inner_content img { width: 100%; } /* Ship Party Page */ #page-story-hero-launch-party #content-wrapper { background: none; } .template.page-story-hero-launch-party .container1 > .hero_blocks .mobile_jump_links { display: none; } /* Launch Day Page */ .template.page-story-hero-launch-day .container1 > .hero_blocks .hero_block.block1 > .arrow-link { display: block; } .template.page-story-hero-launch-day .container1 > .hero_blocks .hero_block.block1 > .arrow-link a { font-size: 14px; line-height: 20px; color: #2a2a2a; text-transform: uppercase; display: inline-block; padding: 1px 0 1px 27px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/images/button_arrow_right.png') no-repeat 0 0; } #page-story-hero-launch-day .hero_content .hero_block.block1 > .arrow-link a { font-size: 15px; line-height: 20px; color: #00AEF0; display: inline-block; padding: 10px 50px 10px 20px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/arrow-link/images/blue-arrow.png') no-repeat 90% 15px #FFF; } /******** Events Page ********/ /* Default non-JS / mobile styles. */ .page-events .events_feed { margin-top: 55px; } .page-events .events_feed .events_feed_header { display: none; } .page-events .events_feed .events_feed_content { padding: 4px 0 20px 0; } .page-events .events_feed .events_feed_content p { margin: 5px; } .page-events .events_feed .events_feed_content .event_date p { color: #2a2a2a; } .page-events .events_feed .events_feed_content .event_location p { margin-top: 20px; } .page-events .border_line { border-bottom: 1px solid #adafb2; padding: 0; margin: 0; height: 1px; } #page-events #content-wrapper { background: none; } /* buy page */ .template.page-buy .container .main > .column.column1 > .inner_content a { font-size: 16px; line-height: 13px; } .template.page-buy .container .main > .column.column1 > .inner_content h3 { margin-top: 0; } .template.page-buy .container .main > .column.column1 > .inner_content h4 { font-size: 16px; line-height: 22px; color: #2A2A2A; margin: 20px 0 0 0; } .template.page-buy .container .main > .column.column1 > .inner_content div.list { margin: 15px 0 0 0; } .template.page-buy .container .main > .column.column2 > .inner_content h3 { margin: 0 0 18px 0; } .template.page-buy .container .main > .column.column2 > .inner_content h4 { margin: 0 0 8px 0; font-family: 'Segoe UI Semibold', Arial, sans-serif; font-size: 16px; line-height: 22px; color: #666; } .template.page-buy .container .main > .column.column2 > .inner_content p { margin: 0 0 26px 0; } .template.page-buy .container .main > .column.column2 > .inner_content img { margin: 0 0 20px 0; } /******** All Products Pages ********/ .products .two-column .container .main > .column.column2 > .inner_content h3 { font-family: 'Segoe UI Semibold', Arial, sans-serif; font-size: 16px; line-height: 22px; color: #666; margin-top: 55px; } .products .two-column .container .main > .column.column2 > .inner_content h3:first-child { margin-top: 0; } .products .two-column .container .main > .column.column1 > .inner_content > .geo-container img { width: 100%; } .products .two-column .container .main > .column.column1 > .inner_content .module.button { float: left; margin-right: 20px; } /******** Product Comparison Page ********/ .page-products-compare #at-a-glance-heading, .page-products-compare #at-a-glance-description, .page-products-compare #at-a-glance, .page-products-compare #feature-chart, .page-products-compare #feature-chart-description, .page-products-compare #feature-chart-heading, .page-products-compare .footnote { display: none;} /******** TFS Express Page ********/ #page-tfs-express .title_bar h2 { font-size: 13px; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { /* buy page */ .template.page-buy .columns .column2 a.licensing_guide_promo { float:left; margin-right: 20px; } .template.page-buy .columns .column2 p.licensing_guide { float:left; width:70%; clear:none; } .template.page-buy .columns .column2 h4 { clear:both; } .template.page-buy .columns .column2 p.licensing_guide { width:60%; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { /******** All Products Pages ********/ /*.products .two-column .container .main > .column.column2 > .inner_content h3.named_anchor { margin-top: -185px; }*/ .products .two-column .container .main > .column.column1 > .inner_content { padding: 35px 60px 60px 298px; width: 410px; position: relative; } .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_ultimate_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_premium_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_professional_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_testpro_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_tfs_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_express_web_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_express_windows_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_express_desktop_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_express_tfs_boxshot { position: absolute; top: 40px; left: 0; width: 236px; } .products .two-column .container .main > .column.column1 > .inner_content > .geo-container img { width: 100%; } .products .two-column .container .main > .column.column1 > .inner_content h4 { margin-top: 0; } .products .two-column .container .main > .column.column1 > .inner_content h4.second_subhead { margin-top: 18px; } .products .two-column .container .main > .column.column1 p { width: auto; } /******** Products - Ultimate page. ********/ #page-ultimate .hero_content .hero_blocks .block1 p { width: 330px; } #page-ultimate .hero_content .hero_blocks .block1 h3 { width: 330px; } /******** Products - TFS Express page. ********/ #page-tfs-express .hero_content .hero_blocks .block1 h2 { width: 300px; } #page-tfs-express .hero_content .hero_blocks .block1 p { width: 280px; } /******** Downloads page. ********/ .page-download .download_intro { width: 100%; } .page-download .download_intro .download_ctas { margin-top: 65px; } .page-download .download_intro > .column1 { width: 55%; margin-right: 40px; } .page-download .download_intro > .column2 { width: 38%; margin-right: 0px; } /******** Events Page ********/ .page-events .events_feed { margin-top: 50px; } .page-events .events_feed .events_feed_header { display: block; overflow: hidden; padding-bottom: 13px; } .page-events .events_feed .events_feed_content { padding: 9px 0; overflow: hidden; } .page-events .events_feed .events_feed_header > div, .page-events .events_feed .events_feed_content > div { float: left; } .page-events .events_feed .events_feed_header .event_date_header, .page-events .events_feed .events_feed_content .event_date { width: 11%; margin-right: 1%; } .page-events .events_feed .events_feed_header .event_name_header, .page-events .events_feed .events_feed_content .event_name { width: 54%; margin-right: 1%; } .page-events .events_feed .events_feed_header .event_location_header, .page-events .events_feed .events_feed_content .event_location { width: 27%; } .page-events .events_feed .events_feed_header p, .page-events .events_feed .events_feed_content p { margin: 0; } .page-events .events_feed .events_feed_content .event_location p { margin-top: 0; } .page-products-compare #mobile-chart-description { display: none; } .page-products-compare #at-a-glance-heading, .page-products-compare #at-a-glance-description, .page-products-compare #at-a-glance, .page-products-compare #feature-chart, .page-products-compare #feature-chart-description, .page-products-compare #feature-chart-heading, .page-products-compare .footnote { display: block;} /******** ALM Pages ********/ .page-alm-define.two-column .container .main > .column.column1 > .inner_content > p, .page-alm-develop.two-column .container .main > .column.column1 > .inner_content > p, .page-alm-operate.two-column .container .main > .column.column1 > .inner_content > p { float: left; } .page-alm-overview.two-column .container .main > .column.column1 p, .page-alm-define.two-column .container .main > .column.column1 p, .page-alm-develop.two-column .container .main > .column.column1 p, .page-alm-operate.two-column .container .main > .column.column1 p { width: 100%; display: inline-block; } .page-alm-overview.two-column .container .main > .column.column1 .video-thumbs, .page-alm-define.two-column .container .main > .column.column1 .video-thumbs, .page-alm-develop.two-column .container .main > .column.column1 .video-thumbs, .page-alm-operate.two-column .container .main > .column.column1 .video-thumbs { float:left; width:100%; } .page-alm-overview .container.container1 .main > .column.column1 .alm_overview_partner_link h4, .page-alm-define .container.container1 .main > .column.column1 .alm_overview_partner_link h4, .page-alm-develop .container.container1 .main > .column.column1 .alm_overview_partner_link h4, .page-alm-operate .container.container1 .main > .column.column1 .alm_overview_partner_link h4 { float:left; width:100%; } /******** story heros ********/ .page-story-hero-whats-new.two-column .container .main > .column.column1 p { width: 100%; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { /******** All Products Pages ********/ /*.products .two-column .container .main > .column.column2 > .inner_content h3.named_anchor { margin-top: -185px; }*/ .products .two-column .container .main > .column.column1 > .inner_content { padding: 0; width: auto; position: static; } .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_ultimate_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_premium_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_professional_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_testpro_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_edition_tfs_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_express_web_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_express_windows_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_express_desktop_boxshot, .products .two-column .container .main > .column.column1 > .inner_content > .geo-container.product_express_tfs_boxshot { position: static; width: auto; } .products .two-column .container .main > .column.column1 > .inner_content > .geo-container img { width: 216px; margin: 55px auto 0 auto; } .products .two-column .container .main > .column.column1 > .inner_content h4 { margin-top: 55px; } .products .two-column .container .main > .column.column1 > .inner_content h4.second_subhead { margin-top: 18px; } .products .two-column .container .main > .column.column2 > .inner_content .video_lightbox_button { display: block; width: 100%; height: 253px; } .products .two-column .container .main > .column.column2 > .inner_content .video_lightbox_button img { margin: 15px 0 0 0; width: 100%; display: block; } /******** Events Page ********/ .page-events .events_feed .events_feed_header .event_name_header, .page-events .events_feed .events_feed_content .event_name { width: 47%; margin-right: 1%; } .page-events .events_feed .events_feed_header .event_location_header, .page-events .events_feed .events_feed_content .event_location { width: 40%; } /******** ALM Pages ********/ .page-alm-define.two-column .container .main > .column.column1 > .inner_content > p, .page-alm-develop.two-column .container .main > .column.column1 > .inner_content > p, .page-alm-operate.two-column .container .main > .column.column1 > .inner_content > p { float: none; } /******** Partners Page ********/ .page-partners.two-column .container .main > .column.column1 { padding-top: 60px; } .page-partners.two-column .container .main > .column.column1 img { max-width: 100%; } /* buy page */ .template.page-buy .container .main > .column.column1 > .inner_content h3 { margin-top: 46px; } /******** TFS Express Page ********/ #page-tfs-express .title_bar h2 { font-size: 14px; } /******** Compatibility page. ********/ .page-compatibility.two-column .container .main > .column > .inner_content { padding-top: 56px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .products .two-column .container .main > .column.column2 > .inner_content .video_lightbox_button { height: 310px; } /******** Downloads page. ********/ .page-download .download_intro > .column1 { width: 65%; margin-right: 40px; } .page-download .download_intro > .column2 { width: 31%; margin-right: 0px; } .page-download .download_intro .download_ctas_details .column2 p { width: 230px; } /******** Buy page ********/ .template.page-buy .container .main > .column.column1 > .inner_content h4 { line-height: 22px; margin: 19px 0 0 0; } /******** Products landing page. ********/ #page-products .hero_content .hero_blocks .block1 p { width: 330px; } /******** Products - Ultimate page. ********/ #page-ultimate .hero_content .hero_blocks .block1 h3 { width: 420px; } #page-ultimate .hero_content .hero_blocks .block1 p { width: 420px; } /******** Products - TFS Express page. ********/ #page-tfs-express .hero_content .hero_blocks .block1 h2 { width: 600px; } #page-tfs-express .hero_content .hero_blocks .block1 p { width: 550px; } } /******** Compatibility page. ********/ .page-compatibility #vs11-feature-matrix { display: none; } .page-compatibility .mobile_only_note { margin-bottom: 20px; } .page-compatibility .module.button.button-link { margin: 20px 0 0 0; } .page-compatibility .module.button.button-link a { font-size: 14px; color: #00aef0; line-height: 20px; background: url('/web/20120927071158oe_/http://www.microsoft.com/visualstudio/_base_v2/modules/arrow-link/images/blue-arrow.png') no-repeat right 4px; padding: 0 26px 0 0; } .page-compatibility .list ul { margin-top: 5px; } .page-compatibility .table sup { top: -22px; right: -16px; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { .page-compatibility .module.columns.main .column2 h4 { margin-top: 20px; } .page-compatibility #vs11-feature-matrix { display: block; } .page-compatibility #vs11-feature-matrix #header td { font-weight: bold; } .page-compatibility .mobile_only_note { display: none; } .page-compatibility .module.columns.list_columns { margin-top: 10px; } .page-compatibility .module.columns.list_columns .column { float: left; width: 50%; } .page-compatibility .inner_content > .module.list.list_columns > ul:first-child > li.list_item.item_1:first-child, .page-compatibility .inner_content > .module.list.list_columns > ul:first-child > li.list_item.item_2 { width: 45%; float: left; margin-right:40px; } .page-compatibility .inner_content > .module.list.list_columns > ul:first-child > li.list_item.item_2 { margin-right: 0px; } } /* search form */ html.ios .search_form #search-form-query { -webkit-appearance: none; border-radius: 0; } html.ios .search_form_inputs { margin-top: 12px; } html.ios #search-form-button { -webkit-appearance: none; border-radius: 0; height:25px; margin-left: 0; background-position: 1px 2px; } html.ios .search_form.expanded { display:block !important; } .buy_left_rail .column1 img { display: block; } .buy_left_rail .column2 ul, .buy_left_rail .column3 ul { padding:0; margin:0; } .buy_left_rail .column2 li, .buy_left_rail .column3 li { list-style-type: none; } .buy_left_rail img { margin:30px 0 18px 0; } /* Product Pricing */ .geo-content.price_container { font-family: 'Segoe UI Semibold', Arial, sans-serif; } .geo-content.price_container sup { font-size: 18px; vertical-align: 30%; } .products .two-column .container .main > .column.column1 > .inner_content .geo-content.price_container { padding-top: 20px; } .products .two-column .container .main > .column.column1 > .inner_content .geo-content.price_container h4 { margin-top:0; padding:0; } .products .two-column .container .main > .column.column1 > .inner_content .geo-content.price_container p { margin-top: 3px; } .products .two-column .container .main > .column.column1 > .inner_content .geo-content.price_container p b { font-family: 'Segoe UI Semibold', Arial, sans-serif; } .products .two-column .container .main > .column.column1 > .inner_content .geo-content.price_container p:last-child { margin-top: 20px; } /* 6 column layout -- width: 476px */ @media only screen and (min-width : 478px) { .buy_left_rail .column1, .buy_left_rail .column2, .buy_left_rail .column3 { float: inherit; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .buy_left_rail { width: 688px; } .buy_left_rail .column2, .buy_left_rail .column3 { width: 150px; margin: 5px 0 0 0; float: left; } .buy_left_rail .column2 { margin-right: 20px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .buy_left_rail { width: auto; padding: 0; } .buy_left_rail .column1 { width: auto; } .buy_left_rail .column2, .buy_left_rail .column3 { width: auto; margin: 0; } .buy_left_rail .column1, .buy_left_rail .column2, .buy_left_rail .column3 { float: none; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .buy_left_rail .column2 { margin-right: 20px; } .buy_left_rail .column2, .buy_left_rail .column3 { width: 150px; float: left; } }