HTML

prime9-prime.css

Oct 4th, 2017
215
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.47 KB | None | 0 0
  1. CSS redone - https://pastebin.com/LtCiqdVj
  2. body {
  3.             background-color:#000033;
  4.             background-image:url(primehorizontal.png);
  5.             color:#003300;
  6.             font-family:Arial,Helvetica,sans-serif;
  7. }
  8. #wrapper {
  9.             width:80%;
  10.             margin-left:auto;
  11.             margin-right:auto;
  12.             background-color:#FFFFCC;
  13.             min-width:700px;
  14.             max-width:1024px;
  15.             padding:0 0 20px 30px;
  16.             border:1px ridge #00332B;
  17.             -webkit-box-shadow:inset -3px -3px 3px 3px #00332B;
  18.             -moz-box-shadow:inset -3px -3px 3px 3px #00332B;
  19.             box-shadow:inset -3px -3px 3px 3px #00332B;
  20.             -webkit-border-radius:15px;
  21.             -moz-border-radius:15px;
  22.             border-radius:15px;
  23. }
  24. header,nav,main,footer {
  25.             display:block;
  26. }
  27. header {
  28.             color:#48751A;
  29. }
  30. h2 {
  31.             color:#003366;
  32. }
  33. h3 {
  34.             color:#006600;
  35.             padding-top:10px;
  36. }
  37. dd {
  38.             font-style:italic;
  39.             font-size:.90em;
  40.             line-height:200%;
  41. }
  42. nav {
  43.             font-weight:bold;
  44.             font-size:1.2em;
  45.             float:left;
  46.             width:150px;
  47. }
  48. nav ul {
  49.             list-style-type:none;
  50.             margin:0;
  51.             padding-left:0;
  52. }
  53. nav a {
  54.             text-decoration:none;
  55.             display:block;
  56.             text-align:center;
  57.             color:#FFFFCC;
  58.             border:3px outset #cccccc;
  59.             padding:5px;
  60.             font-weight:bold;
  61. }
  62. nav a:link {
  63.             background-color:#003366;
  64. }
  65. nav a:visited {
  66.             background-color:#48751A;
  67. }
  68. nav a:hover {
  69.             border:3px inset #333333;
  70. }
  71. table {
  72.             width:80%;
  73.             border:1px solid #000033;
  74.             border-collapse:collapse;
  75. }
  76. td,th {
  77.             border:1px solid #000033;
  78.            
  79. }
  80. td {
  81.             text-align:center;
  82. }
  83. label {
  84.             float:left;
  85.             display:block;
  86.             text-align:right;
  87.             font-weight:bold;
  88.             width:8em;
  89.             padding-right:5px;
  90. }
  91. #mySubmit {
  92.             margin-left:10em;
  93. }
  94. input {
  95.             display:block;
  96.             margin-bottom:1em;
  97. }
  98. textarea {
  99.             display:block;
  100.             margin-bottom:1em;
  101. }
  102. footer {
  103.             font-size:.60em;
  104.             font-style:italic;
  105.             clear:both;
  106. }
  107. img {
  108.             border-style:none;
  109. }
  110. .floatleft {
  111.             float:left;
  112.             padding-right:20px;
  113.             padding-bottom:20px;
  114. }
  115. .contact {
  116.             font-family:"Times New Roman", serif;
  117.             font-size:.90em;
  118.             font-weight:bold;
  119. }
  120. .clear {
  121.             clear:left;
  122. }
  123. #right {
  124.             margin-left:180px;
  125.             padding-right:20px;
  126.             padding-bottom:20px;
  127. }
  128. #mobile {
  129.             display:none;
  130. }  
  131. #desktop {
  132.             display:inline;
  133. }
  134. @media only screen and (max-width:1024px) {
  135. body {
  136.             margin:0px;
  137.             padding:0px;
  138.             background:#FFFFCC;
  139.             background-image:none;
  140. }
  141. #wrapper {
  142.             width:100%;
  143.             min-width:0px;
  144.             margin:0px;
  145.             padding:0px;
  146.             box-shadow:none;
  147.             border-radius:0px;
  148.             border-style:none;
  149. }
  150. header {
  151.             text-shadow:#000033 2px 2px 2px;
  152.             height:100%;
  153. }
  154. h1 {
  155.             texti-indent:0px;
  156.             font-size:3.7em;
  157.             padding-left:2em;
  158.             white-space:normal;
  159. }
  160. nav {
  161.             padding:0.2em;
  162.             margin-left:0.3em;
  163.             float:left;
  164.             width:20%;
  165. }
  166. main {
  167.             padding-top:2.5em;
  168.             padding-bottom:2.5em;
  169.             padding-left:1em;
  170.             padding-right:1em;
  171.             margin:0px;
  172.             font-size:90%;
  173.             clear:both;
  174. }
  175. }
  176. @media only all and (max-width:768px) {
  177. h1 {
  178.             font-size:2.4em;
  179.             padding-top:0.25em;
  180.             padding-left:1.5em;
  181. }  
  182. h3 {
  183.             padding-top:0px;
  184.             margin:0px;
  185. }
  186. nav {
  187.             width:98%;
  188. }
  189. nav a {
  190.             padding:0.5em;
  191.             width:40%;
  192.             float:left;
  193.             min-width:5em;
  194.             margin-left:0.5em;
  195. }
  196. main {
  197.             padding:0.6em;
  198. }
  199. dd {
  200.             line-height:100%;
  201. }
  202. footer {
  203.             padding:0.5em;
  204.             margin:0px;
  205. }
  206. .floatleft {
  207.             float:none;
  208.             padding-right:0px;
  209.             padding-bottom:none;
  210. }
  211. #mobile {
  212.             display:inline;
  213. }
  214. #desktop {
  215.             display:none;
  216. }
  217. }
Advertisement
Comments
  • User was banned
Add Comment
Please, Sign In to add comment