API tools faq
paste
Advertisement
Guest User

css

a guest
Feb 13th, 2014
267
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.81 KB | None | 0 0
raw download clone embed print report
  1. @charset "utf-8";
  2. body {
  3. font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
  4. background-color: #333;
  5. margin: 0;
  6. padding: 0;
  7. color: #000;
  8. }
  9. ul, ol, dl {
  10. padding: 0;
  11. margin: 0;
  12. }
  13. h1, h2, h3, h4, h5, h6, p {
  14. margin-top: 0;
  15. padding-right: 15px;
  16. padding-left: 15px;
  17. }
  18. a img {
  19. border: none;
  20. }
  21. a:link {
  22. color:#5BDB3C;
  23. text-decoration: none;
  24. }
  25. a:visited {
  26. color: #5BDB3C;
  27. text-decoration: none;
  28. }
  29. a:hover, a:active, a:focus {
  30. text-decoration: none;
  31. }
  32. .container {
  33. width: 80%;
  34. max-width: 1260px;
  35. min-width: 780px;
  36. background-color: #FFF;
  37. margin-left:auto;
  38. margin-right:auto;
  39. margin-top:48px;
  40. margin-bottom:48px;
  41. border-radius:12px;
  42. -moz-border-radius:12px;
  43. box-shadow: 3px 3px 5px #999 inset;
  44. }
  45. .log_link {
  46. width:48%;
  47. float: left;
  48. text-align: right;
  49. padding:8px;
  50. }
  51. #user_top img{
  52. width:38px;
  53. height:38px;
  54. border-radius:8px;
  55. -moz-border-radius:8px;
  56. border:#999 1px solid;
  57. }
  58. #user_top a:link {
  59. color:#5BDB3C;
  60. text-decoration: none;
  61. }
  62. #user_top a:visited {
  63. color: #5BDB3C;
  64. text-decoration: none;
  65. }
  66. #user_top a:hover, a:active, a:focus {
  67. color:#F8F8F8;
  68. text-decoration: none;
  69. }
  70. .header {
  71. background: #4c4c4c; /* Old browsers */
  72. background: -moz-linear-gradient(top, #4c4c4c 0%, #474747 28%, #1c1c1c 91%, #111111 100%, #131313 100%); /* FF3.6+ */
  73. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(28%,#474747), color-stop(91%,#1c1c1c), color-stop(100%,#111111), color-stop(100%,#131313)); /* Chrome,Safari4+ */
  74. background: -webkit-linear-gradient(top, #4c4c4c 0%,#474747 28%,#1c1c1c 91%,#111111 100%,#131313 100%); /* Chrome10+,Safari5.1+ */
  75. background: -o-linear-gradient(top, #4c4c4c 0%,#474747 28%,#1c1c1c 91%,#111111 100%,#131313 100%); /* Opera 11.10+ */
  76. background: -ms-linear-gradient(top, #4c4c4c 0%,#474747 28%,#1c1c1c 91%,#111111 100%,#131313 100%); /* IE10+ */
  77. background: linear-gradient(to bottom, #4c4c4c 0%,#474747 28%,#1c1c1c 91%,#111111 100%,#131313 100%); /* W3C */
  78. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  79. }
  80. .headerWrap {
  81. width: 58%;
  82. min-width: 486px;
  83. margin-left: auto;
  84. margin-right: auto;
  85. text-align: right;
  86. }
  87. .logoWrap {
  88. width: 46%;
  89. float: left;
  90. }
  91. .content {
  92. padding: 10px 0;
  93. width: 100%;
  94. float: right;
  95. border-radius:12px;
  96. -moz-border-radius:12px;
  97. }
  98. .content ul, .content ol {
  99. padding: 0 15px 15px 40px;
  100. }
  101. /* Menu bar */
  102. .menu-toggle {
  103. display: none;
  104. }
  105. .navmenu {
  106. width: 100%;
  107. height: 50px;
  108. text-align: center;
  109. }
  110. ul#navbar, ul.subnav {
  111. list-style-type: none;
  112. display: table;
  113. width: 100%;
  114. height: 100px;
  115. padding: 0;
  116. margin: 0px auto;
  117. }
  118. ul#navbar li {
  119. width: 125px;
  120. text-align: center;
  121. position: relative;
  122. display: inline-block;
  123. margin: 0;
  124. padding: 0;
  125. }
  126. ul#navbar a, ul#navbar a:visited {
  127. padding: 5px 5px 5px 15px;
  128. display: block;
  129. text-decoration: none;
  130. background: #707070; /* Old browsers */
  131. background: -moz-linear-gradient(top, #707070 0%, #141c16 100%); /* FF3.6+ */
  132. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#141c16)); /* Chrome,Safari4+ */
  133. background: -webkit-linear-gradient(top, #707070 0%,#141c16 100%); /* Chrome10+,Safari5.1+ */
  134. background: -o-linear-gradient(top, #707070 0%,#141c16 100%); /* Opera 11.10+ */
  135. background: -ms-linear-gradient(top, #707070 0%,#141c16 100%); /* IE10+ */
  136. background: linear-gradient(to bottom, #707070 0%,#141c16 100%); /* W3C */
  137. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#141c16',GradientType=0 ); /* IE6-9 */
  138. color: #5BDB3C;
  139. }
  140. ul#navbar a {
  141. text-decoration: none;
  142. display: block;
  143. width: 125px;
  144. height: 40px;
  145. line-height: 35px;
  146. border: 1px solid #666;
  147. margin: 0;
  148. padding: 0;
  149. }
  150. ul#navbar a:hover, ul#navbar a:active, ul#nav a:focus {
  151. background: #141c16; /* Old browsers */
  152. background: -moz-linear-gradient(top, #141c16 0%, #707070 100%); /* FF3.6+ */
  153. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141c16), color-stop(100%,#707070)); /* Chrome,Safari4+ */
  154. background: -webkit-linear-gradient(top, #141c16 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
  155. background: -o-linear-gradient(top, #141c16 0%,#707070 100%); /* Opera 11.10+ */
  156. background: -ms-linear-gradient(top, #141c16 0%,#707070 100%); /* IE10+ */
  157. background: linear-gradient(to bottom, #141c16 0%,#707070 100%); /* W3C */
  158. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141c16', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
  159. color: #FFF;
  160. }
  161. ul#navbar .subnav a {
  162. margin-top: 0px;
  163. border: 1px solid #666;
  164. }
  165. ul#navbar ul.subnav {
  166. display: none;
  167. position: absolute;
  168. top: 41px;
  169. left: 0px;
  170. }
  171. ul#navbar li:hover .subnav {
  172. display: block;
  173. }
  174. .darrow {
  175. font-size: 11pt;
  176. position: absolute;
  177. top: 9px;
  178. right: 4px;
  179. }
  180. /* footer */
  181. .footer {
  182. padding: 10px 0;
  183. background-color: #6F7D94;
  184. position: relative;
  185. clear: both;
  186. }
  187. /* ~~ miscellaneous float/clear classes ~~ */
  188. .fltrt {
  189. float: right;
  190. margin-left: 8px;
  191. }
  192. .fltlft {
  193. float: left;
  194. margin-right: 8px;
  195. }
  196. .clearfloat {
  197. clear:both;
  198. height:0;
  199. font-size: 1px;
  200. line-height: 0px;
  201. }
  202. /* ~~ The footer ~~ */
  203. div#footy {background:#484848 url(../images/textureblock.png) repeat; padding:10px 0px 0px 0px; font-size:14px; color:#CCC; border-top:#666 1px solid; width: 100%;max-width: 1600px;min-width: 780px;}
  204. div#footy > a {outline:none; text-decoration:none; color:#FFF;}
  205. div#footy > a:link {color:#FFF;}
  206. div#footy > a:hover {color:#CCC; text-decoration:underline;}
  207.  
  208. div#footerWebServices{width:1000px; margin:12px auto 10px auto; height:44px; background:url(footerWebServices.png) no-repeat;}
  209. div.footaff{width:1000px; margin:0px auto; padding-left:6px;}
  210. div.footaff > div{float:left; width:125px; height:125px; border:#1E1E1E 1px solid; -moz-border-radius:3px; border-radius:3px; box-shadow: 0px 1px 1px #707070; margin:3px 4px 3px 3px; padding:4px; background:#333;}
  211. div.footaff > div:hover{border:#CCC 1px solid;}
  212. div.footaff > div > img{border:none;}
  213. div.footaff > div.footaffwide{float:left; width:468px; height:60px; border:#1E1E1E 1px solid; -moz-border-radius:3px; border-radius:3px; box-shadow: 0px 1px 1px #707070; margin:6px 3px 3px 3px; padding:4px; background:#333;}
  214. div.footaff > div.footaffwide:hover{border:#CCC 1px solid;}
  215.  
  216. div#footymenubar{width:48%; margin:10px auto 16px auto; background:#2C2C2C; padding:12px 14px; border:#1E1E1E 1px solid; -moz-border-radius:3px; border-radius:3px; box-shadow: 0px 1px 1px #707070; color:#999;}
  217. div#footymenubar p a {outline:none; text-decoration:none; color:#5BDB3C;}
  218. div#footymenubar p a:link {color:#5BDB3C;}
  219. div#footymenubar p a:hover {color:#FFF; text-decoration:underline;}
  220. div#footnav{width:1000px; margin:0px auto;}
  221. div#footnav > div{float:left; width:160px; height:264px; background:#333; padding:8px 14px; border:#1E1E1E 1px solid; -moz-border-radius:3px; border-radius:3px; box-shadow: 0px 1px 1px #707070; line-height:2.0em; margin-right:12px;}
  222. div#footnav > div > span{display:block; font-size:16px; font-weight:bold; text-shadow: -1px -1px #000000; color:#999;}
  223. div#footnav > div > a{color:#06F; font-size:13px; text-shadow: -1px -1px #000000;}
  224. div#footnav > div > a:link {color:#06F;}
  225. div#footnav > div > a:hover {color:#FFF; text-decoration:underline;}
  226. div#footerTop {width:1000px; margin:0px auto; font-size:12px; margin-bottom:6px; text-shadow: 0px -1px #000000;}
  227. div#footerBtm{width:1000px; margin:12px auto 0px auto; height:111px; background:url(../images/footerBtm.png);}
  228. /*~~~ Forms ~~~*/
  229. .form {
  230. text-align:left;
  231. margin-left:auto;
  232. margin-right:auto;
  233. width: 48%;
  234. max-width: 100%;
  235. border-radius:12px;
  236. -moz-border-radius:12px;
  237. padding:6px;
  238. padding-left:28px;
  239. color:#FFF;
  240. background-color:#333;
  241. }
  242. .form label {
  243. text-align:left;
  244. margin-left: 10px;
  245. }
  246. .submit{
  247. text-align:center;
  248. }
  249. .submit button {
  250. width: auto;
  251. padding: 9px 15px;
  252. background: #4c4c4c; /* Old browsers */
  253. background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 0%, #595959 30%, #2b2b2b 55%, #000000 100%, #131313 100%); /* FF3.6+ */
  254. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#666666), color-stop(30%,#595959), color-stop(55%,#2b2b2b), color-stop(100%,#000000), color-stop(100%,#131313)); /* Chrome,Safari4+ */
  255. background: -webkit-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* Chrome10+,Safari5.1+ */
  256. background: -o-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* Opera 11.10+ */
  257. background: -ms-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* IE10+ */
  258. background: linear-gradient(to bottom, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* W3C */
  259. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  260. border: #5BDB3C .5px thin solid;
  261. font-size: 14px;
  262. color: #FFFFFF;
  263. -moz-border-radius: 5px;
  264. border-radius: 5px;
  265. cursor:pointer;
  266. box-shadow:none;
  267. }
  268. .submit button:hover{
  269. width: auto;
  270. padding: 9px 15px;
  271. border: #5BDB3C .5px thin solid;
  272. font-size: 14px;
  273. color: #FFFFFF;
  274. -moz-border-radius: 5px;
  275. -webkit-border-radius: 5px;
  276. cursor:pointer;
  277. box-shadow:none;
  278. background: #4c4c4c; /* Old browsers */
  279. background: -moz-linear-gradient(top, #4c4c4c 0%, #131313 0%, #1c1c1c 0%, #2b2b2b 0%, #111111 0%, #474747 0%, #2c2c2c 0%, #000000 0%, #666666 100%); /* FF3.6+ */
  280. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#131313), color-stop(0%,#1c1c1c), color-stop(0%,#2b2b2b), color-stop(0%,#111111), color-stop(0%,#474747), color-stop(0%,#2c2c2c), color-stop(0%,#000000), color-stop(100%,#666666)); /* Chrome,Safari4+ */
  281. background: -webkit-linear-gradient(top, #4c4c4c 0%,#131313 0%,#1c1c1c 0%,#2b2b2b 0%,#111111 0%,#474747 0%,#2c2c2c 0%,#000000 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
  282. background: -o-linear-gradient(top, #4c4c4c 0%,#131313 0%,#1c1c1c 0%,#2b2b2b 0%,#111111 0%,#474747 0%,#2c2c2c 0%,#000000 0%,#666666 100%); /* Opera 11.10+ */
  283. background: -ms-linear-gradient(top, #4c4c4c 0%,#131313 0%,#1c1c1c 0%,#2b2b2b 0%,#111111 0%,#474747 0%,#2c2c2c 0%,#000000 0%,#666666 100%); /* IE10+ */
  284. background: linear-gradient(to bottom, #4c4c4c 0%,#131313 0%,#1c1c1c 0%,#2b2b2b 0%,#111111 0%,#474747 0%,#2c2c2c 0%,#000000 0%,#666666 100%); /* W3C */
  285. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
  286. }
  287. .form input{
  288. padding: 9px;
  289. border: solid 1px #E5E5E5;
  290. outline: 0;
  291. font: normal 13px/100% Verdana, Tahoma, sans-serif;
  292. width: 86%;
  293. background:#F8F8F8;
  294. box-shadow: 3px 3px 5px #CCC inset;
  295. -moz-box-shadow:3px 3px 5px #CCC inset;
  296. -webkit-box-shadow:3px 3px 5px #CCC inset;
  297. border-radius:3px;
  298. -moz-border-radius:3px;
  299. }
  300.  
  301. /* Mobile */
  302. @media (max-width: 800px) {
  303.  
  304. .container {
  305. width: 90%;
  306. max-width: 800px;
  307. min-width: 200px;
  308. }
  309. .log_link {
  310. width:90%;
  311. float: left;
  312. text-align: right;
  313. padding:8px;
  314. margin-right: 10px;
  315. z-index: 1;
  316. }
  317. .logo {
  318. display: none;
  319. }
  320. #user_top img{
  321. width:38px;
  322. height:38px;
  323. border-radius:8px;
  324. -moz-border-radius:8px;
  325. border:#999 1px solid;
  326. }
  327. #user_top a:hover, a:active, a:focus {
  328. color:#F8F8F8;
  329. text-decoration: none;
  330. }
  331. #user_top a:link {
  332. color:#5BDB3C;
  333. text-decoration: none;
  334. }
  335. #user_top a:visited {
  336. color: #5BDB3C;
  337. text-decoration: none;
  338. }
  339. .header {
  340. background: #4c4c4c; /* Old browsers */
  341. background: -moz-linear-gradient(top, #4c4c4c 0%, #474747 28%, #1c1c1c 91%, #111111 100%, #131313 100%); /* FF3.6+ */
  342. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(28%,#474747), color-stop(91%,#1c1c1c), color-stop(100%,#111111), color-stop(100%,#131313)); /* Chrome,Safari4+ */
  343. background: -webkit-linear-gradient(top, #4c4c4c 0%,#474747 28%,#1c1c1c 91%,#111111 100%,#131313 100%); /* Chrome10+,Safari5.1+ */
  344. background: -o-linear-gradient(top, #4c4c4c 0%,#474747 28%,#1c1c1c 91%,#111111 100%,#131313 100%); /* Opera 11.10+ */
  345. background: -ms-linear-gradient(top, #4c4c4c 0%,#474747 28%,#1c1c1c 91%,#111111 100%,#131313 100%); /* IE10+ */
  346. background: linear-gradient(to bottom, #4c4c4c 0%,#474747 28%,#1c1c1c 91%,#111111 100%,#131313 100%); /* W3C */
  347. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  348. }
  349. .headerWrap {
  350. width: 100%;
  351. min-width: 100px;
  352. margin-left: auto;
  353. margin-right: auto;
  354. text-align: right;
  355. }
  356. .logoWrap {
  357. display: none;
  358. }
  359. .content {
  360. padding: 10px 0;
  361. width: 100%;
  362. float: right;
  363. border-radius:12px;
  364. -moz-border-radius:12px;
  365. }
  366. /* Menu */
  367. .navicon {
  368. width: 50px;
  369. height: auto;
  370. position: absolute;
  371. left: 20px;
  372. top: 15px;
  373. z-index: 0;
  374. }
  375. .menu-toggle {
  376. display: inline-block;
  377. width: 50px;
  378. height: auto;
  379. text-align: center;
  380. }
  381. .menu {
  382. overflow-x: hidden;
  383. position: relative;
  384. left: 0;
  385. }
  386. .menu-open {
  387. left: 231px;
  388. }
  389. .menu-open .navmenu {
  390. left: 0;
  391. }
  392. .navmenu, .menu {
  393. transition: left 0.2s ease;
  394. -webkit-transition: left 0.2s ease;
  395. -moz-transition: left 0.2s ease;
  396. }
  397. .navmenu {
  398. background-color: #333;
  399. border: 1px solid #000;
  400. color: #FFF;
  401. position: fixed;
  402. top: 0;
  403. left: -231px;
  404. width: 210px;
  405. height: 100%;
  406. padding: 5px;
  407. overflow-y: scroll;
  408. }
  409. .backing {
  410. display: block;
  411. position: relative;
  412. }
  413. ul.subnav {
  414. list-style-type: none;
  415. padding: 0;
  416. position: relative;
  417. }
  418. ul.subnav a {
  419. position: relative;
  420. text-decoration: none;
  421. line-height: 35px;
  422. font-size: 110%;
  423. display: block;
  424. z-index: 1;
  425. }
  426. ul.subnav a:before {
  427. content: "";
  428. position: absolute;
  429. left: 0px;
  430. height: 35px;
  431. width: 0px;
  432. transition: all 0.3s ease 0s;
  433. -webkit-transition: all 0.3s ease 0s;
  434. z-index: -1;
  435. }
  436. ul.subnav a:hover:before {
  437. width: 100%;
  438. }
  439. ul.subnav a:hover span {
  440. transition-delay: 0.09s;
  441. z-index: 1;
  442. }
  443. ul.subnav span {
  444. z-index: 3;
  445. }
  446. ul.subnav {
  447. display: none;
  448. }
  449. ul#navbar {
  450. list-style-type: none;
  451. display: inline;
  452. text-align: center;
  453. position: relative;
  454. width: 100%;
  455. height: 100px;
  456. padding: 0;
  457. margin: 0px auto;
  458. }
  459. ul#navbar li {
  460. width: 100%;
  461. margin: 0;
  462. padding: 0;
  463. }
  464. ul#navbar a, ul#navbar a:visited {
  465. padding: 5px 5px 5px 15px;
  466. display: block;
  467. text-decoration: none;
  468. background: #707070; /* Old browsers */
  469. background: -moz-linear-gradient(top, #707070 0%, #141c16 100%); /* FF3.6+ */
  470. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#141c16)); /* Chrome,Safari4+ */
  471. background: -webkit-linear-gradient(top, #707070 0%,#141c16 100%); /* Chrome10+,Safari5.1+ */
  472. background: -o-linear-gradient(top, #707070 0%,#141c16 100%); /* Opera 11.10+ */
  473. background: -ms-linear-gradient(top, #707070 0%,#141c16 100%); /* IE10+ */
  474. background: linear-gradient(to bottom, #707070 0%,#141c16 100%); /* W3C */
  475. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#141c16',GradientType=0 ); /* IE6-9 */
  476. color: #5BDB3C;
  477. }
  478. ul#navbar a {
  479. text-decoration: none;
  480. display: block;
  481. width: 100%;
  482. height: 60px;
  483. line-height: 50px;
  484. text-align: center;
  485. outline: 0;
  486. transition: all 0.3s linear;
  487. -webkit-transition: all 0.3s linear;
  488. -moz-transition: all 0.3s linear;
  489. border: 1px solid #666;
  490. margin: 0;
  491. padding: 0;
  492. }
  493. li.active a {
  494. outline: 0;
  495. }
  496. div.backing {
  497. display: block;
  498. position: relative;
  499. }
  500. ul#navbar a:hover, ul#navbar a:active, ul#navbar a:focus {
  501. background: #141c16; /* Old browsers */
  502. background: -moz-linear-gradient(top, #707070 0%, #141c16 100%); /* FF3.6+ */
  503. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#141c16)); /* Chrome,Safari4+ */
  504. background: -webkit-linear-gradient(top, #707070 0%,#141c16 100%); /* Chrome10+,Safari5.1+ */
  505. background: -o-linear-gradient(top, #707070 0%,#141c16 100%); /* Opera 11.10+ */
  506. background: -ms-linear-gradient(top, #707070 0%,#141c16 100%); /* IE10+ */
  507. background: linear-gradient(to bottom, #707070 0%,#141c16 100%); /* W3C */
  508. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#141c16',GradientType=0 ); /* IE6-9 */
  509. color: #FFF;
  510. }
  511. .darrow {
  512. font-size: 11pt;
  513. position: absolute;
  514. top: 16px;
  515. right: 50px;
  516. }
  517. /* footer */
  518. .footer {
  519. padding: 10px 0;
  520. background-color: #6F7D94;
  521. position: relative;
  522. clear: both;
  523. }
  524. /* ~~ miscellaneous float/clear classes ~~ */
  525. .fltrt {
  526. float: right;
  527. margin-left: 8px;
  528. }
  529. .fltlft {
  530. float: left;
  531. margin-right: 8px;
  532. }
  533. .clearfloat {
  534. clear:both;
  535. height:0;
  536. font-size: 1px;
  537. line-height: 0px;
  538. }
  539. /* ~~ The footer ~~ */
  540. div#footy {background:#484848 url(../images/textureblock.png) repeat; padding:10px 0px 0px 0px; font-size:14px; color:#CCC; border-top:#666 1px solid; width: 100%;max-width: 1600px;min-width: 780px;}
  541. div#footy > a {outline:none; text-decoration:none; color:#FFF;}
  542. div#footy > a:link {color:#FFF;}
  543. div#footy > a:hover {color:#CCC; text-decoration:underline;}
  544.  
  545. div#footerWebServices{width:1000px; margin:12px auto 10px auto; height:44px; background:url(footerWebServices.png) no-repeat;}
  546. div.footaff{width:1000px; margin:0px auto; padding-left:6px;}
  547. div.footaff > div{float:left; width:125px; height:125px; border:#1E1E1E 1px solid; -moz-border-radius:3px; border-radius:3px; box-shadow: 0px 1px 1px #707070; margin:3px 4px 3px 3px; padding:4px; background:#333;}
  548. div.footaff > div:hover{border:#CCC 1px solid;}
  549. div.footaff > div > img{border:none;}
  550. div.footaff > div.footaffwide{float:left; width:468px; height:60px; border:#1E1E1E 1px solid; -moz-border-radius:3px; border-radius:3px; box-shadow: 0px 1px 1px #707070; margin:6px 3px 3px 3px; padding:4px; background:#333;}
  551. div.footaff > div.footaffwide:hover{border:#CCC 1px solid;}
  552.  
  553. div#footymenubar{width:48%; margin:10px auto 16px auto; background:#2C2C2C; padding:12px 14px; border:#1E1E1E 1px solid; -moz-border-radius:3px; border-radius:3px; box-shadow: 0px 1px 1px #707070; color:#999;}
  554. div#footymenubar p a {outline:none; text-decoration:none; color:#5BDB3C;}
  555. div#footymenubar p a:link {color:#5BDB3C;}
  556. div#footymenubar p a:hover {color:#FFF; text-decoration:underline;}
  557. div#footnav{width:1000px; margin:0px auto;}
  558. div#footnav > div{float:left; width:160px; height:264px; background:#333; padding:8px 14px; border:#1E1E1E 1px solid; -moz-border-radius:3px; border-radius:3px; box-shadow: 0px 1px 1px #707070; line-height:2.0em; margin-right:12px;}
  559. div#footnav > div > span{display:block; font-size:16px; font-weight:bold; text-shadow: -1px -1px #000000; color:#999;}
  560. div#footnav > div > a{color:#06F; font-size:13px; text-shadow: -1px -1px #000000;}
  561. div#footnav > div > a:link {color:#06F;}
  562. div#footnav > div > a:hover {color:#FFF; text-decoration:underline;}
  563. div#footerTop {width:1000px; margin:0px auto; font-size:12px; margin-bottom:6px; text-shadow: 0px -1px #000000;}
  564. div#footerBtm{width:1000px; margin:12px auto 0px auto; height:111px; background:url(../images/footerBtm.png);}
  565. /*~~~ Forms ~~~*/
  566. .form {
  567. text-align:left;
  568. margin-left:auto;
  569. margin-right:auto;
  570. width: 90%;
  571. max-width: 90%;
  572. border-radius:12px;
  573. -moz-border-radius:12px;
  574. padding:6px;
  575. padding-left:14px;
  576. padding-right: 14px;
  577. color:#FFF;
  578. background-color:#333;
  579. }
  580. .form label {
  581. text-align:left;
  582. margin-left: 10px;
  583. }
  584. .submit{
  585. text-align:center;
  586. }
  587. .submit button {
  588. width: auto;
  589. padding: 9px 15px;
  590. background: #4c4c4c; /* Old browsers */
  591. background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 0%, #595959 30%, #2b2b2b 55%, #000000 100%, #131313 100%); /* FF3.6+ */
  592. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#666666), color-stop(30%,#595959), color-stop(55%,#2b2b2b), color-stop(100%,#000000), color-stop(100%,#131313)); /* Chrome,Safari4+ */
  593. background: -webkit-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* Chrome10+,Safari5.1+ */
  594. background: -o-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* Opera 11.10+ */
  595. background: -ms-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* IE10+ */
  596. background: linear-gradient(to bottom, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* W3C */
  597. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  598. border: #5BDB3C .5px thin solid;
  599. font-size: 14px;
  600. color: #FFFFFF;
  601. -moz-border-radius: 5px;
  602. border-radius: 5px;
  603. cursor:pointer;
  604. box-shadow:none;
  605. }
  606. .submit button:hover{
  607. width: auto;
  608. padding: 9px 15px;
  609. border: #5BDB3C .5px thin solid;
  610. font-size: 14px;
  611. color: #FFFFFF;
  612. -moz-border-radius: 5px;
  613. -webkit-border-radius: 5px;
  614. cursor:pointer;
  615. box-shadow:none;
  616. background: #4c4c4c; /* Old browsers */
  617. background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 0%, #595959 30%, #2b2b2b 55%, #000000 100%, #131313 100%); /* FF3.6+ */
  618. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#666666), color-stop(30%,#595959), color-stop(55%,#2b2b2b), color-stop(100%,#000000), color-stop(100%,#131313)); /* Chrome,Safari4+ */
  619. background: -webkit-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* Chrome10+,Safari5.1+ */
  620. background: -o-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* Opera 11.10+ */
  621. background: -ms-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* IE10+ */
  622. background: linear-gradient(to bottom, #4c4c4c 0%,#666666 0%,#595959 30%,#2b2b2b 55%,#000000 100%,#131313 100%); /* W3C */
  623. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  624. }
  625. .form input{
  626. padding: 9px;
  627. border: solid 1px #E5E5E5;
  628. outline: 0;
  629. font: normal 13px/100% Verdana, Tahoma, sans-serif;
  630. width: 86%;
  631. background:#F8F8F8;
  632. box-shadow: 3px 3px 5px #CCC inset;
  633. -moz-box-shadow:3px 3px 5px #CCC inset;
  634. -webkit-box-shadow:3px 3px 5px #CCC inset;
  635. border-radius:3px;
  636. -moz-border-radius:3px;
  637. }
  638. }
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!