/* GENERAL */ /* --------------------------------- */ #subnav-fmgo-buy-now { display: block; } #sidenav-features, #sidenav-new, #sidenav-it { display: none; } .intro { color: #444; } #social { margin-top: 40px; } #social li { float: left; margin-right: 10px; } #social li:first-child { margin-right: 30px; } #lower-area h3 { color: #333;} #lower-area .callout p, #lower-area .callout li { color: #444; } .arrowed { padding-right: 18px; background: url(/site/images/buttons/arrow_blue_right_bubble2.png) no-repeat 100% 0; } .more-thin-arrow { background: url("/site/images/buttons/arrow_blue_thin_right.gif") no-repeat scroll 100% 66% transparent; padding-right: 10px; } .paragraphPad { padding-top: 30px; } #feature-area h2 { font-size:39px; color:#000000; margin-bottom:8px; line-height:40px;} #feature-area h3 { font-size:26px !important; color:#777777; letter-spacing:-0.02em;} #feature-area h4 { font-size:16px; color:#006ece; width:280px; text-align: center; margin-top:15px;} #sub-header h2 { font-size: 210%; } /* OVERVIEW (/products/filemaker-go/) */ /* ---------------------------------- */ #overview #feature-area { height: 457px; background: url(/global_images/fm12/fmgo/overview/feature_overview_graphic.png) no-repeat 0 0; } #overview #feature-area { border-radius: 0px 0px 0px 0px !important; border:none !important;} #overview #feature-area h2, #overview #feature-area h3 { margin-left: 515px; } #overview #feature-area h2 { padding-top:100px; text-align:center; } #overview #feature-area h3 { text-align:center; } #overview #feature-area h4 { width:320px; margin-left:570px;} #feature-area #app-store { margin-left: 570px; margin-top: 30px; width: 340px; text-align: center; } #feature-area #app-store div { width: 160px; padding-right: 0; } #feature-area #app-store .lastcolumn { } #feature-area #app-store h5 { margin-bottom: 4px; color: #333; font-size: 140%; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height:100%; } #overview .image-left { margin-left: 295px !important; } #overview .image-left li { margin-bottom: 10px; } #lower-area .oftwo { width: 44%; margin-right: 20px; } #lower-area .lastcolumn { margin-right: 0; } #lower-area .callout { padding: 30px; margin-top: 0px; } #lower-area .callout.nobg { background: none; } #fmgo_overview_shareinfo { background: url(/global_images/fm12/fmgo/overview/graphic_sharing_info.png) no-repeat 100% 0; height:483px; width: 678px; position:relative; right:-30px; margin-left:-30px;} #fmgo_overview_shareinfo h3 { padding-top:45px;} #fmgo_overview_shareinfo p { width:235px; } #overview blockquote.last { padding-bottom: 10px; } /* FEATURES (/products/filemaker-go/features.html) */ /* ----------------------------------------------- */ #features #lower-area p { margin-bottom: 0px;} #features #lower-area .intro { font-size:14px; color:#5f5f5f; line-height:23px; margin-bottom:10px;} #features #lower-area h3.withIcon { height: 40px; padding: 12px 0 10px 70px; font-size:20px; margin-bottom:0;} h3.iOSFeatures { background:url(/global_images/fm12/fmgo/features/icon_ios.png) no-repeat;} h3.dbFeatures { background:url(/global_images/fm12/fmgo/features/icon_database_features.png) no-repeat;} h3.accessingdb { background:url(/global_images/fm12/fmgo/features/icon_accessing.png) no-repeat; padding-top:18px !important; height:50px !important; margin-bottom:10px !important;} table.features { margin-top: 10px; width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom:8px;} table.features td.first { border-top: 1px solid #ddd; } table.features td { padding: 15px 15px; border-right: 1px solid #ddd; } /*table.features tr:nth-child(even) { background-color:#eee; }*/ table.features .even { background-color:#eee; } .theading { background: #87006c !important; color: #fff; } .theading td, .theading th { font-weight: bold; padding: 8px 15px !important; } .callout#accessing { margin-top:8px;} .callout#accessing .ofthree { float:left; width:192px; padding: 0 19px; border-right:1px solid #ddd;} .callout#accessing .firstcolumn { padding-left:0px;} .callout#accessing .lastcolumn { padding-right:0px; border-right:none;} #features .callout { padding: 20px; } .callout#buy-fmgo .oftwo { width: 300px; padding-right: 0; margin: 0; } .callout#buy-fmgo .firstcolumn { border-right: 1px solid #ddd; border-left: 0; padding-right: 20px; } .callout#buy-fmgo .lastcolumn { padding-left: 20px; border-left: 1px solid #fff; } .callout#buy-fmgo h3 { margin-bottom: 3px; } .arrowed { background: url("/site/images/buttons/arrow_blue_right_bubble2.png") no-repeat scroll 100% 0 transparent; padding-right: 18px;} .sectionPadding { padding-top:25px;} /* WHAT'S NEW (/products/filemaker-go/whats-new.html) */ /* -------------------------------------------------- */ #whats-new #sidenav-overview, #whats-new #sidenav-it { display: none; } #whats-new #sidenav-new { display: block; } #whats-new #lower-area .line { background:url(/global_images/fm12/fmgo/graphic_hori_gradient_line.png) no-repeat 0 50%; border:none; margin:15px 0 15px 0;} #whats-new #main { background-position: 0 0; } #whats-new #feature-area { height: 447px; margin-bottom: 25px; margin-left:15px; background: url(/global_images/fm12/fmgo/whatsnew/graphic_whatsnew_feature.png) no-repeat;} #whats-new #feature-area { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #whats-new #feature-area h2, #whats-new #feature-area h3 { margin-left: 546px; } #whats-new #feature-area h2 { padding-top:100px;} #whats-new #feature-area #app-store { margin-left: 535px; margin-top: 20px; width: 340px; text-align: center; } #whats-new #feature-area h4 { margin-left: 535px; width:320px; } #whats-new #lower-area { width: 660px; padding-top: 10px; padding-left: 20px; } #whats-new #right-col { padding-top: 10px; } #whats-new #lower-area h2 { font-size:20px; font-weight:bold; } #whats-new #lower-area h3 { margin-bottom: 0; } .feature { width:190px; padding:0 20px 0 20px; background:url(/global_images/fm12/fmgo/whatsnew/graphic_whatsnew_vert_divider.png) no-repeat 0 0; border:none; float:left; min-height:250px;} .feature.first { border-left:none; background-image:none; padding:0 20px 0 0;} .feature.last { padding:0 0 0 20px;} #whats-new .feature h3 { font-size:13px !important; margin-bottom:8px !important; margin-top:15px; } .feat-img { text-align:center; height:110px; width:190px; line-height:110px; } .feat-img img { vertical-align:middle; } .feature ul { list-style-type: disc; list-style-position:inside; } #whats-new .callout { padding: 10px 10px 0 20px; margin-top: 80px; } #whats-new .callout p { margin-top: 35px; } #whats-new #right-col { position: static; } #whats-new #sidebar-uses { /* position: absolute; top: 650px;*/ } /* IT PRO (/products/filemaker-go/for-it-pros.html) */ /* ----------------------------------------------------- */ #it-pros #sidenav-overview, #it-pros #sidenav-new { display: none; } #it-pros #sidenav-it { display: block; } #it-pros #feature-area { height: 380px; background: url(/global_images/fm12/fmgo/feature_it_pros.jpg) no-repeat 0 0; } #it-pros #feature-area h2, #it-pros #feature-area h3, #it-pros #feature-area h4 { margin-left: 23px;} #it-pros #feature-area h2 { padding-top: 42px;} #it-pros #feature-area h4 { width:340px;} #it-pros #feature-area #app-store { margin-left: 35px; } #fm-advantage .firstcolumn { width: 36%; } #fm-advantage .lastcolumn { width: 360px; } #fm-advantage li { margin-bottom: 8px; } #fmgo_foritpros_usingipad { background: url(/global_images/fm12/fmgo/graphic_using_ipad.png) no-repeat 100% 0; height:400px; width: 678px; position:relative; right:-30px; margin-left:-30px;} #fmgo_foritpros_usingipad h3 { padding-top:55px;} #fmgo_foritpros_usingipad p { width:307px; } /* RESOURCES (/products/filemaker-go/resources.html) */ /* ------------------------------------------------- */ #fmgo-resources #lower-area .oftwo { width: 460px;} #fmgo-resources #lower-area .oftwo .oftwo { width: 150px; } #fmgo-resources #lower-area h3, #fmgo-resources #lower-area ul.link-list { margin-left: 100px; } #fmgo-resources #lower-area ul.podcasts { margin-left: 10px; } #fmgo-resources #lower-area ul li { padding-left: 12px; margin-bottom: 5px; background: url(/site/images/buttons/arrow_blue_right_bubble.png) no-repeat 0 0; } #fmgo-resources #lower-area ul li a { display: block; background: none; } #fmgo-resources #lower-area ul li a:link { color: #444; text-decoration: none; } #fmgo-resources #lower-area ul li a:visited { color: #444; text-decoration: none; } #fmgo-resources #lower-area ul li a:hover { color: #0082C3; text-decoration: none; } #fmgo-resources #lower-area ul li a:active { color: #444; text-decoration: none; } /* TECH SPECS (/products/filemaker-go/specifications.html) */ /* ------------------------------------------------------- */ #tech-specs #feature-area { height: 290px; background: url(/global_images/fm12/fmgo/feature_tech_specs.png) no-repeat 520px 30px; } #tech-specs #feature-area h2, #tech-specs #feature-area h3 { margin-left: 95px; } #tech-specs #feature-area h2 { padding-top: 120px; margin-bottom: 3px; color: #333; font: normal 200% "Lucida Grande", Helvetica, Arial, sans-serif; } #tech-specs #feature-area h3 { color: #777; font-size: 130% !important; } #tech-specs #lower-area .callout { margin: 20px; padding: 40px; background: #e7e7e7; } #tech-specs #lower-area .callout { border-right: 1px solid #cfcfcf; border-left: 2px solid #b7b7b7; border-bottom: 2px solid #999; } #tech-specs #lower-area .callout h3 { font-size: 170%; font-weight: normal; margin-bottom: 2px; } #tech-specs #lower-area .callout h4 { font-size: 130%; font-weight: normal; color: #777; margin-bottom: 25px; } #tech-specs #lower-area .callout li { padding: 12px 20px; } #tech-specs #lower-area .callout li.alt { background: #fff; } /* FM GO TASKS (/products/filemaker-go/tasks.html) */ /* ------------------------------------------------- */ #fm-go-tasks #feature-area { height: 360px; } #fm-go-tasks #feature-area h2, #fm-go-tasks #feature-area h3, #fm-go-tasks #feature-area h4 { margin-left: 510px; } #fm-go-tasks #feature-area h2 { padding-top:25px; } #fm-go-tasks #feature-area p { margin-left: 0; } #fm-go-tasks #app-store { margin-left: 510px; margin-top:20px; } #fm-go-tasks #app-store div { width: 130px; text-align: center; margin-right: 20px; } #fm-go-tasks #app-store p { font-weight: bold; font-size: 120%; line-height: 150%; } #fm-go-tasks #lower-area { width: 100%; } #fm-go-tasks #right-col { display: none; } #fm-go-tasks #feature-area { background: url(/global_images/fm12/fmgo/feature_tasks.jpg) no-repeat 0 0; } #fm-go-tasks .ofthree { float: left; margin-right: 65px; width: 260px !important; } #fm-go-tasks .ofthree.lastcolumn { margin-right: 0; } #fm-go-tasks .ofthree li { clear: both; margin-bottom: 20px; } #fm-go-tasks .ofthree li strong { float: left; padding: 0 8px 25px 0; } #fm-go-tasks .task-fancy { font-weight: bold; } #fm-go-tasks #lower-area .callout { padding: 20px 10px; background: none; } /* SIDEBAR */ /* ------------------------------------------------- */ #right-col h4 { margin-top: 30px; } #right-col ul.bulleted li { color: #555; list-style: disc; margin: 0 15px 10px 20px; } #right-col blockquote { margin: 20px 0; padding-bottom: 10px; border-bottom: 1px solid #c094be; background: url(/global_images/fm12/fmgo/icon_quotes_start.png) no-repeat 0 0; } #right-col blockquote.first { margin-top: 5px; } #right-col blockquote.last { border: 0; } #right-col blockquote p { color: #444; margin-bottom: 0; padding: 0 25px 6px 25px; background: url(/global_images/fm12/fmgo/icon_quotes_end.png) no-repeat 97% 100%; } #right-col blockquote p.author { margin-left: 20px; font-weight: bold; background: none; } #right-col blockquote a { color: #6c285a; background: url(/global_images/fm12/fmgo/arrow_purple_right.png) no-repeat 100% 5px; } #for-you { padding: 0; } #for-you p { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; margin: 0; } #for-you p.first { border-top: 0; } #for-you p.last { border-bottom: 0; } #for-you p img { vertical-align: middle; padding: 10px; border-right: 1px solid #ddd; margin-right: 10px; } #more-info h3, #more-info ul { margin-left: 100px !important; } #more-info li { margin-left: 15px; margin-bottom: 5px; } .note { color: #999 !important; } #closing-notes { padding: 20px 0; } #sidebar-uses { border: 1px solid #BFA6BC; padding: 10px; z-index: 1000; } #sidebar-uses { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #sidebar-uses h4 { border-bottom: 1px solid #d3d3d3; margin: 3px 0 8px 0; padding-bottom: 5px; color: #7B2A6F; font-weight: bold; text-align: center; } #sidebar-uses li { color: #882371 !important; margin-bottom: 5px !important; margin-right: 0 !important; } #sidebar-uses li span { color: #616161; display: block; width: 100% !important; } #sidebar-uses p { margin-left: 8px; } #sidebar-uses p a { color: #7F2F78; background: url(/global_images/fm12/fmgo/arrow_purple_right.png) no-repeat 100% 5px; } #sidebar-uses .line { margin-bottom: 6px; padding-top: 0px; padding-bottom 0; } #sidenav-paper { display: none; } body#it-pros #sidenav-paper { display: block; } .sidebar-links { margin-top: 10px; background-image: url(/global_images/sidebar/sidebar_bg_bottom_purp.png); } .sidebar-links h2 { color: #6b0863 !important; background-image: url(/global_images/sidebar/sidebar_bg_heading_purp.png); } .sidebar-links-11 li { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .sidebar-links-11 li { border: 1px solid #d9cae0; margin-bottom: 5px; background: url(/global_images/fm11/fmp/bg_buy_now.png) repeat-x 0 15%; } .sidebar-links-11 li:hover { background: url(/products/filemaker-pro/images/bg_buy_now.png) repeat-x 0 22%; } .sidebar-links-11 li a { color: #6b0863; padding: 8px 20px; display: block; background: url(/global_images/fm11/fmp/arrow_purple_right.png) no-repeat 95% 13px; } #right-col blockquote { margin: 10px 0; border-bottom: 1px solid #c094be; background: url(/global_images/fm11/fmp/icon_quotes_start.png) no-repeat 0 0; } #right-col blockquote.first { margin-top: 30px; } #right-col blockquote.last { border: 0; } #right-col blockquote p { color: #541b4d; padding: 6px 25px; background: url(/global_images/fm11/fmp/icon_quotes_end.png) no-repeat 97% 100%; } #right-col blockquote p.author { margin-left: 20px; font-weight: bold; background: none; }