/* GENERAL */ /* --------------------------------- */ #subnav-fmgo-buy-now { display: block; } #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; } /* OVERVIEW (/products/filemaker-go/ */ /* --------------------------------- */ #overview #feature-area { height: 380px; background: url(/products/filemaker-go/images/feature_overview.jpg) no-repeat 0 0; } #overview #feature-area h2, #overview #feature-area h3 { margin-left: 515px; text-indent: -5000px; } #overview #feature-area h2 { height: 135px; background: url(/products/filemaker-go/images/heading1_fmgo_overview.png) no-repeat 0 100px; } #overview #feature-area h3 { height: 30px; background: url(/products/filemaker-go/images/heading2_fmgo_overview.png) no-repeat 0 0; } #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; } #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; } #lower-area .callout.nobg { background: none; } #overview blockquote.last { padding-bottom: 420px; } #overview #right-col { position: relative; } #overview #sidebar-uses { position: absolute; top: 650px; } /* FEATURES (/products/filemaker-go/features.html */ /* ---------------------------------------------- */ #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; } #features-list ul { margin-bottom: 20px; } #features-list li { padding: 10px 0 10px 40px; border-bottom: 1px solid #ddd; } .feature01 { background: url(/products/filemaker-go/images/feature01.png) no-repeat 0 3px; } .feature02 { background: url(/products/filemaker-go/images/feature02.png) no-repeat 0 3px; } .feature03 { background: url(/products/filemaker-go/images/feature03.png) no-repeat 0 5px; } .feature04 { background: url(/products/filemaker-go/images/feature04.png) no-repeat 0 5px; } .feature05 { background: url(/products/filemaker-go/images/feature05.png) no-repeat 3px 10px; } .feature06 { background: url(/products/filemaker-go/images/feature06.png) no-repeat 0 0; } .feature07 { background: url(/products/filemaker-go/images/feature07.png) no-repeat 0 5px; } .feature08 { background: url(/products/filemaker-go/images/feature08.png) no-repeat 0 4px; } .feature09 { background: url(/products/filemaker-go/images/feature09.png) no-repeat 0 4px; } .feature10 { background: url(/products/filemaker-go/images/feature10.png) no-repeat 0 10px; } .feature11 { background: url(/products/filemaker-go/images/feature11.png) no-repeat 0 3px; } .feature12 { background: url(/products/filemaker-go/images/feature12.png) no-repeat 7px 4px; } .feature13 { background: url(/products/filemaker-go/images/feature13.png) no-repeat 2px 2px; } .feature14 { background: url(/products/filemaker-go/images/feature14.png) no-repeat 3px 1px; } .feature15 { background: url(/products/filemaker-go/images/feature15.png) no-repeat 0 3px; } .feature16 { background: url(/products/filemaker-go/images/feature16.png) no-repeat 0 5px; } .feature17 { background: url(/products/filemaker-go/images/feature17.png) no-repeat 0 5px; } .feature18 { background: url(/products/filemaker-go/images/feature18.png) no-repeat 0 4px; } .feature19 { background: url(/products/filemaker-go/images/feature19.png) no-repeat 0 1px; } /* .complete { display: inline; padding-right: 20px; background: url(/site/images/buttons/arrow_blue_right_bubble.png) no-repeat 100% 0; } */ .complete { display: inline; } .complete { padding-left: 20px; padding-bottom: 2px; background: url(/site/images/buttons/arrow_blue_right_bubble.png) no-repeat 0 0; } #features-list li span { color: #333 !important; } /* 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 #main { background-position: 0 0; } #whats-new #feature-area { height: 450px; margin-bottom: 25px; border: 1px solid #ddd; border-bottom-color: #999; border-top: 0; background: #fff url(/products/filemaker-go/images/feature_whats_new.jpg) no-repeat 0 0; } #whats-new #feature-area { box-shadow: 0 2px 2px #ccc; -moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; } #whats-new #feature-area { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; } #whats-new #feature-area h2, #whats-new #feature-area h3 { margin-left: 520px; text-indent: -5000px; } #whats-new #feature-area h2 { height: 162px; background: url(/products/filemaker-go/images/heading1_whats_new.png) no-repeat 0 132px; } #whats-new #feature-area h3 { height: 65px; margin-top: 16px; background: url(/products/filemaker-go/images/heading2_whats_new.png) no-repeat 0 0; } #whats-new #lower-area { width: 660px; padding-top: 10px; padding-left: 20px; } #whats-new #right-col { padding-top: 10px; } #whats-new #lower-area h3 { margin-bottom: 0; } .feature#charts img { margin: -50px 0 0 20px; } .feature#charts h3 { margin-top: 50px; padding: 20px 0 10px 48px; background: url(/products/filemaker-go/images/icon_whats_new_charts.png) no-repeat 0 3px; } .feature#signature { clear: both; padding-top: 30px; padding-bottom: 60px; } .feature#signature h3 { margin-top: 45px; padding: 20px 0 10px 48px; background: url(/products/filemaker-go/images/icon_whats_new_signature.png) no-repeat 0 3px; } .feature#signature h3, .feature#signature p { margin-left: 460px; } .feature#printing { clear: both; border: 1px solid #fff; position: relative; height: 490px; z-index: 1; } .feature#printing img { position: absolute; top: 20px; left: 298px; } .feature#printing h3 { margin-top: 45px; padding: 20px 0 10px 48px; background: url(/products/filemaker-go/images/icon_whats_new_printing.png) no-repeat 0 3px; } .feature#printing p { width: 250px; } #whats-new .callout { padding: 10px 10px 0 20px; } #whats-new .callout p { margin-top: 35px; } #whats-new #right-col { position: relative; } #whats-new #sidebar-uses { position: absolute; top: 650px; } /* NEW IT USER (/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(/products/filemaker-go/images/feature_it_pros.jpg) no-repeat 0 0; } #it-pros #feature-area h2, #it-pros #feature-area h3 { margin-left: 515px; text-indent: -5000px; } #it-pros #feature-area h2 { height: 135px; background: url(/products/filemaker-go/images/heading1_fmgo_overview.png) no-repeat 0 100px; } #it-pros #feature-area h3 { height: 64px; background: url(/products/filemaker-go/images/heading2_it_user.png) no-repeat 0 0; } #it-pros #feature-area #app-store { margin-left: 535px; } #fm-advantage .firstcolumn { width: 36%; } #fm-advantage .lastcolumn { width: 360px; } #fm-advantage li { margin-bottom: 8px; } /* RESOURCES (/products/filemaker-go/resources.html) */ /* ------------------------------------------------- */ #resources #lower-area .oftwo { width: 460px;} #resources #lower-area .oftwo .oftwo { width: 150px; } #resources #lower-area h3, #resources #lower-area ul.link-list { margin-left: 100px; } #resources #lower-area ul.podcasts { margin-left: 10px; } #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; } #resources #lower-area ul li a { display: block; background: none; } #resources #lower-area ul li a:link { color: #444; text-decoration: none; } #resources #lower-area ul li a:visited { color: #444; text-decoration: none; } #resources #lower-area ul li a:hover { color: #0082C3; text-decoration: none; } #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(/products/filemaker-go/images/feature_tech_specs.png) no-repeat 520px 30px; } #tech-specs #feature-area h2, #tech-specs #feature-area h3 { margin-left: 115px; } #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%; } #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 { text-indent: -5000em; margin-left: 510px; } #fm-go-tasks #feature-area h2 { height: 160px; background: url(/products/filemaker-go/images/heading_tasks.png) no-repeat 0 40px; } #fm-go-tasks #feature-area h3 { height: 30px; background: url(/products/filemaker-go/images/heading2_tasks.png) no-repeat 3px 0; margin-top: 25px; } #fm-go-tasks #feature-area p { margin-left: 0; } #fm-go-tasks #app-store { margin-left: 510px; } #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(/products/filemaker-go/images/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(/products/filemaker-go/images/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(/products/filemaker-go/images/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(/products/filemaker-go/images/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(/products/filemaker-go/images/arrow_purple_right.png) no-repeat 100% 5px; } #sidebar-uses .line { margin-bottom: 6px; padding-top: 0px; padding-bottom 0; }