/* Font faces */ /** Deviations from bulletproof @font-face as indicated **/ @font-face { font-family: 'segoeUi'; /* IE8 and below only understands this format */ src: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.eot'); /** Local font file much preferred over Mac OSX edge cases **/ src: local('Segoe UI'), local('Segoe'), /* We want IE9+ to use WOFF rather than EOT **/ url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.eot') format('eot'), url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.woff') format('woff') /** This TTF file is corrupt **/ /*url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui.ttf') format('truetype'),*/ /** This SVG file is corrupt **/ /*url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeui#SegoeUI') format('svg')*/ ; font-weight: normal; font-style: normal; } @font-face { font-family: 'segoeUiLight'; src: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuil.eot'); src: local('Segoe UI Light'), local('Segoe Light'), url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuil.eot') format('eot'), url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/css/fonts/segoeuil.woff') format('woff'); 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%; -ms-touch-action: auto; } 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.circle { height: 25px; } .arrow-link a { font-size: 14px; color: #00aef0; display: inline-block; } .arrow-link a span { display: inline-block; vertical-align: top; background: transparent url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat 0px 0px; width: 16px; height: 11px; } .arrow-link.circle a span, .arrow-link a.anchor span { background-position: 0px -11px; width: 22px; height: 22px; } .arrow-link.right a span { margin-left: 10px; vertical-align: middle; } .arrow-link.left a span { margin-right: 10px; } /* using now .arrow-link.right a { padding-right: 26px; background-position: right 4px; } .arrow-link.left a { padding-left: 26px; background-position: left 4px; } .arrow-link.right.circle a { padding-right: 32px; background-position: right 0; } */ .arrow-link.block, .arrow-link.blue_block { float: left; clear: both; } .arrow-link.block a { float: left; padding: 8px 36px 8px 15px; margin: 0; background-color: #fff; background-position: 95% center; } .arrow-link.blue_block a { float: left; padding: 8px 15px 8px 15px; margin: 0; color: #FFF; background-color: #00BCF2; } .arrow-link.blue_block a span { background-position: -44px 0px; width: 16px; height: 11px; } a.boxlink { display: block; color: #FFF; font-size: 23px; line-height: 28px; padding: 7px 40px 33px 10px; margin-bottom: 10px; background: #984F96 url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/eng/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('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/eng/i.microsoft.com/visualstudio/_base_v2/modules/box-link/images/cta_download_arrow_spaced.png'); } a.boxlink.arrow { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/eng/i.microsoft.com/visualstudio/_base_v2/modules/box-link/images/cta_arrow_white_lg_spaced.png'); } a.boxlink.play { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/eng/i.microsoft.com/visualstudio/_base_v2/modules/box-link/images/play_icon_bg.png'); } a.boxlink.globe2 { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/eng/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; }.module.events {} .module.events .event_item { padding-bottom: 20px; margin: 20px 0; border-bottom: solid 1px #ccc; overflow: hidden; } .module.events .event_item:first-child { margin-top: 0; } .module.events .event_item:last-child { border-bottom: none; } .module.events .event_item h3 { font-size: 18px; line-height: 22px; color: #333; margin: 0; } .module.events .event_item p.details { font-size: 12px; text-transform: uppercase; margin: 0; } .module.events .event_item p.description { margin: 10px 0 5px 0; } .module.events .event_item .arrow-link { margin-top: 10px; } /* 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; width: 100%; } 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; 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 { color: #333; margin-top: 5px;} 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: none;} .footer_bottom .container_footer_nav { display: block; padding: 10px 0 0 0; } .footer_bottom_inner > p { margin:3px 0 0 0; } footer .footer_block { width: 280px; padding: 0; } 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 { display: block; height: 20px; font-size: 13px; color: #333; padding: 0 0 0 35px; margin: 4px 0 2px; background:url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat; } footer div.list ul li a { font-size: 12px; } footer .container_other_sites div.list ul li.item_1 a { background-position: 0 -558px; height: 18px; } footer .container_other_sites div.list ul li.item_2 a { background-position: 0 -518px; } footer .container_other_sites div.list ul li.item_3 a { background-position: 0 -576px; } footer .container_other_sites div.list ul li.item_4 a { background-position: 0 -596px; } footer .container_other_sites div.list ul li.item_5 a { background-position: 0 -538px; } footer .container_other_sites div.list ul li.item_6 a { background-position: 0 -498px; } footer .container_other_sites div.list ul li.item_7 a { background-position: 0 -616px; } footer .footer_block.container_about { padding-bottom: 0; } .footer footer .container_footer_nav { margin-bottom: 0px; overflow: hidden; } .footer footer .container_footer_nav ul li { margin-bottom: 7px; list-style: none; } .footer footer .container_footer_nav ul li a { font-size: 13px; color: #999; } .footer footer .container_footer_nav ul li:last-child { margin-right: 0; } footer .footer_logos > a { display: block; margin: 0; clear: left; } #current-language { height:22px; width:auto; margin: 0 0 30px 0; cursor: pointer; float: left; } #current-language span { background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat 0 -146px; margin: 0 6px 0; display: block; float: left; height: 21px; width:22px; } /* social footer */ .social_footer { position: relative; width: 100%; float: left; padding: 0; background-color: #f5f5f5; z-index: 10; } .social_footer .social_links { width: 280px; min-width: 280px; padding: 31px 0 28px; margin: 0 auto; } .social_footer .social_links h4 { 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: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat; } .social_footer .social_links ul li.social_youtube a { background-position: 0 -478px; } .social_footer .social_links ul li.social_facebook a { background-position: 0 -358px; } .social_footer .social_links ul li.social_twitter a { background-position: 0 -438px; } .social_footer .social_links ul li.social_linkedin a { background-position: 0 -398px; } .social_footer .social_links ul li.social_blog a { background-position: 0 -318px; } .social_footer .social_links ul li.social_youtube a:hover { background-position: 0 -458px; } .social_footer .social_links ul li.social_facebook a:hover { background-position: 0 -338px; } .social_footer .social_links ul li.social_twitter a:hover { background-position: 0 -418px; } .social_footer .social_links ul li.social_linkedin a:hover { background-position: 0 -378px; } .social_footer .social_links ul li.social_blog a:hover { background-position: 0 -298px; } .footer_banner { clear: both; overflow: hidden; } .footer footer .container_footer_nav ul { padding: 0; } /* 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:438px; } .footer_bottom_inner p { float: right; margin: 0 0 9px 18px; } footer .footer_block { float: left; padding-bottom: 5px; } footer .footer_block.container_other_sites { width: 436px; } footer .container_other_sites div.list ul li { padding-bottom:10px; } footer .footer_block.container_about { width: 208px; margin-right: 20px; } footer .footer_block.container_support { width: 208px; } footer .footer_block.container_popular_resources { width: 208px; padding-bottom: 15px; } footer .footer_block div.list ul { display:inline-block; } footer .footer_block div.list ul li { float: left; margin-bottom: 5px; width: 208px; margin-right: 20px; } footer .footer_block div.list ul li.even { margin-right: 0; } footer .container_footer_nav { margin-bottom: 0px; } .footer footer .container_footer_nav ul { display: inline; margin: 0; padding: 0; } .footer footer .container_footer_nav ul li { float: left; margin: 0 7px 7px 0; } .footer footer .container_footer_nav ul li:last-child { margin-right: 0; } footer .footer_logos > a { float: right; clear: none; } .footer_top .container_footer_nav { display: none; } .footer_bottom .container_footer_nav { display: block; padding: 0; float: right; clear: both; } /* social footer */ .social_footer .social_links { width: 436px; } .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:688px; padding-top:10px; padding-bottom: 40px; } .footer_bottom .container_footer_nav { display: block; margin: 0; float: right; position: relative; width: auto; padding: 0; clear: none; } footer .footer_block.container_other_sites { width: 216px; margin-right: 20px; } footer .footer_block.container_about { width: 216px; } footer .footer_block.container_support { width: 216px; } footer .footer_block.container_popular_resources { width: 216px; } 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: 0px; position: relative; z-index: 10; } footer .container_footer_nav ul { float: right; margin: 0; } .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: 916px; padding-top:10px; } .footer_bottom .container_footer_nav ul { float:right; } .footer_bottom .container_footer_nav { float: right; margin: 0; width: auto; padding: 0; } 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:0px; } .footer footer .container_footer_nav ul li { margin-bottom: 0; } footer .footer_logos { width: 876px; margin-top: -5px; } /* 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: 1120px; } .footer_bottom .container_footer_nav { width: auto; padding: 0; } .footer_bottom .container_footer_nav ul { margin: 0; } 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; } /* 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; min-width: 320px; } 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; } .nav_wrapper_2 { position: absolute; visibility: collapse; top: 70px; z-index: 998; width: 100%; background-color:#68217A; border-top: 1px solid #fff; } .nav_wrapper_2.open { visibility: visible; } .js .live-id, .js .search-form { display: none; } .js .nav_wrapper_2 .live-id, .js .nav_wrapper_2 .search-form { display: block; } /* Title bar */ .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: 280px; height: 45px; padding: 25px 20px 0; margin: 0 auto; } header .container_logo h1 { margin-top:2px; height: 23px; width: 134px; float: left; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat -20px -585px; } header .container_logo h1 span { display:none; } .js header .container_menu_icon { cursor:pointer; display:block; width:40px; height:70px; margin: 0; cursor:pointer; background: transparent 10px 32px no-repeat url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpi/A8EDFQATAxUAixAzDioXERVr40G9ogNbIAAAwBeLAYcRHGQcgAAAABJRU5ErkJggg=='); } header .container_utils { display: none; } .js header .container_utils { position: absolute; top: 0; right: 50%; height: 70px; margin-right: -150px; 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, .mobile_jump_links .top_anchor_links .column a { font-size: 14px; padding-bottom:6px; color:#2a2a2a; } .mobile_jump_links .top_anchor_links li a span, .mobile_jump_links .top_anchor_links .column a span { display: block; float: left; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat 0 -77px; width: 22px; height: 22px; margin-right: 6px; } .mobile_jump_links .columns.top_anchor_links { margin-top: 19px; } .mobile_jump_links .columns.top_anchor_links .column { float: none; margin-bottom: 12px; } /* 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_utils { margin-right: -206px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { header .container_logo { width: 648px; padding: 25px 60px 0; position: absolute; } .js header .container_logo { width: 167px; padding: 25px 0 0 20px; } header .container_logo h1 { float: none; background-position: 0px -650px; width: 199px; height: 33px; } .nav_wrapper_2 { position: relative; visibility: visible; border-top: 0; top: 53px; width: 688px; margin: 0 auto; } .js #header-wrapper { position: fixed; height: 124px; } .js header { width: 688px; padding: 0 40px; } .js header .container_sub_nav { float: left; } .js header .container_menu_icon { display:none; } .js header .container_utils { margin-right: -352px; } .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; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .nav_wrapper_2 { width: 916px; } header { font-size: 20px; } header .container_logo { width: 876px; padding-top: 30px; } .js header { width: 916px; } .js header .container_logo { width: 252px; padding-right: 60px; margin: 0; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .nav_wrapper_2 { width: 1120px; } header .container_logo { width: 1080px; } .js header { width: 1120px; } .js header .container_logo { width: 320px; } }.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 background images. */ #hero-launch-day { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_launchday_hero.jpg'); } #hero-launch-party { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_launchparty_hero.jpg'); } #story-hero-office { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_office_hero.jpg'); } #story-hero-update-1 { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_update_1_hero.jpg'); } #story-hero-tfservice { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_tfservice_hero2.jpg'); } #story-hero-whats-new { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_whatsnew_hero.jpg'); } #story-hero-whats-new-rise { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_rise_hero_developer.jpg'); } #story-hero-quality-enablement { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_quality_enablement.jpg'); } #story-hero-agile-your-terms { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_agile_your_terms.jpg'); } #story-hero-2013-preview { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/mob_story_2013preivew_hero.jpg'); } #alm-rise-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_rise_hero_ALM.jpg'); } #alm-default-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-landing.jpg'); } #alm-overview-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-overview.jpg'); } #alm-define-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-define.jpg'); } #alm-develop-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-develop.jpg'); } #alm-operate-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-operate.jpg'); } #alm-agile-development-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-agile-development.jpg'); } #alm-quality-enablement-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/mob_alm_hero-quality-enablement.jpg'); } #product-editions-2013-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/2013/mob_2013products_hero.jpg'); } #product-edition-ultimate-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_ult-hero.jpg'); } #product-edition-premium-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_prem-hero.jpg'); } #product-edition-professional-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_prof-hero.jpg'); } #product-edition-testpro-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_testpro-hero.jpg'); } #product-edition-tfs-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ed_tfs-hero.jpg'); } #product-express-web-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_web-hero.jpg'); } #product-express-windows-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_windows-hero.jpg'); } #product-express-desktop-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_desktop-hero.jpg'); } #product-express-phone-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_phone-hero.jpg'); } #product-express-tfs-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_tfs-hero.jpg'); } #product-tfservice-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_product_tfservice_hero-landing.jpg'); } #product-2010-express-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_prod_ex_2010-hero.jpg'); } #product-edition-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_product_edition_hero-landing.jpg'); } #product-express-default-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/mob_product_express_hero-landing.jpg'); } /******** Change to reference hero ID instead of body class. ********/ /* .alm */ #alm-default-hero .hero_blocks .video_thumb { width: 219px; height: 136px; margin-top: 10px; background: #fff; } /* .alm */ #alm-default-hero .hero_blocks .video_thumb span { color: #68217A; } /* .alm */ #alm-default-hero .hero_blocks .video_thumb div { background-position: -22px -22px; width: 26px; height: 26px; margin: -13px 0 0 -13px; } .hero .stretch_image { height: 100%; } .hero_content .hero_blocks h2 { font-family: segoeUiLight, Arial, Helvetica, 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%; } /******** Change to reference hero module instead of body class. ********/ /* .hero_only */ .module.hero .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("https://waybackassets.bk21.net/20130709120857im_/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('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_launchday_hero.jpg'); } #hero-launch-party { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_launchparty_hero.jpg'); } #story-hero-office { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_office_hero.jpg'); } #story-hero-tfservice { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_tfservice_hero2.jpg'); } #story-hero-update-1 { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_update_1_hero.jpg'); } #story-hero-whats-new { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_whatsnew_hero.jpg'); } #story-hero-whats-new-rise { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_rise_hero_developer.jpg'); } #story-hero-quality-enablement { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_quality_enablement.jpg'); } #story-hero-agile-your-terms { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_agile_your_terms.jpg'); } #story-hero-2013-preview { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/tab_story_2013preivew_hero.jpg'); } #alm-rise-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_rise_hero_ALM.jpg'); } #alm-default-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-landing.jpg'); } #alm-overview-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-overview.jpg'); } #alm-define-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-define.jpg'); } #alm-develop-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-develop.jpg'); } #alm-operate-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-operate.jpg'); } #alm-agile-development-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-agile-development.jpg'); } #alm-quality-enablement-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/tab_alm_hero-quality-enablement.jpg'); } #product-editions-2013-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/2013/tab_2013products_hero.jpg'); } #product-edition-ultimate-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_ult-hero.jpg'); } #product-edition-premium-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_prem-hero.jpg'); } #product-edition-professional-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_prof-hero.jpg'); } #product-edition-testpro-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_testpro-hero.jpg'); } #product-edition-tfs-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ed_tfs-hero.jpg'); } #product-express-web-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_web-hero.jpg'); } #product-express-windows-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_windows-hero.jpg'); } #product-express-desktop-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_desktop-hero.jpg'); } #product-express-phone-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_phone-hero.jpg'); } #product-express-tfs-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_tfs-hero.jpg'); } #product-tfservice-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_product_tfservice_hero-landing.jpg'); } #product-2010-express-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_prod_ex_2010-hero.jpg'); } #product-edition-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/tab_product_edition_hero-landing.jpg'); } #product-express-default-hero { background-image: url('https://waybackassets.bk21.net/20130709120857im_/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: auto; max-width: 100%; margin-top: 124px; position: absolute; top: 0; bottom: 0; } .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 { background-color: #FFF; } #alm-rise-hero, #alm-default-hero, #alm-overview-hero, #alm-define-hero, #alm-develop-hero, #alm-operate-hero, #alm-tools-hero, #alm-agile-development-hero, #alm-quality-enablement-hero, #product-editions-2013-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 { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_launchday_hero.jpg'); } #hero-launch-party { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_launchparty_hero.jpg'); } #story-hero-office { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_office_hero.jpg'); } #story-hero-update-1 { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_update_1_hero.jpg'); } #story-hero-tfservice { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_tfservice_hero2.jpg'); } #story-hero-whats-new { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_whatsnew_hero.jpg'); } #story-hero-whats-new-rise { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/rise_hero_developer.jpg'); } #story-hero-quality-enablement { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_quality_enablement.jpg'); } #story-hero-agile-your-terms { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_agile_your_terms.jpg'); } #story-hero-2013-preview { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/stories/story_2013preivew_hero.jpg'); } #alm-rise-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/rise_hero_ALM.jpg'); } #alm-default-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-landing.jpg'); } #alm-overview-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-overview.jpg'); } #alm-define-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-define.jpg'); } #alm-develop-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-develop.jpg'); } #alm-operate-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-operate.jpg'); } #alm-tools-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-overview.jpg'); } #alm-agile-development-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-agile-development.jpg'); } #alm-quality-enablement-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/alm_hero-quality-enablement.jpg'); } #product-editions-2013-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/2013/2013products_hero.jpg'); } #product-edition-ultimate-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_ult-hero.jpg'); } #product-edition-premium-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_prem-hero.jpg'); } #product-edition-professional-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_prof-hero.jpg'); } #product-edition-testpro-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_testpro-hero.jpg'); } #product-edition-tfs-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ed_tfs-hero.jpg'); } #product-express-web-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_web-hero.jpg'); } #product-express-windows-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_windows-hero.jpg'); } #product-express-desktop-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_desktop-hero.jpg'); } #product-express-phone-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_phone-hero.jpg'); } #product-express-tfs-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_tfs-hero.jpg'); } #product-tfservice-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/product_tfservice_hero-landing.jpg'); } #product-2010-express-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/prod_ex_2010-hero.jpg'); } #product-edition-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/products/product_edition_hero-landing.jpg'); } #product-express-default-hero .hero_cover { background-image: url('https://waybackassets.bk21.net/20130709120857im_/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: table; } .hero_content .hero_blocks { padding: 0 0 0 60px; color: #fff; display: table-cell; vertical-align: middle; height: 100%; } .hero_content .hero_blocks h2 { font-family: segoeUiLight, Arial, Helvetica, sans-serif; font-size: 30px; line-height: 40px; margin-top: -10px; } .hero_content .hero_blocks h3 { } .hero_content .hero_blocks p { font-size: 14px; line-height: 20px; margin-bottom: 60px; } .hero_content .hero_blocks p.intro { margin: -5px 0 5px; } .hero_content .hero_blocks p.extra { margin: 1em 0; } .hero_content .hero_blocks .hero_block .arrow-link a { color: #fff; } .hero_content .hero_blocks .hero_block .arrow-link a span { background-position: 0 -99px; width: 22px; height: 22px; } .hero_content .hero_blocks .hero_block .arrow-link a.anchor span { background-position: 0 -55px; } .hero_content .hero_blocks .hero_block .arrow-link a.url span { background-position: 0 -258px; } .hero_content .hero_blocks .hero_block .arrow-link.video a.url span { background-position: -27px -241px; } .hero_content .hero_blocks .hero_block .arrow-link.download a.url span { background-position: -38px -64px; } .hero_content .hero_blocks .hero_block .arrow-link.left a { padding-left: 33px; } .hero_content .hero_blocks .hero_block .arrow-link.left a span { margin-left: -33px; } .hero_content .hero_blocks .hero_block.block1 { background: #68217A; padding: 30px; width: 254px; } .hero_blocks .tertiary_nav { display: none; } .template .hero_blocks { display: none; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .hero_content { width: 996px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .hero_content { width: 1200px; } /* .hero_content .hero_blocks h2 { font-size: 60px; line-height: 70px; margin-top: -15px; } .hero_content .hero_blocks p { font-size: 20px; line-height: 26px; margin-bottom: 80px; } */ .hero_content .hero_blocks .hero_block.block1 { padding: 40px; width: 344px; } } .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('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/eng/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('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/eng/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 { display: none; } .js #current-language { display: block; cursor: pointer; } .js .language_close { display:block; position:absolute; cursor: pointer; height:25px; width:25px; top:20px; right:25px; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat 0 -121px; } .language-list { width: 280px; min-width: 280px; display:block; font-size:14px; margin: 0 auto; } .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(https://waybackassets.bk21.net/20130709120857im_/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(https://waybackassets.bk21.net/20130709120857im_/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(https://waybackassets.bk21.net/20130709120857im_/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; } .live_id_wrapper { float: right; } .js .live_id_wrapper { } /* 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) { } .module.liveperson a { display: block; position: absolute; right: 0px; top: 0; padding: 24px 29px; background: #00BCF2; } .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: -10px; top: 0; padding: 33px 40px 34px 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 { display: block; width: 280px; height: 31px; padding: 11px 20px 0; 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 > 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; } .js #header-wrapper .primary_nav_subnav.level_2, .js #header-wrapper .drawer_container { display: none; } .js #header-wrapper #mobile-nav .primary_nav_subnav.level_2, .js #header-wrapper .drawer_container .primary_nav_subnav.level_2 { display: block; } .js .products ul#desktop-nav .alm ul { display:none; } .js .alm ul#desktop-nav .products ul { display:none; } #mobile-nav ul.level_2, .js ul#mobile-nav ul.level_3 { display: block; height: 0px; visibility: collapse; } #mobile-nav ul.level_2.open, .js ul#mobile-nav ul.level_3.open { height: auto; visibility: visible; } #mobile-nav li.has_subnav > a > span { position: relative; } #mobile-nav li.has_subnav > a > span > span { width: 5px; height: 3px; background: transparent url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat 0px -286px; display: block; position: absolute; top: 8px; right: -10px; } #mobile-nav li.has_subnav > a.subnav-is-open > span > span { background-position: 0px -289px; } #mobile-nav .primary_nav_subnav li.has_subnav > a > span > span { background-position: 0px -292px; } #mobile-nav .primary_nav_subnav li.has_subnav > a.subnav-is-open > span > span { background-position: 0px -295px; } .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.open { display:block; }*/ .primary_nav li a { width: 418px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .primary_nav { font-size: 16px; } .js .nav-primary { position: absolute; top: 73px; height: 51px; } .js .nav-primary>ul { display:block; } .js .nav-primary>ul>li { margin-right: 15px; float: left; border: none; background: none; } .js .nav-primary>ul>li>a { padding: 10px 20px 0; width: auto; height: 41px; position: relative; } .js .nav-primary>ul>li.expanded>a { color: #68217a; background: #fff; } .js .nav-primary > ul#desktop-nav { display:block; } .js #header-wrapper .drawer_container { position: absolute; top: 124px; background: #fff; width: 100%; padding: 30px 0; border-bottom: 2px solid #68217A; } .js #header-wrapper .drawer_container > div { clear: left; } .js #header-wrapper .primary_nav_subnav.level_2 { background: transparent; width: 648px; margin: 0 auto; } .js #header-wrapper .primary_nav_subnav.level_2 > li { float: left; background: transparent; border-top: 0; width: 210px; margin-right: 15px; } .js #header-wrapper .primary_nav_subnav.level_2 > li.alm-landing { width: 316px; } .js #header-wrapper .primary_nav_subnav.level_2 > li.products-team-foundation-service, .js #header-wrapper .primary_nav_subnav.level_2 > li.products-editions-2013, .js #header-wrapper .primary_nav_subnav.level_2 > li.visual-studio-2010-express { width: 198px; margin-right: 0; margin-bottom: 30px; } .js #header-wrapper .primary_nav_subnav.level_2 > li.alm-agile-development, .js #header-wrapper .primary_nav_subnav.level_2 > li.alm-quality-enablement, .js #header-wrapper .primary_nav_subnav.level_2 > li.alm-summit { width: 304px; margin-right: 0; margin-bottom: 30px; } .js #header-wrapper .primary_nav_subnav.level_2 > li > a { font-size: 16px; color: #68217a; } .js #header-wrapper .primary_nav_subnav.level_2 > li > ul { background: transparent; } .js #header-wrapper .primary_nav_subnav.level_2 > li > ul > li { margin: 18px 0 0; } .js #header-wrapper .primary_nav_subnav.level_2 > li > ul > li > a { font-size: 13px; color: #68217a; padding: 0; } .js #header-wrapper .primary_nav_subnav.level_2 > li.products-editions-2013 { width: 150px; } .js ul#mobile-nav, .js ul#mobile-nav.open { display: none; } .js ul#mobile-nav.measure, .js ul#mobile-nav.measure.open { display: block; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .js #header-wrapper .primary_nav_subnav.level_2 { width: 876px; } .js #header-wrapper .primary_nav_subnav.level_2 > li.products-team-foundation-service, .js #header-wrapper .primary_nav_subnav.level_2 > li.visual-studio-2010-express { margin-right: 15px; } .js #header-wrapper .primary_nav_subnav.level_2 > li.products-team-foundation-service, .js #header-wrapper .primary_nav_subnav.level_2 > li.products-editions-2013, .js #header-wrapper .primary_nav_subnav.level_2 > li.visual-studio-2010-express { width: 308px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .js #header-wrapper .primary_nav_subnav.level_2 { width: 1080px; } .js #header-wrapper .primary_nav_subnav.level_2 > li.alm-agile-development, .js #header-wrapper .primary_nav_subnav.level_2 > li.alm-quality-enablement, .js #header-wrapper .primary_nav_subnav.level_2 > li.alm-summit { width: 210px; margin-right: 15px; } } /* 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-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 > a { background-color: #68217A; width: 60px; height: 60px; display: block; float: left; } .product_downloads .download_language .download > a.register { background-color: #7FBA00; } .product_downloads .download_language .download .icon { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png'); margin: 12px 0 0 4px; height: 35px; width: 51px; } .container.container2 .product_downloads .download_language .download > a { background-color: #0054a6; } .container.container3 .product_downloads .download_language .download > a { background-color: #0054a6; } .container.container4 .product_downloads .download_language .download > a { background-color: #708ec5; } .container.container5 .product_downloads .download_language .download > a { background-color: #505050; } .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 .globe .icon { background-position: -25px -89px; } .product_downloads .download_language .download .dvd .icon { background-position: -24px -189px; margin: 9px 0 0 11px; height: 40px; width: 40px; } .product_downloads .download_language .download .webpi .icon { background-position: -30px -124px; margin: 14px 0 0 17px; height: 30px; width: 29px; } .product_downloads .download_language .download .arrow .icon { background-position: -22px -64px; margin: 17px 0 0 23px; height: 25px; width: 16px; } .product_downloads .download_language .download .external .icon { background-position: -24px -48px; margin: 22px 0 0 21px; height: 16px; width: 20px; } .product_downloads .download_language .download .register .icon { background-position: -27px -154px; margin: 12px 0 0 17px; height: 35px; width: 28px; } /* 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 .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 .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; } .product_downloads .download_language .download .details { width: 314px; } } /* 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; } .product_downloads .download_language .download .details { width: 404px; } }/* downloads module */ /* No JavaScript, mobile default styles. */ .product_downloads_2013 { min-height: 250px; padding: 0 20px 30px; color: #666; background-color: #d5d5d5; overflow: hidden; } .product_downloads_2013 .column h5 { font-size: 15px; line-height: 20px; margin: 25px 0 0 0; } .one-column .product_downloads_2013 .column p { margin-top: 22px; } .product_downloads_2013 .download_lang_container { overflow: hidden; margin: 20px 0 23px 0; } .product_downloads_2013 .download_lang_container .language { display: inline-block; margin: 7px 0 0 0; } .product_downloads_2013 .download_language .download { overflow: hidden; margin-top: 30px; } .product_downloads_2013 .download_language .download:first-child { margin-top: 14px; } .product_downloads_2013 .download_language a { text-decoration: none; } .product_downloads_2013 .download_language .download:hover { border-color: #67217a; text-decoration: none; } .product_downloads_2013 .download_language { display: block; overflow: hidden; } .product_downloads_2013 .download_language.active { display: block; } .product_downloads_2013 .download_language .download > a { background-color: #68217A; width: 60px; height: 60px; display: block; float: left; } .product_downloads_2013 .download_language .download > a.register { background-color: #7FBA00; } .product_downloads_2013 .download_language .download .icon { background-image: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png'); margin: 12px 0 0 4px; height: 35px; width: 51px; } .container.container2 .product_downloads_2013 .download_language .download > a { background-color: #0054a6; } .container.container3 .product_downloads_2013 .download_language .download > a { background-color: #0054a6; } .container.container4 .product_downloads_2013 .download_language .download > a { background-color: #708ec5; } .container.container5 .product_downloads_2013 .download_language .download > a { background-color: #505050; } .product_downloads_2013 .download_language .download .details { width: 130px; float:left; margin: 0 0 0 10px; word-wrap: break-word; } .product_downloads_2013 .download_language .download .details p { margin: 0; } .product_downloads_2013 .download_language .download .globe .icon { background-position: -25px -89px; } .product_downloads_2013 .download_language .download .dvd .icon { background-position: -24px -189px; margin: 9px 0 0 11px; height: 40px; width: 40px; } .product_downloads_2013 .download_language .download .webpi .icon { background-position: -30px -124px; margin: 14px 0 0 17px; height: 30px; width: 29px; } .product_downloads_2013 .download_language .download .arrow .icon { background-position: -22px -64px; margin: 17px 0 0 23px; height: 25px; width: 16px; } .product_downloads_2013 .download_language .download .external .icon { background-position: -24px -48px; margin: 22px 0 0 21px; height: 16px; width: 20px; } .product_downloads_2013 .download_language .download .register .icon { background-position: -27px -154px; margin: 12px 0 0 17px; height: 35px; width: 28px; } /* Javascript, module default styles. */ .js .product_downloads_2013 .download_language { display: none; } .js .product_downloads_2013 .download_language.active { display: block; } /* 6 column layout -- width: 476px */ @media only screen and (min-width : 478px) { .product_downloads_2013 .download_language .download .details { width: 226px; margin-left: 20px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .product_downloads_2013 { font-size: 12px; line-height: 16px; } .product_downloads_2013 .column { float: left; } .product_downloads_2013 .column1 { width: 284px; margin-right: 50px; } .product_downloads_2013 .column2 { width: 274px; } .one-column .product_downloads_2013 .column > p { font-size: 13px; line-height: 18px; } .product_downloads_2013 .download_language .download .details { width: 194px; } .product_downloads_2013 .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-2013 .download_intro { width: 486px; } .product_downloads_2013 .column1 { width: 398px; } .product_downloads_2013 .column2 { width: 388px; } .product_downloads_2013 .download_language .download .details { width: 314px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .page-download-2013 .download_intro { width: 605px; } .product_downloads_2013 .column1 { width: 500px; } .product_downloads_2013 .column2 { width: 490px; } .product_downloads_2013 .download_language .download .details { width: 404px; } }/* module: page-list */ .product-summary { } .product-summary .product-summary-wrapper { overflow: hidden; margin-bottom: 40px; } .product-summary .product-summary-image { margin: 5px 20px 10px 0; float:left; clear:both; } .product-summary .product-summary-content { float:left; clear:none; } .product-summary h4 { font-size: 18px; } .product-summary p { font-size: 14px; margin: 10px 0; } .product-summary a { font-size: 14px; } .product-summary .module.arrow-link.right { margin: 10px 0px; float:none; width:auto; } @media only screen and (min-width : 768px) { .product-summary .product-summary-content { width: 417px; } } @media only screen and (min-width : 996px) { .product-summary .product-summary-content { width: 645px; } } @media only screen and (min-width : 1200px) { .product-summary .product-summary-content { width: 849px; } } div.randomized_item { display: none; } .search-form { clear: left; padding: 14px 20px; height: 14px; width: 280px; margin: 0 auto; } .search-form form { width: 280px; height: 14px; background: #fff; } .search-form form #search-form-query { display: block; float: left; border: 0px; width: 261px; height: 14px; padding: 0 2px; font-size: 11px; color: #2a2a2a; } .search-form form #search-form-icon { display: none; } .js .search-form form #search-form-submit { display: none; } .js .search-form form #search-form-icon { display: block; cursor: pointer; float: left; width: 11px; height: 10px; margin: 2px; background: transparent url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat 0px -167px; } /* 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 { width: 436px; } .search-form form { width: 407px; } .search-form form #search-form-query { width: 388px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .search-form { float: right; width: 196px; height: 26px; padding-right: 20px; } .search-form form { width: 196px; height: 26px; } .search-form form #search-form-query { width: 168px; height: 26px; font-size: 14px; } .js .search-form form #search-form-icon { width: 18px; height: 17px; background-position: 0px -184px; margin: 5px 4px 4px 2px; } } /* 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) { .search-form { width: 320px; } .search-form form { width: 320px; } .search-form form #search-form-query { width: 292px; } } /* Story hero. */ .module.story-hero { position: absolute; width: 100%; } /* For the arrows. */ .hero_arrow { height: 66px; width: 40px; display: block; position: absolute; top: 50%; margin-top: -33px; z-index: 990; } .hero_arrow a { background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') 0 0 no-repeat; } .prev_arrow { left: 0; } .next_arrow { right: 0; float: right; } .prev_arrow a { background-position: 0 -815px; } .next_arrow a { background-position: 0 -683px; } .hero_arrow a { display: block; width: 100%; height: 100%; } .prev_arrow a:hover { background-position: 0 -881px; } .next_arrow a:hover { background-position: 0 -749px; } /* 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. */ .hero_arrow { margin-top: 33px; } .prev_arrow { left: 0; } .next_arrow { right: 0; float: right; } .module.story-hero { height: 100% } .hero.module.story-hero { position: static; width: auto; height: auto; } /* For the dots. */ .story-hero_dots { position: relative; top: 93%; z-index: 10; display: block; height: 18px; width: 294px; padding: 0 414px 0 60px; margin: 0 auto; } .module.story-hero .story-hero_dots a.story-hero_dot { font-size:2.15em; text-shadow:0 0 4px rgba(0,0,0,0.15); float:left; margin: 0 5px 0 0; padding:0; } .module.story-hero .story-hero_dots a.story-hero_dot.dot_off { color: #fff; } .module.story-hero .story-hero_dots a.story-hero_dot.dot_on { color: #68217A; } /* .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; } */ .js .hero.story_hero .hero_cover { display: none; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .story-hero_dots { width: 408px; padding-right: 528px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .story-hero_dots { width: 590px; padding-right: 550px; } } /* 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: 26px; 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-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: 13px; margin-right: 5px; margin-bottom: 1px; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat -22px -263px; } .table .toggleimg.plus { background-position: -34px -263px; } .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: 35px; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat -22px -276px; } .js .table .icon { display: inline-block; } .js .table .bars.bar3 { background-position: -29px -276px; } .js .table .bars.bar2 { background-position: -38px -276px; } .js .table .bars.bar1 { background-position: -47px -276px; } .js .table .bars.bar0 { background-position: -56px -276px; } .video_lightbox_button { display: block; height: 26px; width: 26px; margin: 0 auto; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat -22px -22px; } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .table td.cell1 { width: 105px; } .table td.cell2 { width: 60px; } .table .child_row .cell1 { width: 84px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .table td.cell1 { width: 153px; } .table .child_row .cell1 { padding-left: 39px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .table 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: 512px; } .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 { color: #fff; position: absolute; left: 15px; top: 15px; font-size: 12px; } .video_thumb div { width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; bottom: -15px; right: -15px; margin: -17px 0 0 -21px; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat -64px -189px; } .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; } .gallery { } .gallery > .container { width: 240px; padding: 0 40px 55px; margin: 0 auto; } .gallery > .container h3 { font-size: 24px; line-height: 30px; color: #68217a; margin: 32px 0 0 0; } .gallery > .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) { .gallery > .container { width: 396px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .gallery > .container { width: 648px; padding: 0 60px 55px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .gallery > .container { width: 876px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .gallery > .container { width: 1080px; } } /* .page-alm-case-studies */ .gallery > .container h3 { margin-bottom: 10px; } .gallery > .container .columns h3 { font-size: 22px; line-height: 24px; color: #2A2A2A; margin-top: 10px; } .gallery .columns h4 { font-size: 18px; margin: 10px 0; } .gallery .container p { margin: 0 0 10px 0; } .gallery .arrow-link { margin-top: 10px; } .gallery .column { margin-bottom: 30px; overflow: hidden; } .gallery .case_study_featured .column { margin-bottom: 0; } .gallery .case_study_list .column img, .gallery .case_study_featured .column img { width: 240px; } /* 6 column layout -- width: 478px */ @media only screen and (min-width : 478px) { .gallery .case_study_list .column img, .gallery .case_study_featured .column img { width: 396px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .gallery .case_study_list .column { width: 272px; margin-right: 104px; } .gallery .case_study_list .column img { width: 272px; } .gallery .case_study_list .column:nth-child(even) { margin-right: 0; } .gallery .case_study_featured .column img { width: 648px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .gallery .case_study_featured .column1 { width: 458px; float: right; } .gallery .case_study_featured .column2 { width: 388px; } .gallery .case_study_featured .column img { width: 458px; } .gallery .case_study_list .column, .gallery .case_study_list .column img { width: 272px; } .gallery .case_study_list .column, .gallery .case_study_list .column:nth-child(even) { margin-right: 30px; } .gallery .case_study_list .column:nth-child(3n+3) { margin-right: 0; } .gallery .case_study_list .column:nth-child(3n+4) { clear: left; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .gallery .case_study_featured .column1 { width: 511px; } .gallery .case_study_featured .column2 { width: 451px; } .gallery .case_study_featured .column img { width: 511px; } .gallery .case_study_list .column, .gallery .case_study_list .column img { width: 320px; } .gallery .case_study_list .column, .gallery .case_study_list .column:nth-child(even) { margin-right: 60px; } .gallery .case_study_list .column:nth-child(3n+3) { margin-right: 0; } }.hero-one-column .container1 .hero_blocks .hero_block h2 { margin: 40px 0 0 0; } .hero-one-column .container1 .hero_blocks .hero_block h3 { text-transform: uppercase; margin: 20px 0 0; } .hero-one-column .container2 { width: 280px; margin: 0 auto; padding: 40px 20px; } /* 6 column layout -- width: 478px - 767px. */ @media only screen and (min-width : 478px) { .hero-one-column .container2 { width: 436px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .hero-one-column .container2 { width: 648px; padding: 40px 60px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .hero-one-column .container2 { width: 876px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .hero-one-column .container2 { width: 1080px; } } .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; } div.template.local-one-column { padding-top:20px; } .local-one-column > .container { width: auto; padding: 0 40px 55px; margin: 0 auto; } .local-one-column > .container h3 { font-size: 24px; line-height: 30px; color: #68217a; margin: 32px auto 0; } .local-one-column > .container p { font-size: 14px; line-height: 20px; color: #666; margin: 17px auto 0; } /* 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) { div.template.local-one-column { padding-top:90px; } .local-one-column > .container > div.columns { padding-bottom: 30px; } .local-one-column > .container > div.expando { display: none; } .local-one-column > .container > div.table { margin: 20px auto; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { div.template.local-one-column { padding-top: 110px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { } .one-column { } .one-column > .container { width: 280px; padding: 0 20px 55px; margin: 0 auto; } .one-column > .container h3 { font-size: 24px; line-height: 30px; color: #68217a; margin: 32px auto 0; } .one-column > .container p { font-size: 14px; line-height: 20px; color: #666; margin: 17px auto 0; } /* 6 column layout -- width: 478px - 767px. */ @media only screen and (min-width : 478px) { .one-column > .container { width: 436px; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { .one-column > .container { width: 100%; padding: 0 0 55px; } .one-column > .container > * { display: block; width: 648px; padding: 0 40px; margin-left: auto; margin-right: auto; } .one-column > .container > div.columns { padding-bottom: 30px; } .one-column > .container > div.expando { display: none; } .one-column > .container > div.table { margin: 20px auto; } } /* 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: 280px; padding: 0 20px; 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: 436px; } } /* 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: 280px; padding: 35px 20px 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-size: 16px; line-height: 24px; color: #666; margin-top: 18px; } .two-column .container .main > .column.column2 > .inner_content > h5 { 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('https://waybackassets.bk21.net/20130709120857im_/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: 436px; } .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('https://waybackassets.bk21.net/20130709120857im_/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('https://waybackassets.bk21.net/20130709120857im_/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: segoeUi, Arial, Helvetica, sans-serif; color: #666; } p { margin: 20px 0 0; } .main > .column.column1 h2 { font-size: 14px; text-transform: uppercase; color: #666; } #content-wrapper { width: 100%; } #content { position: relative; } .inner_content h2 { display: none; } .template > .container1 > h2 { display: none; } /* 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%; } .twocol_left_tile { margin: 20px 0 0 0; } .twocol_left_tile p { font-size: 12px; line-height: 16px; } .twocol_left_tile .column.column1 { margin-right: -80px; } .twocol_left_tile .column.column2 { margin-top: -20px; width: 150px; } .twocol_left_tile .column.column1 img { width: 50%; } .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-size: 12px; margin: 0 0 10px 0; height: 25px; padding: 11px 0 0 43px; } .threecol_benefits .column h4.challenge { background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/challenge_icon.png') no-repeat; } .threecol_benefits .column h4.solution { background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/solutions_icon.png') no-repeat; } .threecol_benefits .column h4.business { background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/alm/value_icon.png') no-repeat; } .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('https://waybackassets.bk21.net/20130709120857im_/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: 280px; padding: 0 20px; 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; word-wrap: break-word; } .template .container1 > .hero_blocks .hero_block h3, .template .container1 > .hero_blocks .hero_block p { 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('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/button_arrow_right.png') no-repeat 0 0; } .relative { position: relative; } .full_bleed { display: none; } .hide { display: none; } .show { display: block; } .transparent { opacity: 0; } .opaque { opacity: 1; } .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: 438px; } #baseline { width: 478px; } .twocol_left_tile { margin: 20px 0 0 0; } .twocol_left_tile p { font-size: 12px; line-height: 16px; } .twocol_left_tile .column.column1 { margin-right: -60px; } .twocol_left_tile .column.column2 { margin-top: -20px; width: 200px; } .twocol_left_tile .column.column1 img { width: 50%; } } /* 6 column layout -- width: 768px - 995px. */ @media only screen and (min-width : 768px) { #below-the-fold { position: absolute; top: 100%; width: 100%; } .no_hero #below-the-fold { top: 124px; } .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; } .twocol_left_tile { margin: 20px 0 0 0; } .twocol_left_tile p { font-size: 12px; line-height: 16px; } .twocol_left_tile .column.column1 { margin-right: -20px; } .twocol_left_tile .column.column2 { margin-top: -20px; width: 300px; } .twocol_left_tile .column.column1 img { width: 75%; } .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; } } /******** SEO-Root Page ********/ .js .page-seo-root > * { display: none; } /******** 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-summit.template.gallery h3.datetime { font-size: 16px; line-height: 20px; } .page-alm-summit .blue_block.arrow-link a { margin-bottom: 12px; } .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-size: 16px; line-height: 24px; color: #666; } /* .alm-operate */ .hero_content .hero_blocks p.book_promo { margin: 40px 0 10px 0; } /******** 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: #68217A; width: 60px; height: 60px; margin-right: 20px; } .page-download .download_intro .download_ctas_details .column1 a { background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat -25px -89px; margin: 12px 0 0 4px; display: block; height: 35px; width: 51px;} .page-download .download_intro .download_ctas_details .column2 p { margin-top: -5px; width: 140px; } .page-download .container1 .download_intro:first-child { margin-bottom: 0; } .page-download #d-2012-editions { margin-bottom: 30px; } .page-download #d-2012-editions h3 { margin-top: 0; } .page-download #d-2012-editions p { margin-left: 0; } .page-download.one-column > .container { padding-bottom: 0; } .page-download.one-column > .container.container5 { padding-bottom: 20px; } .page-download .jumplinks ul { margin: 20px 0; } .page-download .jumplinks ul li { font-size: 14px; } /* would prefer not to use */ .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 .container.container5 .arrowchar_item h4 { background-color: #505050; } .page-download .container.container5 .arrowchar_item.expanded h4 { background-color: #969696; } /* if we can easily lose the tags and just use

, use these styles instead .page-download h4.arrowchar_item { font-size: 16px; color: #FFF; padding: 16px 10px 17px 45px; background-color: #442359; } .page-download h4.arrowchar_item.expanded { background-color: #725982; } .page-download .container.container2 h4.arrowchar_item { background-color: #0054a6; } .page-download .container.container2 h4.arrowchar_item.expanded { background-color: #407fbc; } .page-download .container.container3 h4.arrowchar_item { background-color: #0054a6; } .page-download .container.container3 h4.arrowchar_item.expanded { background-color: #407fbc; } .page-download .container.container4 h4.arrowchar_item { background-color: #426ab3; } .page-download .container.container4 h4.arrowchar_item.expanded { background-color: #708ec5; } */ .page-download .download_intro { margin-bottom: 30px; } .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 { border-bottom: solid 1px #fafafa; } .js .page-download .arrowchar_item.expanded h4 { border: none; } .js .page-download .arrowchar_item h4 span { display: block; width: 19px; height: 20px; float: left; margin-right: 6px; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat 0 -238px; } .js .page-download .arrowchar_item.expanded h4 span { background-position: 0 -218px; } /* What's New page. */ .page-story-hero-whats-new .column.column2 .inner_content img { width: 100%; } /* Ship Party Page */ .story-hero-launch-party #content-wrapper { background: none; } .template.page-story-hero-launch-party .container1 > .hero_blocks .mobile_jump_links { display: none; } /* Hero arrow-link fixes */ .template.page-products-team-foundation-service .container1 > .hero_blocks .hero_block.block1 > .arrow-link, .template.page-visual-studio-2010-express .container1 > .hero_blocks .hero_block.block1 > .arrow-link, .template.page-alm-agile-development .container1 > .hero_blocks .hero_block.block1 > .arrow-link, .template.page-alm-quality-enablement .container1 > .hero_blocks .hero_block.block1 > .arrow-link, .template.page-story-hero-office .container1 > .hero_blocks .hero_block.block1 > .arrow-link, .template.page-story-hero-launch-day .container1 > .hero_blocks .hero_block.block1 > .arrow-link, .template.page-story-hero-tfservice .container1 > .hero_blocks .hero_block.block1 > .arrow-link { display: block; } /******** 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.one-column > .container p { margin: 17px 0; } .page-events.one-column > .container .module.events { margin-top: 32px; } .page-events.one-column > .container .event_item h3 { margin-top: 0; } .geo-container.events_right_rail a { display: block; margin: 20px 0; } /* 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) { .page-events .module.geo-container.events_list { float: left; width: 428px; margin-right: 0px; } .page-events .module.geo-container.events_right_rail { float: left; width: 180px; } } /* 12 column layout - width: 996px - 1199px. */ @media only screen and (min-width : 996px) { .page-events .module.geo-container.events_list { width: 656px; } } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 1200px) { .page-events .module.geo-container.events_list { width: 860px; } } .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-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-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;} /* 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; } /******** Downloads page. ********/ .page-download .download_intro .download_ctas { margin-top: 65px; } .page-download .download_intro > .column1 { width: 55%; margin-right: 40px; } .page-download #d-2012-editions p { width: 55%; } .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: 17%; 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 ********/ .story_page.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: 30%; } /******** 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; } /******** 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 #d-2012-editions p { width: 65%; } .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; } } /******** Compatibility page. ********/ .page-compatibility #vs11-feature-matrix { display: none; } .page-compatibility .mobile_only_note { margin-bottom: 20px; } .page-compatibility .list ul { margin-top: 5px; } .page-compatibility .table sup { top: -22px; right: -16px; } .page-compatibility.two-column .container .main .column.column2 .inner_content .footnote p { font-size: 11px; line-height: 14px; margin: 0 0 5px 0; } /* 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; } } /******** Quality Enablement Hero page. ********/ .page-story-hero-agile-your-terms .column.column1 h5, .page-story-hero-quality-enablement .column.column1 h5 { font-size: 18px; color: #2A2A2A; margin-top: 5px; } @media print { #content { width: 996px; margin: 0 auto; position: relative; } #baseline { width: 996px; } .page-products-compare #mobile-chart-description, #header-wrapper, #footer-wrapper { display: none; } .page-products-compare .container.container1 { margin-left: 0px; margin-top: 0px; } .page-products-compare .container { width: 996px; } .page-products-compare .container > .table { width: 996px; } .page-products-compare .container > .table td.cell1 { width: 153px; } .page-products-compare .container > .table .child_row .cell1 { padding-left: 39px; } .page-products-compare .container > .table td.cell2 { 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;} .page-products-compare { max-width: 996px; } .page-products-compare #footer-wrapper { display: none; } } /* 2013 Editions page */ .page-products-editions-2013 .container2 > h2 { font-size: 24px; margin-bottom: 20px; } .page-products-editions-2013 .product-summary-content h2 { font-size: 20px; } .page-products-editions-2013 .product-summary h4 { margin-bottom: 10px; } .page-products-editions-2013 .product-summary h5 { margin-bottom: 10px; font-size: 16px; } .page-products-editions-2013 .product-summary .column1 { width: 300px; } .page-products-editions-2013 .product-summary .list li { font-size: 12px; } .page-products-editions-2013 .table td.cell2 { width: auto; } .page-products-editions-2013 #mobile-chart-description { display: block; } .page-products-editions-2013 #compare-2013 { display: none; } @media only screen and (min-width : 768px) { .page-products-editions-2013 #mobile-chart-description { display: none; } .page-products-editions-2013 #compare-2013 { display: block; } } @media only screen and (min-width : 996px) { .page-products-editions-2013 .product-summary .column1, .page-products-editions-2013 .product-summary .column2 { width: 300px; } } @media only screen and (min-width : 1200px) { .page-products-editions-2013 .product-summary .column2 { width: 500px; } } /* 2013 Downloads page */ .page-download-2013 .download_intro .download_ctas { margin-top: 65px; } .page-download-2013 .download_intro .download_ctas .column1 { width: 100%; } .page-download-2013 .download_intro .download_ctas_details { margin-bottom: 20px; } .page-download-2013 .download_intro .download_ctas_details .column1 { background: #68217A; width: 60px; height: 60px; margin-right: 20px; } .page-download-2013 .download_intro .download_ctas_details .column1 a { background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat -25px -89px; margin: 12px 0 0 4px; display: block; height: 35px; width: 51px;} .page-download-2013 .download_intro .download_ctas_details .column2 p { margin-top: -5px; width: 140px; } .page-download-2013 .container1 .download_intro:first-child { margin-bottom: 0; } .page-download-2013 #d-2013-editions { margin-bottom: 30px; } .page-download-2013 #d-2013-editions h3 { margin-top: 0; } .page-download-2013 #d-2013-editions p { margin-left: 0; } .page-download-2013.one-column > .container { padding-bottom: 0; } .page-download-2013.one-column > .container.container5 { padding-bottom: 20px; } .page-download-2013 .jumplinks ul { margin: 20px 0; } .page-download-2013 .jumplinks ul li { font-size: 14px; } .page-download-2013 .arrowchar_item h4 { font-size: 16px; color: #FFF; padding: 16px 10px 17px 45px; background-color: #442359; } .page-download-2013 .arrowchar_item.expanded h4 { background-color: #725982; } .page-download-2013 .container.container2 .arrowchar_item h4 { background-color: #0054a6; } .page-download-2013 .container.container2 .arrowchar_item.expanded h4 { background-color: #407fbc; } .page-download-2013 .container.container3 .arrowchar_item h4 { background-color: #0054a6; } .page-download-2013 .container.container3 .arrowchar_item.expanded h4 { background-color: #407fbc; } .page-download-2013 .container.container4 .arrowchar_item h4 { background-color: #426ab3; } .page-download-2013 .container.container4 .arrowchar_item.expanded h4 { background-color: #708ec5; } .page-download-2013 .container.container5 .arrowchar_item h4 { background-color: #505050; } .page-download-2013 .container.container5 .arrowchar_item.expanded h4 { background-color: #969696; } .page-download-2013 .download_intro { margin-bottom: 30px; } .page-download-2013 .download_intro .column > h3 { margin: 52px 0 0 0; } .page-download-2013 > .container.container1 .download_intro .column > h3 { margin: 32px 0 0 0; } .page-download-2013 .download_intro p.callout { padding: 10px; background-color: #e8e8e9; } .page-download-2013 .clip { margin-top:20px; } .page-download-2013 .read_me_section ul { margin-top:20px; } .page-download-2013 .read_me_section ul a { font-size: 14px; } .page-download-2013 .support_section ul a, .page-download-2013 .support_section ul li { font-size: 14px; } .page-download-2013 .support_section h3 { margin-bottom: 20px; } .js .page-download-2013 .arrowchar_item h4 { border-bottom: solid 1px #fafafa; } .js .page-download-2013 .arrowchar_item.expanded h4 { border: none; } .js .page-download-2013 .arrowchar_item h4 span { display: block; width: 19px; height: 20px; float: left; margin-right: 6px; background: url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/ui_sprites.png') no-repeat 0 -238px; } .js .page-download-2013 .arrowchar_item.expanded h4 span { background-position: 0 -218px; } /* 12 column layout -- width: 1200px+. */ @media only screen and (min-width : 996px) { .page-download-2013 .download_intro > .column2 { float: right; } } @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-2013 .download_intro > .column1 { width: 65%; margin-right: 40px; } .page-download-2013 .download_intro .download_ctas_details .column2 p { width: 230px; } } /* 2013 Story Hero page*/ .page-story-hero-2013-preview .container1 .list ul { margin-top: 20px;} .page-story-hero-2013-preview .mobile_jump_links .top_anchor_links .mobile_only .anchor span { background-position: 0 -33px; } #story-hero-2013-preview .hero_block .arrow-link .download span {background-position: -99px;} .page-story-hero-2013-preview.two-column .container1 .columns .column2 .inner_content img { display: none; } @media only screen and (min-width : 768px) { .page-story-hero-2013-preview.two-column .container1 .columns .column2 .inner_content img { display: block; height: auto; width: 100%; border: solid 1px #666;} } /* ============================================================================= Animated Transitions Styles ========================================================================== */ .js .use_transitions .page-seo-root { height: 2000px; } .js .use_transitions #header-wrapper { bottom: auto; top: 0; } .js .use_transitions #content-wrapper { background-image: none; } /* this seems to cause a 'flash' of hero content in Firefox when the rule is removed. WHY? */ .transition { overflow-x: hidden; } .transition #header-wrapper, .transition #footer-wrapper, .transition #content-wrapper, .transition .template, .transition .hero { position: absolute; } .transition .template { width: 100%; background-color: #fff; } /* * Initial state of new content containers: * After they are on the page but before animation has begun * Use opacity:0 rather than display:none so we can measure height */ .transition .hero { z-index: 0; } .transition .hero.anim { z-index: 1; } .transition .template.anim { z-index: -1; } .transition #content-wrapper { z-index: -1; } /* * Blocker */ #blocker { z-index: 1000; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; } #blocker .loader { display: none; background: #fff url('https://waybackassets.bk21.net/20130709120857im_/http://www.microsoft.com/visualstudio/_base_v2/images/circleload.gif') no-repeat center center; width: 100%; height: 100%; opacity: 0.6; } /* 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) { } /* search form ##TODO still necessary? 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-weight: bold; } .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:last-child { margin-top: 20px; } .geo-container.clp_resellers_agile_quality ul { 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; } } /* FILE ARCHIVED ON 12:08:57 Jul 09, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 19:31:38 Dec 11, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.509 exclusion.robots: 0.04 exclusion.robots.policy: 0.031 esindex: 0.01 cdx.remote: 5.759 LoadShardBlock: 217.143 (3) PetaboxLoader3.datanode: 157.14 (4) PetaboxLoader3.resolve: 196.995 (3) load_resource: 170.362 */