Line 2: | Line 2: | ||
<link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'> | <link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'> | ||
+ | <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> | ||
<style> | <style> | ||
+ | @media screen and (min-width: 480px){ | ||
#panel | #panel | ||
{ | { | ||
Line 16: | Line 18: | ||
font-family: 'Product Sans', Arial, sans-serif; | font-family: 'Product Sans', Arial, sans-serif; | ||
border-bottom: 1px solid #999; | border-bottom: 1px solid #999; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 1024px){ | ||
+ | #panel | ||
+ | { | ||
+ | z-index: 100; | ||
+ | position: fixed; | ||
+ | height: 38px; | ||
+ | width: 100%; | ||
+ | left: 0px; | ||
+ | top: 17px; | ||
+ | background-color: #FFFFFF; | ||
+ | font-family: 'Product Sans', Arial, sans-serif; | ||
+ | border-bottom: 1px solid #999; | ||
+ | } | ||
} | } | ||
Revision as of 19:08, 2 October 2016