/* Minify - https://www.cleancss.com/css-minify/ */ /* CORE DEFAULTS */ /* ============= */ body {background: #E0E0E0; font-family: "proxima-nova", "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; } p {text-align: left; color:#111111} font {font-family: "proxima-nova", "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: medium; color: #222222} a {text-decoration: none; color:#0150D3;} a:hover {text-decoration: underline; color:#126AFE;} img {vertical-align:middle; border:0;} table {padding:0;border:0;border-collapse:collapse;width:100%} h1 {font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: xx-large;} h2 {font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: x-large;} h3 {font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: large; font-weight:bold; } mark {background-color: #FFFFAA;} /* PAGE COMMON */ /* =========== */ #pg_panoramic_top {min-height:120px; width:100%; overflow:hidden; background: #333738 url('/images/common/pg_top_bg_wide.jpg') no-repeat bottom 0 right 0;} #pg_panoramic_mid {background: #E0E0E0; margin:0; width:100%; overflow:hidden; overflow-y:auto;} #pg_panoramic_end {height:30px; width:100%; bottom:0; } #pg_top_container {height:120px; margin-left:auto; margin-right:auto; padding:0 0 0 0;} #pg_mid_container {min-height:750px; margin-left:auto; margin-right:auto; padding:0 0 0 0; background-color:#FFFFFF; vertical-align:top;} #pg_end_container {min-height:60px; margin-left:auto; margin-right:auto; padding:0 0 0 0;} /* Page Top */ #pg_top {height:120px;} #pg_top #logo {background: url('/images/common/pg_mast_logo.png') no-repeat top 0 left 15px;} #pg_top #visage {background: url('/images/common/pg_mast_visage.png') no-repeat bottom 0 right 0;} #pg_top #social {height:36px; padding:25px 0 0 38px; margin-left:875px;} #pg_top #tabs {margin-top:13px; margin-left:90px; font-family: Arial, Helvetica, sans-serif; } #pg_top #social a.base {height:32px; width:32px; background-image:url('images/common/pg_mast_social.png'); display:inline-block; margin-right:5px; } #pg_top #social a.fb {background-position:0 0;} #pg_top #social a.fb:hover {background-position:0 32px;} #pg_top #social a.tw {background-position:-32px 0;} #pg_top #social a.tw:hover {background-position:-32px 32px;} #pg_top #social a.in {background-position:-64px 0;} #pg_top #social a.in:hover {background-position:-64px 32px;} #pg_top #social a.fd {background-position:-96px 0;} #pg_top #social a.fd:hover {background-position:-96px 32px;} #pg_top #tabs ul { margin:0; padding-top:5px; overflow:hidden; max-height:46px; } #pg_top #tabs ul li {text-decoration:none; list-style-type:none; display:inline-block; margin-right:2px; } #pg_top #tabs ul a {transition: all 0.12s ease-in-out; color:#EEEEEE; padding:11px 25px 0 25px; min-width:100px; height:30px; display:block; text-align:center; font-size:large; text-decoration:none; background-image:url('images/common/pg_mast_tabs_bg.png'); background-position:0 0;} #pg_top #tabs ul a.pro {color:#FF0000; background-image:url('images/common/pg_mast_tabs_bg.png'); background-position:-275px 0; } #pg_top #tabs ul a:hover {color:#FFFFFF; background-position:0 -50px;} #pg_top #tabs ul a.pro:hover {color:#FF0000; background-position:-275px -50px;} #pg_top #tabs ul a.current {color:#000000; background: url('images/common/pg_mast_tabs_bg.png') 0 -150px;} #pg_top #tabs ul a.pro_current {color:#FF0000; background: url('images/common/pg_mast_tabs_bg.png') -275px -100px;} #pg_top #tabs ul a.current:hover {background-position:0 -100px;} #pg_top #tabs ul a.pro_current:hover {background-position:-275px -100px;} /* Page End */ #pg_end_share {height:110px; overflow-x:hidden; padding:10px 5px 5px 20px; background: #F6F6F6 url('/images/common/pg_end_share_watermark.png') no-repeat bottom 0 right 0; } #pg_end_share .sharetext {margin-bottom:7px; font-family: Arial, Helvetica, sans-serif; font-size: medium;} #pg_end {height:30px; font-size:x-small; color:#666666; background: #E5E5E5; } #pg_end .links {display:inline-block; float:left; text-align:left; margin:10px;} #pg_end .links a {margin:0 10px 0 10px;} #pg_end #copyright {display:inline-block; float:right; text-align:right; margin:10px;} /* Page Mid */ #pg_mid { width:auto; height:auto; overflow: hidden; } #pg_mid .padding { padding: 10px 20px 20px 20px; box-sizing: border-box; } .loading_spinner {background: url('/images/spinner_blue.gif') no-repeat center;} .loading_spinner_grey {background: url('/images/spinner.gif') no-repeat center;} .sidebar_watermark { background-image:url('/images/common/pg_home_side_watermark.png');background-position:bottom right;background-repeat: no-repeat; } .quote {text-align:center; font-size:medium;color:darkblue;font-style: italic;} .quote #author {font-style: normal; font-size: small;} /* MEDIA QUERIES */ /* ============= */ /* MOBILE */ @media screen and (min-width: 200px) { .pg_container_width {width:900px;} #pg_top #visage {background:none;} #pg_top #social {height:36px; padding:25px 0 0 38px; margin-left:640px;} /* one column row */ #pg_mid .row_1col { width:auto; height:auto; overflow:hidden; } #pg_mid .row_1col .content { width:900px; box-sizing:border-box; } /* two column row */ #pg_mid .row_2col { overflow:hidden; } #pg_mid .row_2col .content{ width:600px; float:left; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .row_2col .content_right { width:600px; float:right; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .row_2col .sidebar { width:300px; background-color:#FAFAFA; float:right; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .row_2col .sidebar_left { width:300px; background-color:#FAFAFA; float:left; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .row_2col .clear { clear:both; box-sizing:border-box; } /* BLOG */ #pg_mid .blog_list .item .content { width:600px; height:50px; padding:15px; margin-bottom:-99999px; float:left; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; font-size:medium; } #pg_mid .blog_list .item .content a { text-decoration:none; color: #222222; } /* SOFTWARE */ #pg_mid .software_list .item .content { width:360px; height:200px; padding:15px; margin-bottom:-99999px; float:right; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; font-size:medium; } #pg_mid .software_wp .image { width:500px; } /* PRO */ #pg_mid #sec_pro { width:940px; min-height:650px; margin-left:auto; margin-right:auto; padding:0;} /* ABOUT */ #pg_mid .sec_about #content { background-color:white; width:700px; vertical-align:top; float:right; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } /* CONTACT */ #pg_mid #sec_contact { width:650px; height:650px; margin-left:auto; margin-right:auto; padding:0;} .like_frame {display:none;} } /* DESKTOP */ @media screen and (min-width: 1280px) { .pg_container_width {width: 1240px;} #pg_top #visage {background: url('/images/common/pg_mast_visage.png') no-repeat bottom 0 right 0;} #pg_top #social {height:36px; padding:25px 0 0 38px; margin-left:875px;} /* one column row */ #pg_mid .row_1col { width:auto; height:auto; overflow:hidden; } #pg_mid .row_1col .content { width:1240px; box-sizing:border-box; } #pg_mid .row_1col .content { width:1240px; box-sizing:border-box; } #pg_mid .row_1col .blog_content { width:1150px; box-sizing:border-box; padding-top: 20px; } /* two column row */ #pg_mid .row_2col { overflow:hidden; } #pg_mid .row_2col .content{ width:940px; float:left; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .row_2col .content_right { width:940px; float:right; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .row_2col .sidebar { width:300px; background-color:#FAFAFA; margin-bottom:-99999px; float:right; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .row_2col .sidebar_left { width:300px; background-color:#FAFAFA; margin-bottom:-99999px; float:left; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .row_2col .clear { clear:both; box-sizing:border-box; } /* BLOG */ #pg_mid .blog_list .item .content { width:900px; height:50px; padding:15px; margin-bottom:-99999px; float:left; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; font-size:large; } /* PRO */ #pg_mid #sec_pro { width:940px; min-height:650px; margin-left:auto; margin-right:auto; padding:0;} #pg_mid #sec_pro table tr { min-height: 30px; } #pg_mid #sec_pro table tr { min-width: 100px; } /* SOFTWARE */ #pg_mid .software_list .item .content { width:700px; height:200px; padding:15px; margin-bottom:-99999px; float:right; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; font-size:large; } #pg_mid .software_wp .image { width:840px; } /* ABOUT */ #pg_mid .sec_about #content { background-color:white; width:1030px; vertical-align:top; float:right; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } .like_frame {width:100px; display:inline; padding-left:10px; overflow:hidden; text-overflow: clip;} } /* PAGE SPECIFIC */ /* ============= */ /* SOFTWARE */ #pg_mid .software_top { width:auto; height:60px; background: #1F6ABF url('/images/software/pg_software_top.png') center; color: #FFFFFF; font-size:x-large; padding: 15px 20px 15px 20px; box-sizing: border-box;} #pg_mid .software_list .item { transition: all 0.12s ease-in-out; width:auto; height:200px; cursor:pointer; overflow:hidden; } #pg_mid .software_list .item:hover { background: url('/images/software/item_hover.png') #EAF9FF; } #pg_mid .software_list .item .icon { width:auto; height:200px; padding:15px; float:left; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .software_list .item .icon img { width:170px; height:170px; background-color:#BBBBBB; } #pg_mid .software_list .item .clear { clear:both; box-sizing:border-box; } #pg_mid .software_wp { background: url('/images/software/wallpaper.jpg') #0D1021; color:#EEEEEE; height:400px; overflow:hidden; } #pg_mid .software_wp .image { height:400px; overflow:hidden; text-align:center; float:left; box-sizing:border-box; } #pg_mid .software_wp .image img { max-height:350px; max-width:450px; } #pg_mid .software_wp .info { width:400px; height: 400px; overflow:hidden; float:right;box-sizing:border-box; } #pg_mid .software_wp .info td { max-width:225px; min-width:175px; overflow:hidden; white-space:nowrap; } #pg_mid .safe_software { width:auto; box-sizing:border-box; padding:6px; background:#F9C80E; cursor:pointer; text-align:center; } #pg_mid .safe_software:hover { background:#FFE62C; } #pg_mid .paypal_donate { width:auto; box-sizing:border-box; padding:12px 6px 12px 6px; color:white; background:#E71D36; cursor:pointer; text-align:center; } #pg_mid .paypal_donate:hover { background:#FF3B54; } #pg_mid .paypal_coffee { width:auto; box-sizing:border-box; padding:12px 6px 12px 6px; color:white; background:#007EA7; cursor:pointer; text-align:center; } #pg_mid .paypal_coffee:hover { background:#1E9CC5; } /* BLOG */ #pg_mid .blog_main_top { width:auto; height:120px; background:#261609 url('/images/blog/pg_blog_main_top.jpg') center; color:#FFFFFF; font-size:48px; text-align:right; padding: 30px 30px 15px 20px; box-sizing: border-box;} #pg_mid .blog_list .item { transition: all 0.12s ease-in-out; width:auto; height:50px; cursor:pointer; overflow:hidden; background: url('/images/blog/item_bg.png') #F2F2F2; } #pg_mid .blog_list .item:hover { background: url('/images/blog/item_bg_hover.png') #A8E9FF; } /* BLOG CONTENT */ #pg_mid .blog_title_banner { height:300px; margin-left:auto; margin-right:auto; background:#333333 url('/images/blog/pg_blog_top_default.png') center; color:#FFFFFF; box-sizing:border-box; } #pg_mid .blog_title_banner .fade { background:url('/images/blog/pg_blog_title_fade.png'); height:300px; } #pg_mid .blog_title_banner .fade .title { display:table-cell; vertical-align:bottom; font-size: 50px; color:#FFFFFF; height:250px; } #pg_mid .blog_author_share { background: #F6F6F6; color:grey; height:50px; } #pg_mid .blog_content { width:900px; margin-left:auto; margin-right:auto; padding:0; box-sizing:border-box; } /* ABOUT page */ #pg_mid .sec_about #sidebar { background: #F0F2F4 url('/images/about/pg_about_side_tabs.png') 0 0; font-family: Arial, Helvetica, sans-serif; float:left; margin-bottom:-99999px; padding-bottom:99999px; box-sizing:border-box; overflow:hidden; } #pg_mid .sec_about #sidebar ul a { padding: 14px 0 0 25px; width:175px; display:block; height:36px; font-size:large; text-decoration:none; color:black;} #pg_mid .sec_about #sidebar ul li {margin-left:-40px; text-decoration:none; list-style-type:none; background: #F0F2F4 url('/images/about/pg_about_side_tabs.png') 0 0; color:black;} #pg_mid .sec_about #sidebar ul li:hover {background: #B0C4F0 url('/images/about/pg_about_side_tabs.png') -200px 0; color:black;} #pg_mid .sec_about #sidebar ul li a.current {background: #1861C6 url('/images/about/pg_about_side_tabs.png') -400px 0; color:white;}