API tools faq
paste
Advertisement
Strider64

stylesheet.css

Strider64
Sep 25th, 2016
241
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 33.48 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.     Created on : Feb 16, 2016, 8:22:58 AM
  3.     Author     : strider64
  4. */
  5. /* http://meyerweb.com/eric/tools/css/reset/
  6.    v2.0 | 20110126
  7.    License: none (public domain)
  8. */
  9. html, body, div, span, applet, object, iframe,
  10. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  11. a, abbr, acronym, address, big, cite, code,
  12. del, dfn, em, img, ins, kbd, q, s, samp,
  13. small, strike, strong, sub, sup, tt, var,
  14. b, u, i, center,
  15. dl, dt, dd, ol, ul, li,
  16. fieldset, form, textarea, label, legend,
  17. table, caption, tbody, tfoot, thead, tr, th, td,
  18. article, aside, canvas, details, embed,
  19. figure, figcaption, footer, header, hgroup,
  20. menu, nav, output, ruby, section, summary,
  21. time, mark, audio, video {
  22.   margin: 0;
  23.   padding: 0;
  24.   border: 0;
  25.   font-size: 100%;
  26.   font: inherit;
  27.   vertical-align: baseline; }
  28.  
  29. /* HTML5 display-role reset for older browsers */
  30. article, aside, details, figcaption, figure,
  31. footer, header, hgroup, menu, nav, section {
  32.   display: block; }
  33.  
  34. body {
  35.   line-height: 1; }
  36.  
  37. ol, ul {
  38.   list-style: none; }
  39.  
  40. blockquote, q {
  41.   quotes: none; }
  42.  
  43. blockquote:before, blockquote:after,
  44. q:before, q:after {
  45.   content: '';
  46.   content: none; }
  47.  
  48. table {
  49.   border-collapse: collapse;
  50.   border-spacing: 0; }
  51.  
  52. .container {
  53.   /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */
  54.   *zoom: 1;
  55.   width: 100%;
  56.   max-width: 1200px;
  57.   margin: 0 auto;
  58.   box-sizing: border-box;
  59.   -moz-box-sizing: border-box;
  60.   -webkit-box-sizing: border-box; }
  61.  
  62. .container:after {
  63.   clear: both; }
  64.  
  65. .container:before,
  66. .container:after {
  67.   content: " ";
  68.   display: table; }
  69.  
  70. .row {
  71.   /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */
  72.   *zoom: 1; }
  73.  
  74. .row:after {
  75.   clear: both; }
  76.  
  77. .row:before,
  78. .row:after {
  79.   content: " ";
  80.   display: table; }
  81.  
  82. [class^="span"] {
  83.   float: left;
  84.   box-sizing: border-box;
  85.   -moz-box-sizing: border-box;
  86.   /* Firefox */ }
  87.  
  88. [class^="span"]:first-child {
  89.   margin-left: 0; }
  90.  
  91. .span1 {
  92.   width: 8.333333333333332%; }
  93.  
  94. .span2 {
  95.   width: 16.666666666666664%; }
  96.  
  97. .span3 {
  98.   width: 25%; }
  99.  
  100. .span4 {
  101.   width: 33.33333333333333%; }
  102.  
  103. .span5 {
  104.   width: 41.66666666666667%; }
  105.  
  106. .span6 {
  107.   width: 50%; }
  108.  
  109. .span7 {
  110.   width: 58.333333333333336%; }
  111.  
  112. .span8 {
  113.   width: 66.66666666666666%; }
  114.  
  115. .span9 {
  116.   width: 75%; }
  117.  
  118. .span10 {
  119.   width: 83.33333333333334%; }
  120.  
  121. .span11 {
  122.   width: 91.66666666666666%; }
  123.  
  124. .span12 {
  125.   width: 100%; }
  126.  
  127. [class^="m-span"] {
  128.   padding: 10px 0;
  129.   margin-left: 3.125%;
  130.   float: left;
  131.   box-sizing: border-box;
  132.   -moz-box-sizing: border-box;
  133.   /* Firefox */ }
  134.  
  135. [class^="m-span"]:first-child {
  136.   margin-left: 0; }
  137.  
  138. .m-span1 {
  139.   width: 5.46875%; }
  140.  
  141. .m-span2 {
  142.   width: 14.0625%; }
  143.  
  144. .m-span3 {
  145.   width: 22.65625%; }
  146.  
  147. .m-span4 {
  148.   width: 31.25%; }
  149.  
  150. .m-span5 {
  151.   width: 39.84375%; }
  152.  
  153. .m-span6 {
  154.   width: 48.4375%; }
  155.  
  156. .m-span7 {
  157.   width: 57.03125%; }
  158.  
  159. .m-span8 {
  160.   width: 65.625%; }
  161.  
  162. .m-span9 {
  163.   width: 74.21875%; }
  164.  
  165. .m-span10 {
  166.   width: 82.8125%; }
  167.  
  168. .m-span11 {
  169.   width: 91.40625%; }
  170.  
  171. .m-span12 {
  172.   width: 100%; }
  173.  
  174. * {
  175.   padding: 0;
  176.   margin: 0;
  177.   box-sizing: border-box; }
  178.  
  179. /* GENERAL PAGE STYLING */
  180. body {
  181.   font-size: 100%;
  182.   background-color: #C0D7FF; }
  183.  
  184. #home {
  185.   background-color: #E1E3E4; }
  186.  
  187. .textWrapLeft {
  188.   float: left;
  189.   margin: 10px; }
  190.  
  191. .textWrapRight {
  192.   float: right;
  193.   margin: 10px; }
  194.  
  195. nav.nav-bar {
  196.   position: relative;
  197.   overflow: hidden; }
  198.  
  199. ul.topnav {
  200.   list-style-type: none;
  201.   overflow: hidden;
  202.   background-color: #336699;
  203.   padding: 0; }
  204.   ul.topnav li {
  205.     float: left; }
  206.   ul.topnav li a {
  207.     display: inline-block;
  208.     color: #F2F2F2;
  209.     text-align: center;
  210.     text-decoration: none;
  211.     font-size: 17px;
  212.     transition: 0.3s;
  213.     padding: 14px 16px; }
  214.     ul.topnav li a:hover {
  215.       background-color: #4080bf; }
  216.  
  217. form.login {
  218.   background-color: #336699; }
  219.  
  220. div.logout {
  221.   background-color: #336699; }
  222.  
  223. form#contact {
  224.   background-color: #A0D7E2;
  225.   padding: 20px;
  226.   /*
  227.     Hide radio button (the round disc)
  228.     we will use just the label to create pushbutton effect
  229.   */
  230.   /*
  231.     Change the look'n'feel of labels (which are adjacent to radiobuttons).
  232.     Add some margin, padding to label
  233.   */
  234.   /*
  235.    Change background color for label next to checked radio button
  236.    to make it look like highlighted button
  237.   */ }
  238.   form#contact fieldset {
  239.     border: 1px solid #000000;
  240.     padding: 10px; }
  241.   form#contact legend {
  242.     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  243.     font-size: 2.4rem;
  244.     padding: 0 5px; }
  245.   form#contact label {
  246.     float: left;
  247.     display: block;
  248.     width: 100%;
  249.     max-width: 200px;
  250.     height: 25px;
  251.     font-family: Arial, Helvetica, sans-serif;
  252.     font-size: 1.0rem;
  253.     line-height: 25px;
  254.     text-align: left;
  255.     background-color: #3F4E70;
  256.     color: #FFFFFF;
  257.     padding: 0 7px; }
  258.   form#contact input {
  259.     clear: right;
  260.     display: block;
  261.     outline: none;
  262.     border: none;
  263.     width: 100%;
  264.     max-width: 320px;
  265.     height: 25px;
  266.     padding: 0 5px;
  267.     margin-bottom: 5px; }
  268.   form#contact .radioBlock {
  269.     display: block;
  270.     width: 100%;
  271.     max-width: 100%;
  272.     height: auto;
  273.     margin: 10px 0; }
  274.   form#contact input[type=radio] {
  275.     display: none;
  276.     margin: 10px; }
  277.   form#contact input[type=radio] + label.radioStyle {
  278.     display: inline-block;
  279.     width: 33.33333333333%;
  280.     height: 45px;
  281.     margin: -2px;
  282.     text-align: center;
  283.     text-transform: capitalize;
  284.     cursor: pointer;
  285.     background-color: #3F4E70;
  286.     border: 1px solid #FFFFFF;
  287.     line-height: 45px;
  288.     margin: 10px auto 0 auto; }
  289.     form#contact input[type=radio] + label.radioStyle:hover {
  290.       background-color: #516591; }
  291.   form#contact input[type=radio]:checked + label.radioStyle {
  292.     background-image: none;
  293.     color: #ffa;
  294.     background-color: #516591; }
  295.   form#contact .textareaLabel {
  296.     margin: 20px 0 0; }
  297.   form#contact hr.contactLine {
  298.     margin: 10px 0 5px; }
  299.   form#contact textarea {
  300.     clear: both;
  301.     display: block;
  302.     border: none;
  303.     outline: none;
  304.     width: 100%;
  305.     max-width: 600px;
  306.     height: 200px;
  307.     resize: none;
  308.     padding: 5px; }
  309.   form#contact input[type=submit] {
  310.     -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  311.     -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  312.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  313.     -moz-border-radius: 8px;
  314.     -webkit-border-radius: 8px;
  315.     border-radius: 8px;
  316.     border: none;
  317.     outline: none;
  318.     float: right;
  319.     display: block;
  320.     width: 100%;
  321.     max-width: 100px;
  322.     height: 30px;
  323.     cursor: pointer;
  324.     background-color: #3F4E70;
  325.     font-family: Arial, Helvetica, sans-serif;
  326.     font-size: 1.0rem;
  327.     text-transform: capitalize;
  328.     color: #FFFFFF;
  329.     margin: 20px 0 10px; }
  330.     form#contact input[type=submit]:hover {
  331.       background-color: #5b70a1; }
  332.  
  333. /*******************************************
  334. ABOUT PAGE CSS STYLING
  335. ********************************************/
  336. article#about {
  337.   background-color: #E1E3E4;
  338.   padding: 20px; }
  339.   article#about h1 {
  340.     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  341.     font-size: 1.8rem;
  342.     line-height: 1.5; }
  343.   article#about p {
  344.     font-family: Arial, Helvetica, sans-serif;
  345.     font-size: 1.2rem;
  346.     line-height: 1.5; }
  347.  
  348. /*******************************************
  349. CALENDAR CSS STYLING
  350. ********************************************/
  351. /*******************************************
  352. CALENDAR CSS STYLING
  353. ********************************************/
  354. .calendar {
  355.   -moz-box-sizing: border-box;
  356.   -webkit-box-sizing: border-box;
  357.   box-sizing: border-box;
  358.   display: block;
  359.   position: relative;
  360.   width: 100%;
  361.   max-width: 317px;
  362.   border: 1px solid #000000;
  363.   height: 355px;
  364.   margin: 20px auto 20px auto; }
  365.  
  366. .calendarPic {
  367.   -moz-box-sizing: border-box;
  368.   -webkit-box-sizing: border-box;
  369.   box-sizing: border-box;
  370.   display: block;
  371.   width: 100%;
  372.   max-width: 317px;
  373.   border-top: 1px solid #000000;
  374.   border-left: 1px solid #000000;
  375.   border-right: 1px solid #000000;
  376.   height: 300px;
  377.   overflow: hidden;
  378.   z-index: 1000;
  379.   margin: 0 auto; }
  380.  
  381. .picture {
  382.   -moz-box-sizing: border-box;
  383.   -webkit-box-sizing: border-box;
  384.   box-sizing: border-box;
  385.   display: block;
  386.   position: relative;
  387.   width: 100%;
  388.   max-width: 317px;
  389.   height: 300px;
  390.   z-index: 1000;
  391.   margin: 0 auto; }
  392.  
  393. form#showBooking {
  394.   display: none; }
  395.  
  396. form.booking {
  397.   position: absolute;
  398.   right: 130px;
  399.   display: block;
  400.   background-color: rgba(137, 54, 96, 0.6);
  401.   width: 100%;
  402.   max-width: 390px;
  403.   height: auto;
  404.   z-index: 20000;
  405.   padding: 10px;
  406.   margin: 40px auto 0; }
  407.   form.booking fieldset {
  408.     border: 2px solid #FFFFFF;
  409.     padding: 15px; }
  410.   form.booking legend {
  411.     color: #FFFFFF;
  412.     padding: 0 5px; }
  413.   form.booking label {
  414.     float: left;
  415.     display: block;
  416.     width: 100%;
  417.     max-width: 100px;
  418.     height: 1.5625rem;
  419.     color: #FFFFFF;
  420.     line-height: 1.5625rem;
  421.     text-align: right;
  422.     padding-right: 8px; }
  423.   form.booking input {
  424.     font-size: 1.0rem;
  425.     border: none;
  426.     outline: none;
  427.     clear: right;
  428.     display: block;
  429.     width: 100%;
  430.     max-width: 200px;
  431.     height: 1.5625rem;
  432.     padding: 0 5px;
  433.     margin-bottom: 5px; }
  434.   form.booking .deleteBtn {
  435.     -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  436.     -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  437.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  438.     -moz-border-radius: 8px;
  439.     -webkit-border-radius: 8px;
  440.     border-radius: 8px;
  441.     text-decoration: none;
  442.     background-color: #3F4E70;
  443.     color: #FFFFFF;
  444.     float: left;
  445.     display: block;
  446.     width: 100%;
  447.     max-width: 80px;
  448.     height: 25px;
  449.     text-transform: capitalize;
  450.     line-height: 25px;
  451.     text-align: center;
  452.     margin: 10px 0 10px 100px; }
  453.     form.booking .deleteBtn:hover {
  454.       background-color: #000000; }
  455.   form.booking input[type=submit] {
  456.     -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  457.     -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  458.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  459.     -moz-border-radius: 8px;
  460.     -webkit-border-radius: 8px;
  461.     border-radius: 8px;
  462.     float: right;
  463.     border: none;
  464.     outline: none;
  465.     cursor: pointer;
  466.     background-color: #3F4E70;
  467.     color: #FFFFFF;
  468.     width: 100%;
  469.     max-width: 80px;
  470.     height: 25px;
  471.     font-size: 1.0rem;
  472.     text-transform: capitalize;
  473.     margin: 10px 34px 0; }
  474.     form.booking input[type=submit]:hover {
  475.       background-color: #000000; }
  476.  
  477. .controls {
  478.   position: absolute; }
  479.  
  480. .pic-slide-left, .pic-slide-right {
  481.   position: relative;
  482.   bottom: -2px;
  483.   left: 15px;
  484.   text-decoration: none;
  485.   font-size: 2rem;
  486.   color: #000000;
  487.   text-align: center; }
  488.   .pic-slide-left:hover, .pic-slide-right:hover {
  489.     color: #2e2e2e; }
  490.  
  491. .pic-slide-right {
  492.   left: 251px; }
  493.  
  494. .calHeading {
  495.   background-color: #FFFFFF;
  496.   border-bottom: 1px solid #000000;
  497.   text-align: center;
  498.   width: 100%;
  499.   max-width: 315px;
  500.   padding: 0.625rem 0; }
  501.  
  502. .calHeaderText {
  503.   pointer-events: none;
  504.   cursor: default;
  505.   font-family: Arial, Helvetica, sans-serif;
  506.   text-decoration: none;
  507.   font-size: 1.2rem;
  508.   line-height: 18px;
  509.   font-weight: bold;
  510.   color: #000000; }
  511.  
  512. .day a {
  513.   pointer-events: none;
  514.   cursor: default;
  515.   text-decoration: none;
  516.   -moz-box-sizing: border-box;
  517.   -webkit-box-sizing: border-box;
  518.   box-sizing: border-box;
  519.   float: left;
  520.   display: block;
  521.   width: 100%;
  522.   max-width: 2.8125rem;
  523.   height: 100%;
  524.   max-height: 2.8125rem;
  525.   color: #000000;
  526.   background-color: #FBFCF7;
  527.   border-bottom: 1px solid #000000;
  528.   font-size: 1.0rem;
  529.   text-align: center;
  530.   line-height: 2.8125rem; }
  531.  
  532. .calday a {
  533.   -moz-box-sizing: border-box;
  534.   -webkit-box-sizing: border-box;
  535.   box-sizing: border-box;
  536.   float: left;
  537.   display: block;
  538.   width: 100%;
  539.   max-width: 2.8125rem;
  540.   height: 2.8125rem;
  541.   background-color: #FFFFFF;
  542.   text-align: center; }
  543.   .calday a:hover {
  544.     background-color: gray; }
  545.  
  546. .calday a {
  547.   text-decoration: none;
  548.   color: #000000;
  549.   font-size: 1.2rem;
  550.   line-height: 2.8125rem; }
  551.  
  552. li.calday:nth-child(even) a, li.calday:nth-child(odd) a {
  553.   border-right: 1px solid #000000;
  554.   border-bottom: 1px solid #000000; }
  555.  
  556. li.calday:nth-child(7n+8) a {
  557.   border-right: none; }
  558.  
  559. .highlightHoliday a {
  560.   color: #FFFFFF;
  561.   background-color: #536A93; }
  562.  
  563. .memo a {
  564.   background-color: #F5E9BE; }
  565.  
  566. a.highlightToday {
  567.   font-weight: bold;
  568.   color: #2eaa5f;
  569.   font-size: 1.8rem; }
  570.  
  571. .fade {
  572.   pointer-events: none;
  573.   cursor: default; }
  574.  
  575. .fade a {
  576.   color: #c7c7c7; }
  577.  
  578. .pictureBackground {
  579.   background-color: #ccc;
  580.   padding: 5px; }
  581.  
  582. form#calendarLogin {
  583.   display: block;
  584.   width: 100%;
  585.   max-width: 1200px;
  586.   height: 50px;
  587.   background-color: #536A93;
  588.   line-height: 50px;
  589.   padding: 0 20px;
  590.   z-index: 50000; }
  591.   form#calendarLogin label {
  592.     color: #E8CD5D;
  593.     font-family: Arial, Helvetica, sans-serif;
  594.     font-size: 1.0rem; }
  595.   form#calendarLogin input {
  596.     border: none;
  597.     outline: none;
  598.     height: 25px;
  599.     font-family: Arial, Helvetica, sans-serif;
  600.     font-size: 1.0rem;
  601.     padding: 0 5px; }
  602.   form#calendarLogin input[type=submit] {
  603.     border: none;
  604.     outline: none;
  605.     width: 100%;
  606.     max-width: 80px;
  607.     height: 25px;
  608.     font-family: Arial, Helvetica, sans-serif;
  609.     font-size: 1.0rem;
  610.     text-transform: capitalize;
  611.     color: #536A93;
  612.     background-color: #E8CD5D;
  613.     cursor: pointer; }
  614.  
  615. span#register {
  616.   font-family: Arial, Helvetica, sans-serif;
  617.   font-size: 1.0rem;
  618.   color: #FFFFFF;
  619.   padding-left: 10px; }
  620.   span#register a {
  621.     color: #E8CD5D;
  622.     text-decoration: none;
  623.     font-size: 1.2rem;
  624.     font-weight: bold; }
  625.     span#register a:hover {
  626.       color: #893660; }
  627.  
  628. form#uploadPicture {
  629.   -moz-box-sizing: border-box;
  630.   -webkit-box-sizing: border-box;
  631.   box-sizing: border-box;
  632.   background-color: #A0D7E2;
  633.   padding: 10px;
  634.   margin-top: 20px; }
  635.   form#uploadPicture input[type=file] {
  636.     outline: none;
  637.     border: none;
  638.     width: 100%;
  639.     max-width: 220px;
  640.     font-size: 1.0rem;
  641.     background-color: #68D693; }
  642.   form#uploadPicture input[type=submit] {
  643.     -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  644.     -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  645.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  646.     -moz-border-radius: 8px;
  647.     -webkit-border-radius: 8px;
  648.     border-radius: 8px;
  649.     outline: none;
  650.     border: none;
  651.     cursor: pointer;
  652.     display: inline-block;
  653.     background-color: #FFFFFF;
  654.     width: 100px;
  655.     height: 30px;
  656.     font-family: Arial, Helvetica, sans-serif;
  657.     text-transform: capitalize;
  658.     font-size: 1.0rem;
  659.     padding: 0 10px;
  660.     margin-left: 20px; }
  661.     form#uploadPicture input[type=submit]:hover {
  662.       background-color: #68D693; }
  663.  
  664. /*******************************************
  665. MEDIA QUERIES
  666. ********************************************/
  667. /*******************************************
  668. TRIVIA GAME CSS STYLING
  669. ********************************************/
  670. .mainContent {
  671.   background-color: rgba(225, 227, 228, 0.6);
  672.   height: 700px;
  673.   padding: 20px; }
  674.  
  675. .green {
  676.   background-color: #66FF00; }
  677.  
  678. .red {
  679.   background-color: red; }
  680.  
  681. .mainGame {
  682.   display: block;
  683.   width: 100%;
  684.   max-width: 800px;
  685.   height: auto;
  686.   padding: 20px;
  687.   margin: 0 auto; }
  688.   .mainGame div.questStyle {
  689.     background-color: #FFFFFF;
  690.     padding: 10px 20px; }
  691.     .mainGame div.questStyle h3 {
  692.       font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  693.       font-size: 1.6rem;
  694.       font-weight: bold; }
  695.   .mainGame [class^="answer"] {
  696.     display: block;
  697.     width: 100%;
  698.     height: 80px;
  699.     background-color: #3F4E70;
  700.     border-top: 1px solid #FFFFFF;
  701.     font-family: Arial, Helvetica, sans-serif;
  702.     font-size: 1.4rem;
  703.     line-height: 60px;
  704.     color: #FFFFFF;
  705.     text-decoration: none;
  706.     padding: 10px 20px; }
  707.   .mainGame .scoreboard {
  708.     display: block;
  709.     width: auto;
  710.     height: auto; }
  711.     .mainGame .scoreboard .stopwatch {
  712.       background-color: #FFFFFF;
  713.       padding: 20px; }
  714.     .mainGame .scoreboard .scoreBox {
  715.       background-color: #333333;
  716.       padding: 20px; }
  717.       .mainGame .scoreboard .scoreBox p {
  718.         color: #FFFFFF; }
  719.  
  720. .nextBtn {
  721.   display: block;
  722.   cursor: pointer;
  723.   border: none;
  724.   outline: none;
  725.   background-color: #893660;
  726.   width: 100%;
  727.   max-width: 760px;
  728.   height: 60px;
  729.   font-family: Arial, Helvetica, sans-serif;
  730.   font-size: 1.2rem;
  731.   color: #FFFFFF;
  732.   margin: 0 auto; }
  733.   .nextBtn:hover {
  734.     background-color: #ae447a; }
  735.  
  736. /* SMARTPHONE MEDIA QUERY STYLING */
  737. @media only screen and (max-width: 480px) {
  738.   /* 480px = 30em */
  739.   .span6 {
  740.     width: 100%; }
  741.  
  742.   .container, .mainContent {
  743.     width: 100%;
  744.     padding: 0;
  745.     margin: 0; }
  746.  
  747.   .mainGame {
  748.     padding: 0; }
  749.     .mainGame div.questStyle h3 {
  750.       font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  751.       font-size: 1.4rem; }
  752.     .mainGame [class^="answer"] {
  753.       display: block;
  754.       width: 100%;
  755.       height: 80px;
  756.       background-color: #3F4E70;
  757.       font-family: Arial, Helvetica, sans-serif;
  758.       font-size: 1.2rem;
  759.       line-height: 60px;
  760.       color: #FFFFFF;
  761.       text-decoration: none; }
  762.     .mainGame .scoreboard {
  763.       height: 50px;
  764.       background-color: #FFFFFF; }
  765.       .mainGame .scoreboard .stopwatch {
  766.         float: left;
  767.         display: block;
  768.         width: 100%;
  769.         max-width: 50%;
  770.         height: 25px;
  771.         padding: 0 20px; }
  772.         .mainGame .scoreboard .stopwatch p {
  773.           font-family: Arial, Helvetica, sans-serif;
  774.           font-size: 1.2rem;
  775.           line-height: 50px; }
  776.           .mainGame .scoreboard .stopwatch p .timer {
  777.             color: green; }
  778.       .mainGame .scoreboard .scoreBox {
  779.         float: left;
  780.         display: block;
  781.         width: 100%;
  782.         max-width: 50%;
  783.         height: 50px;
  784.         background-color: #333333;
  785.         padding: 0 7px; }
  786.         .mainGame .scoreboard .scoreBox p {
  787.           font-family: Arial, Helvetica, sans-serif;
  788.           font-size: 1.2rem;
  789.           line-height: 50px;
  790.           color: #FFFFFF;
  791.           margin-left: 15px; }
  792.         .mainGame .scoreboard .scoreBox p span.totalPoints {
  793.           color: #66FF00; } }
  794. /* TABLET MEDIA QUERY STYLING */
  795. @media only screen and (min-width: 481px) and (max-width: 1020px) {
  796.   /* 481px = 30.063em & 768px = 48em */
  797.   .span6 {
  798.     width: 100%; }
  799.  
  800.   .container, .mainContent {
  801.     width: 100%;
  802.     padding: 0;
  803.     margin: 0; }
  804.  
  805.   .mainGame {
  806.     padding: 0; }
  807.     .mainGame div.questStyle h3 {
  808.       font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  809.       font-size: 1.6rem; }
  810.     .mainGame [class^="answer"] {
  811.       display: block;
  812.       width: 100%;
  813.       height: 80px;
  814.       background-color: #3F4E70;
  815.       font-family: Arial, Helvetica, sans-serif;
  816.       font-size: 1.2rem;
  817.       line-height: 60px;
  818.       color: #FFFFFF;
  819.       text-decoration: none; }
  820.     .mainGame .scoreboard {
  821.       height: 50px;
  822.       background-color: #FFFFFF; }
  823.       .mainGame .scoreboard .stopwatch {
  824.         float: left;
  825.         display: block;
  826.         width: 100%;
  827.         max-width: 50%;
  828.         height: 25px;
  829.         padding: 0 20px; }
  830.         .mainGame .scoreboard .stopwatch p {
  831.           font-family: Arial, Helvetica, sans-serif;
  832.           font-size: 1.2rem;
  833.           line-height: 50px; }
  834.           .mainGame .scoreboard .stopwatch p .timer {
  835.             color: green; }
  836.       .mainGame .scoreboard .scoreBox {
  837.         float: left;
  838.         display: block;
  839.         width: 100%;
  840.         max-width: 50%;
  841.         height: 50px;
  842.         background-color: #333333;
  843.         padding: 0 7px; }
  844.         .mainGame .scoreboard .scoreBox p {
  845.           font-family: Arial, Helvetica, sans-serif;
  846.           font-size: 1.2rem;
  847.           line-height: 50px;
  848.           color: #FFFFFF;
  849.           margin-left: 15px; }
  850.         .mainGame .scoreboard .scoreBox p span.totalPoints {
  851.           color: #66FF00; } }
  852. /*******************************************
  853. CONTACT FORM CSS STYLING
  854. ********************************************/
  855. form#contact legend {
  856.   font-size: 1.4rem; }
  857.  
  858. .bg-color {
  859.   background-color: #FFFFFF;
  860.   height: 538px; }
  861.  
  862. .contact-info-block {
  863.   color: gray;
  864.   background-color: #FFFFFF;
  865.   padding: 30px; }
  866.   .contact-info-block h3 {
  867.     font-size: 2.4rem; }
  868.  
  869. .contact-info {
  870.   list-style: none;
  871.   padding: 0;
  872.   margin: 0;
  873.   font-size: 1.2em;
  874.   line-height: 32px; }
  875.  
  876. .contact-info a {
  877.   display: block;
  878.   min-height: 40px;
  879.   color: gray;
  880.   text-decoration: none;
  881.   background-repeat: no-repeat;
  882.   background-size: 40px 40px;
  883.   padding: 0 0 0 50px;
  884.   margin: 10px 0 10px; }
  885.  
  886. .contact-info li.phone a {
  887.   background-image: url("../images/phone.png"); }
  888.  
  889. .contact-info li.mail a {
  890.   background-image: url("../images/mail.png"); }
  891.  
  892. .contact-info li.twitter a {
  893.   background-image: url("../images/twitter.png"); }
  894.  
  895. /* SMARTPHONE MEDIA QUERY STYLING */
  896. @media only screen and (max-width: 480px) {
  897.   /* 480px = 30em */
  898.   .span6 {
  899.     width: 100%; }
  900.  
  901.   .textWrapLeft, .textWrapRight {
  902.     float: none;
  903.     margin: 10px 0; }
  904.  
  905.   hr {
  906.     border: 1px solid #999999;
  907.     margin: 7px 0; }
  908.  
  909.   h1 {
  910.     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  911.     font-size: 1.4rem;
  912.     line-height: 1.8; }
  913.  
  914.   p {
  915.     font-family: Arial, Helvetica, sans-serif;
  916.     font-size: 1.0rem;
  917.     line-height: 1.5; }
  918.  
  919.   .header-banner, #computer-navigation, .logo, .logout {
  920.     display: none; }
  921.  
  922.   ul.topnav li:not(:first-child) {
  923.     display: none; }
  924.  
  925.   ul.topnav li.loginBtn, ul.topnav li.logoutBtn {
  926.     float: right;
  927.     display: inline-block;
  928.     position: relative; }
  929.     ul.topnav li.loginBtn span.username, ul.topnav li.logoutBtn span.username {
  930.       position: absolute;
  931.       right: 200px;
  932.       font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  933.       font-size: 1.2rem; }
  934.  
  935.   ul.topnav li.icon {
  936.     float: right;
  937.     display: inline-block; }
  938.  
  939.   ul.topnav.responsive {
  940.     position: relative; }
  941.  
  942.   ul.topnav.responsive li.icon {
  943.     position: absolute;
  944.     right: 0;
  945.     top: 0; }
  946.  
  947.   ul.topnav.responsive li {
  948.     float: none;
  949.     display: inline; }
  950.  
  951.   ul.topnav.responsive li a {
  952.     display: block;
  953.     border-bottom: 1px solid #FFFFFF;
  954.     text-align: left; }
  955.  
  956.   .top-link {
  957.     pointer-events: none; }
  958.  
  959.   form.login {
  960.     position: relative;
  961.     display: none;
  962.     width: 80%;
  963.     height: 260px;
  964.     background-color: #264d73;
  965.     padding: 30px;
  966.     margin: 0px auto; }
  967.     form.login fieldset {
  968.       border: 1px solid #FFFFFF;
  969.       padding: 5px; }
  970.     form.login legend {
  971.       padding: 0 5px;
  972.       margin-left: 10px; }
  973.     form.login label {
  974.       font-family: Arial, Helvetica, sans-serif;
  975.       font-size: 1.4rem;
  976.       text-transform: capitalize;
  977.       color: #FFFFFF;
  978.       display: block;
  979.       width: 100%;
  980.       max-width: 125px;
  981.       line-height: 35px;
  982.       padding: 0; }
  983.     form.login input {
  984.       outline: none;
  985.       border: none;
  986.       font-family: Arial, Helvetica, sans-serif;
  987.       font-size: 1.4rem;
  988.       text-transform: capitalize;
  989.       color: #000000;
  990.       display: block;
  991.       width: 100%;
  992.       max-width: 310px;
  993.       height: 40px;
  994.       padding: 0 5px; }
  995.     form.login input[type=submit] {
  996.       float: right;
  997.       width: 100%;
  998.       max-width: 80px;
  999.       height: 35px;
  1000.       cursor: pointer;
  1001.       background-color: #336699;
  1002.       font-size: 1.2rem;
  1003.       color: #FFFFFF;
  1004.       text-transform: capitalize;
  1005.       padding: 5px;
  1006.       margin: 20px 10px 0 0; }
  1007.       form.login input[type=submit]:hover {
  1008.         background-color: #4080bf; }
  1009.  
  1010.   .header-style {
  1011.     display: block;
  1012.     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  1013.     font-size: 1.2em;
  1014.     line-height: 60px;
  1015.     font-weight: bold;
  1016.     color: #fff; }
  1017.  
  1018.   .span4, .span8 {
  1019.     width: 100%; }
  1020.  
  1021.   .main-content {
  1022.     background-color: #FFFFFF;
  1023.     padding: 10px 20px; }
  1024.  
  1025.   form#contact {
  1026.     background-color: #893660;
  1027.     padding: 5px 20px; }
  1028.     form#contact fieldset {
  1029.       border: none;
  1030.       padding: 20px 0; }
  1031.     form#contact legend {
  1032.       display: none;
  1033.       padding: 0;
  1034.       color: #FFFFFF;
  1035.       font-size: 1.8rem;
  1036.       line-height: 2.0; }
  1037.     form#contact label {
  1038.       float: left;
  1039.       display: block;
  1040.       width: 100%;
  1041.       max-width: 100%;
  1042.       height: 40px;
  1043.       font-family: Arial, Helvetica, sans-serif;
  1044.       font-size: 1.4rem;
  1045.       line-height: 40px;
  1046.       text-align: left;
  1047.       background-color: #3F4E70;
  1048.       color: #FFFFFF;
  1049.       padding: 0 7px; }
  1050.     form#contact input {
  1051.       clear: right;
  1052.       display: block;
  1053.       outline: none;
  1054.       border: none;
  1055.       width: 100%;
  1056.       max-width: 100%;
  1057.       height: 40px;
  1058.       font-family: Arial, Helvetica, sans-serif;
  1059.       font-size: 1.2rem;
  1060.       padding: 0 5px;
  1061.       margin-bottom: 8px; }
  1062.     form#contact textarea {
  1063.       height: 150px; }
  1064.     form#contact input[type=submit] {
  1065.       -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1066.       -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1067.       box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1068.       -moz-border-radius: 12px;
  1069.       -webkit-border-radius: 12px;
  1070.       border-radius: 12px;
  1071.       border: none;
  1072.       outline: none;
  1073.       float: right;
  1074.       display: block;
  1075.       width: 100%;
  1076.       max-width: 100px;
  1077.       height: 40px;
  1078.       cursor: pointer;
  1079.       background-color: #3F4E70;
  1080.       font-family: Arial, Helvetica, sans-serif;
  1081.       font-size: 1.2rem;
  1082.       text-transform: capitalize;
  1083.       color: #FFFFFF;
  1084.       margin: 20px 0 10px; }
  1085.       form#contact input[type=submit]:hover {
  1086.         background-color: #5b70a1; }
  1087.  
  1088.   footer.footer-style {
  1089.     display: block;
  1090.     width: auto;
  1091.     height: 50px;
  1092.     background-color: #336699;
  1093.     padding: 10px; }
  1094.     footer.footer-style p.footer-text {
  1095.       text-align: center;
  1096.       font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  1097.       color: #FFFFFF; } }
  1098. /* TABLET MEDIA QUERY STYLING */
  1099. @media only screen and (min-width: 481px) and (max-width: 1020px) {
  1100.   /* 481px = 30.063em & 768px = 48em */
  1101.   .mobile-navigation, .slider-tab, .mobile-header, h2.logo, .top-link, .logout {
  1102.     display: none; }
  1103.  
  1104.   ul.topnav li.icon, span.username {
  1105.     display: none; }
  1106.  
  1107.   .span4, .span6, .span8 {
  1108.     width: 100%; }
  1109.  
  1110.   form.login {
  1111.     position: relative;
  1112.     display: none;
  1113.     width: 80%;
  1114.     height: 260px;
  1115.     background-color: #264d73;
  1116.     padding: 30px;
  1117.     margin: 0px auto; }
  1118.     form.login fieldset {
  1119.       border: 1px solid #FFFFFF;
  1120.       padding: 5px; }
  1121.     form.login legend {
  1122.       padding: 0 5px;
  1123.       margin-left: 10px; }
  1124.     form.login label {
  1125.       font-family: Arial, Helvetica, sans-serif;
  1126.       font-size: 1.4rem;
  1127.       text-transform: capitalize;
  1128.       color: #FFFFFF;
  1129.       display: block;
  1130.       width: 100%;
  1131.       max-width: 125px;
  1132.       line-height: 35px;
  1133.       padding: 0; }
  1134.     form.login input {
  1135.       outline: none;
  1136.       border: none;
  1137.       font-family: Arial, Helvetica, sans-serif;
  1138.       font-size: 1.4rem;
  1139.       text-transform: capitalize;
  1140.       color: #000000;
  1141.       display: block;
  1142.       width: 100%;
  1143.       max-width: 310px;
  1144.       height: 40px;
  1145.       padding: 0 5px; }
  1146.     form.login input[type=submit] {
  1147.       float: right;
  1148.       width: 100%;
  1149.       max-width: 80px;
  1150.       height: 35px;
  1151.       cursor: pointer;
  1152.       background-color: #336699;
  1153.       font-size: 1.2rem;
  1154.       color: #FFFFFF;
  1155.       text-transform: capitalize;
  1156.       padding: 5px;
  1157.       margin: 20px 10px 0 0; }
  1158.       form.login input[type=submit]:hover {
  1159.         background-color: #4080bf; }
  1160.  
  1161.   hr {
  1162.     border: 1px solid #999999;
  1163.     margin: 7px 0; }
  1164.  
  1165.   h1 {
  1166.     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  1167.     font-size: 1.8rem;
  1168.     line-height: 1.4; }
  1169.  
  1170.   p {
  1171.     font-family: Arial, Helvetica, sans-serif;
  1172.     font-size: 1.2rem;
  1173.     line-height: 1.5; }
  1174.  
  1175.   .main-content {
  1176.     height: 100%;
  1177.     min-height: 300px;
  1178.     background-color: #FFFFFF;
  1179.     padding: 20px;
  1180.     margin: 0 auto; }
  1181.  
  1182.   form#contact {
  1183.     background-color: #893660;
  1184.     padding: 5px 20px; }
  1185.     form#contact fieldset {
  1186.       width: 60%;
  1187.       border: none;
  1188.       padding: 20px 0;
  1189.       margin: 0 auto; }
  1190.     form#contact legend {
  1191.       display: none;
  1192.       padding: 0;
  1193.       color: #FFFFFF;
  1194.       font-size: 1.8rem;
  1195.       line-height: 2.0; }
  1196.     form#contact label {
  1197.       float: left;
  1198.       display: block;
  1199.       width: 100%;
  1200.       max-width: 100%;
  1201.       height: 40px;
  1202.       font-family: Arial, Helvetica, sans-serif;
  1203.       font-size: 1.4rem;
  1204.       line-height: 40px;
  1205.       text-align: left;
  1206.       background-color: #3F4E70;
  1207.       color: #FFFFFF;
  1208.       padding: 0 7px; }
  1209.     form#contact input {
  1210.       clear: right;
  1211.       display: block;
  1212.       outline: none;
  1213.       border: none;
  1214.       width: 100%;
  1215.       max-width: 100%;
  1216.       height: 40px;
  1217.       font-family: Arial, Helvetica, sans-serif;
  1218.       font-size: 1.2rem;
  1219.       padding: 0 5px;
  1220.       margin-bottom: 8px; }
  1221.     form#contact textarea {
  1222.       height: 150px; }
  1223.     form#contact input[type=submit] {
  1224.       -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1225.       -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1226.       box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1227.       -moz-border-radius: 12px;
  1228.       -webkit-border-radius: 12px;
  1229.       border-radius: 12px;
  1230.       border: none;
  1231.       outline: none;
  1232.       float: right;
  1233.       display: block;
  1234.       width: 100%;
  1235.       max-width: 100px;
  1236.       height: 40px;
  1237.       cursor: pointer;
  1238.       background-color: #3F4E70;
  1239.       font-family: Arial, Helvetica, sans-serif;
  1240.       font-size: 1.2rem;
  1241.       text-transform: capitalize;
  1242.       color: #FFFFFF;
  1243.       margin: 20px 0 10px; }
  1244.       form#contact input[type=submit]:hover {
  1245.         background-color: #5b70a1; }
  1246.  
  1247.   .bg-color {
  1248.     background-color: #893660; }
  1249.  
  1250.   .contact-info-block {
  1251.     -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1252.     -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1253.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  1254.     -moz-border-radius: 12px;
  1255.     -webkit-border-radius: 12px;
  1256.     border-radius: 12px;
  1257.     display: block;
  1258.     width: 60%;
  1259.     height: auto;
  1260.     color: gray;
  1261.     background-color: #FFFFFF;
  1262.     padding: 30px;
  1263.     margin: 20px auto; }
  1264.     .contact-info-block h3 {
  1265.       font-size: 2.4rem; }
  1266.  
  1267.   .contact-info {
  1268.     list-style: none;
  1269.     padding: 0;
  1270.     margin: 0;
  1271.     font-size: 1.2em;
  1272.     line-height: 32px; }
  1273.  
  1274.   .contact-info a {
  1275.     display: block;
  1276.     min-height: 40px;
  1277.     color: gray;
  1278.     text-decoration: none;
  1279.     background-repeat: no-repeat;
  1280.     background-size: 40px 40px;
  1281.     padding: 0 0 0 50px;
  1282.     margin: 10px 0 10px; }
  1283.  
  1284.   .contact-info li.phone a {
  1285.     background-image: url("../images/phone.png"); }
  1286.  
  1287.   .contact-info li.mail a {
  1288.     background-image: url("../images/mail.png"); }
  1289.  
  1290.   .contact-info li.twitter a {
  1291.     background-image: url("../images/twitter.png"); }
  1292.  
  1293.   footer.footer-style {
  1294.     display: block;
  1295.     width: auto;
  1296.     height: 50px;
  1297.     background-color: #336699;
  1298.     padding: 10px; }
  1299.     footer.footer-style p.footer-text {
  1300.       text-align: center;
  1301.       font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  1302.       color: #FFFFFF; } }
  1303. /* SCREEN MEDIA QUERY STYLING */
  1304. @media only screen and (min-width: 1021px) {
  1305.   /* 769px = 48.063em */
  1306.   .loginBtn, .logoutBtn, .top-link {
  1307.     display: none; }
  1308.  
  1309.   ul.topnav li.icon {
  1310.     display: none; }
  1311.  
  1312.   hr {
  1313.     border: 1px solid #999999;
  1314.     margin: 15px 0; }
  1315.  
  1316.   h1 {
  1317.     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  1318.     font-size: 1.8rem;
  1319.     line-height: 1.2; }
  1320.  
  1321.   h3 {
  1322.     font-family: Arial, Helvetica, sans-serif;
  1323.     font-size: 1.2rem;
  1324.     line-height: 1.5;
  1325.     color: #333333;
  1326.     font-style: italic; }
  1327.  
  1328.   p {
  1329.     font-family: Arial, Helvetica, sans-serif;
  1330.     font-size: 1.2rem;
  1331.     line-height: 1.5; }
  1332.  
  1333.   .main-content {
  1334.     width: 100%;
  1335.     max-width: 760px;
  1336.     height: 100%;
  1337.     min-height: 500px;
  1338.     background-color: #FFFFFF;
  1339.     padding: 20px;
  1340.     margin: 20px 0; }
  1341.  
  1342.   .header-banner {
  1343.     display: block;
  1344.     overflow: hidden;
  1345.     width: 100%;
  1346.     max-width: 1200px;
  1347.     height: 200px;
  1348.     background-image: url(../images/bg-detroit-01.jpg);
  1349.     background-repeat: no-repeat;
  1350.     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); }
  1351.  
  1352.   /* LOGO STYLING */
  1353.   h2.logo {
  1354.     display: inline-block;
  1355.     position: relative;
  1356.     top: 0;
  1357.     left: 30px;
  1358.     width: 100%;
  1359.     max-width: 200px;
  1360.     height: 200px;
  1361.     background-image: url(../images/img-logo.png);
  1362.     background-repeat: no-repeat;
  1363.     background-position: center;
  1364.     padding: 0;
  1365.     margin: 0; }
  1366.  
  1367.   h2.logo a {
  1368.     display: inline-block;
  1369.     z-index: 100;
  1370.     width: 100%;
  1371.     max-width: 288px;
  1372.     height: 200px;
  1373.     padding: 0;
  1374.     margin: 0; }
  1375.  
  1376.   h2.logo span {
  1377.     display: none; }
  1378.  
  1379.   .span6 {
  1380.     padding: 10px; }
  1381.  
  1382.   ul.topnav {
  1383.     position: relative; }
  1384.  
  1385.   div.logout {
  1386.     position: absolute;
  1387.     top: 0;
  1388.     right: 0; }
  1389.     div.logout p.logoutTxt {
  1390.       display: inline-block;
  1391.       font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  1392.       color: #FFFFFF;
  1393.       padding: 0 40px 0 0; }
  1394.     div.logout a.logoutLink {
  1395.       color: #FFFFFF;
  1396.       text-decoration: none;
  1397.       font-family: Arial, Helvetica, sans-serif;
  1398.       font-size: 1.2rem;
  1399.       text-transform: capitalize; }
  1400.  
  1401.   form.login {
  1402.     position: absolute;
  1403.     top: 0;
  1404.     right: 0;
  1405.     display: block;
  1406.     font-family: Arial, Helvetica, sans-serif;
  1407.     font-size: 1.0rem;
  1408.     color: #FFFFFF;
  1409.     text-transform: capitalize; }
  1410.     form.login label {
  1411.       font-family: Arial, Helvetica, sans-serif;
  1412.       font-size: 1.0rem;
  1413.       text-transform: capitalize;
  1414.       color: #FFFFFF;
  1415.       width: 100%;
  1416.       max-width: 80px;
  1417.       line-height: 25px;
  1418.       padding: 0; }
  1419.     form.login input {
  1420.       outline: none;
  1421.       border: none;
  1422.       font-family: Arial, Helvetica, sans-serif;
  1423.       font-size: 1.0rem;
  1424.       text-transform: capitalize;
  1425.       color: #000000;
  1426.       width: 100%;
  1427.       max-width: 100px;
  1428.       height: 25px;
  1429.       padding: 0 5px;
  1430.       margin: 0 5px 0 5px; }
  1431.     form.login input[type=submit] {
  1432.       width: 100%;
  1433.       max-width: 80px;
  1434.       height: 25px;
  1435.       cursor: pointer;
  1436.       background-color: #E8CD5D;
  1437.       font-size: 1.0rem;
  1438.       font-weight: bold;
  1439.       color: #336699;
  1440.       text-transform: capitalize;
  1441.       padding: 5px;
  1442.       margin: 1px 10px; }
  1443.       form.login input[type=submit]:hover {
  1444.         background-color: #eedb8a; }
  1445.  
  1446.   footer.footer-style {
  1447.     display: block;
  1448.     width: auto;
  1449.     height: 50px;
  1450.     background-color: #336699;
  1451.     padding: 10px; }
  1452.     footer.footer-style p.footer-text {
  1453.       text-align: center;
  1454.       font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  1455.       color: #FFFFFF; } }
  1456.  
  1457. /*# sourceMappingURL=stylesheet.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!