Advertisement
Guest User

Untitled

a guest
Jul 5th, 2010
182
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.98 KB | None | 0 0
  1. @charset "utf-8";
  2.  
  3. /************************RESET**********************/
  4.  
  5. html, body, div, span, applet, object, iframe,
  6. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  7. a, abbr, acronym, address, big, cite, code,
  8. del, dfn, em, font, img, ins, kbd, q, s, samp,
  9. small, strike, strong, sub, sup, tt, var,
  10. b, u, i, center,
  11. dl, dt, dd, ol, ul, li,
  12. fieldset, form, label, legend,
  13. table, caption, tbody, tfoot, thead, tr, th, td {
  14.         margin: 0;
  15.         padding: 0;
  16.         border: 0;
  17.         outline: 0;
  18.         font-size: 100%;
  19.         vertical-align: baseline;
  20.         background: transparent;
  21. }
  22. body {
  23.         line-height: 1;
  24. }
  25. ol, ul {
  26.         list-style: none;
  27. }
  28. blockquote, q {
  29.         quotes: none;
  30. }
  31. blockquote:before, blockquote:after,
  32. q:before, q:after {
  33.         content: '';
  34.         content: none;
  35. }
  36.  
  37. /* remember to define focus styles! */
  38. :focus {
  39.         outline: 0;
  40. }
  41.  
  42. /* remember to highlight inserts somehow! */
  43. ins {
  44.         text-decoration: none;
  45. }
  46. del {
  47.         text-decoration: line-through;
  48. }
  49.  
  50. /* tables still need 'cellspacing="0"' in the markup */
  51. table {
  52.         border-collapse: collapse;
  53.         border-spacing: 0;
  54. }
  55.  
  56. /************************RESET**********************/
  57.  
  58.  
  59. #headerCont {
  60. height:85px;
  61. margin:0;
  62. padding:0;
  63. width:100%;
  64. }
  65.  
  66. #header {
  67. height:130px;
  68. margin:0 auto;
  69. padding:0;
  70. position:relative;
  71. width:815px;
  72. }
  73.  
  74. h1 {
  75. display:block;
  76. height:100px;
  77. margin:0;
  78. padding:0;
  79. width:356px;
  80. }
  81.  
  82. h1 a {
  83. display:block;
  84. height:100px;
  85. margin:0;
  86. padding:0;
  87. width:356px;
  88. }
  89.  
  90. #slogan {
  91. bottom:10px;
  92. height:80px;
  93. position:absolute;
  94. right:0px;
  95. width:300px;
  96. font-family: Gill Sans, Verdana;
  97. font-size: 11px;
  98. line-height: 14px;
  99. text-transform: uppercase;
  100. letter-spacing: 2px;
  101. font-weight: bold;
  102. text-align:right;
  103. }
  104.  
  105. html>body #slogan{
  106. bottom:42px;
  107. }
  108.  
  109. #logo{
  110. float:right;
  111. }
  112. #logotext{
  113. float:left;
  114. width:220px;
  115. margin-top:40px;
  116. }
  117.  
  118. #bodyCont {
  119. background-color:#FFFFFF;
  120. background-position:left top;
  121. background-repeat:repeat-x;
  122. margin:0;
  123. min-height:100%;
  124. padding:0;
  125. width:100%;
  126. }
  127.  
  128. #midCont {
  129. display:block;
  130. margin:0 !important;
  131. padding:0 !important;
  132. position:relative;
  133. width:100%;
  134. z-index:0 !important;
  135. height:200px;
  136. }
  137.  
  138.  
  139. #overview{
  140. float:left;
  141. width:100%;
  142. }
  143.  
  144. #progress{
  145. background-image:url(../../images/top_fuzzy.png);
  146. width:800px;
  147. margin:0 auto;
  148. height:40px;
  149. text-align:left;
  150. }
  151.  
  152. #progress ul {
  153. margin:0;
  154. padding:12px 0 0;
  155. }
  156.  
  157. #progress li {
  158. color:#999999;
  159. display:inline;
  160. list-style-type:none;
  161. margin-left:20px;
  162. }
  163.  
  164. #current{
  165. color:#333333;
  166. font-size:13px;
  167. }
  168.  
  169. #box{
  170. background-image:url(../../images/checkout_fuzzy.png);
  171. margin:0 auto;
  172. width:795px;
  173. height:auto;
  174. padding-bottom:20px;
  175. }
  176.  
  177. html>body #box{
  178. overflow:auto;
  179. width:800px;
  180. }
  181.  
  182.  
  183. #wrapper{
  184. width:750px;
  185. height:auto;
  186. padding-top:20px;
  187. padding-left:20px;
  188. padding-right:20px;
  189. color:#333333;
  190. margin:0 auto;
  191. text-align:left;
  192. }
  193.  
  194. #wrapper input{
  195. color:#333333;
  196. font-size:16px;
  197. padding:3px;
  198. }
  199.  
  200. #wrapper select{
  201. color:#333333;
  202. font-size:16px;
  203. }
  204.  
  205. #spec_left{
  206. float:left;
  207. margin-right:10px;
  208. width:560px;
  209. }
  210.  
  211. #spec_right {
  212. float:right;
  213. height:40px;
  214. width:150px;
  215. margin-top:10px;
  216. }
  217.  
  218. #data{
  219. width:600px;
  220. height:30px;
  221. float:left;
  222. }
  223.  
  224. #bottom{
  225. display:block;
  226. background-image:url(../../images/bottom_fuzzy.png);
  227. margin-bottom:20px;
  228. height:20px;
  229. width:800px;
  230. margin:0 auto;
  231. }
  232.  
  233. form
  234. {
  235. margin:0px;
  236. padding:0px;
  237. }
  238.  
  239. #footer{
  240. font-family:georgia,serif;
  241. color:#381704;
  242. font-size:10px;
  243. font-weight:normal;
  244. line-height:150%;
  245. padding:0px
  246. }
  247.  
  248. #listData{
  249. list-style-type:none;
  250. }
  251.  
  252. #listDatali {
  253. padding:20px;
  254. }
  255.  
  256. #buttondiv {
  257.         height:20px;
  258.         width:100px;
  259. }
  260.  
  261. .buttons a, .buttons button{
  262.     display:block;
  263.     float:left;
  264.     margin:0 7px 0 0;
  265.     background-color:#f5f5f5;
  266.     border:1px solid #dedede;
  267.     border-top:1px solid #eee;
  268.     border-left:1px solid #eee;
  269.     font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  270.     font-size:18px;
  271.     line-height:130%;
  272.     text-decoration:none;
  273.     font-weight:bold;
  274.     color:#565656;
  275.     cursor:pointer;
  276.     padding:5px 10px 6px 7px; /* Links */
  277. }
  278.  
  279. /* POSITIVE */
  280.  
  281. button.positive, .buttons a.positive{
  282.     color:#529214;
  283. }
  284. .buttons a.positive:hover, button.positive:hover{
  285.     background-color:#E6EFC2;
  286.     border:1px solid #C6D880;
  287.     color:#529214;
  288. }
  289. .buttons a.positive:active{
  290.     background-color:#529214;
  291.     border:1px solid #529214;
  292.     color:#fff;
  293. }
  294.  
  295. #spacer{
  296. float:left;
  297. height:80px;
  298. width:450px;
  299. margin-top:50px;
  300. margin-left:70px;
  301. }
  302.  
  303. html>body #spacer{
  304. margin-left:140px;
  305. }
  306.  
  307. #spacer1{
  308. float:left;
  309. height:80px;
  310. width:450px;
  311. margin-top:50px;
  312. margin-left:180px;
  313. *margin-left:130px;
  314. }
  315.  
  316. #yellow{
  317. background-color:#FFFFAA;
  318. }
  319.  
  320. .set_inp{
  321. margin-right:130px;
  322. width:400px;
  323. float:right;
  324. }
  325.  
  326. .select_inp{
  327. margin-right:494px;
  328. float:right;
  329. }
  330.  
  331. .set_inp2{
  332. margin-left:100px;
  333. width:300px;
  334. }
  335.  
  336. #menu{
  337. height:20px;
  338. width:150px;
  339. padding-left:13px;
  340. padding-top:65px;
  341. font-family: Gill Sans, Verdana;
  342. font-size: 11px;
  343. line-height: 14px;
  344. text-transform: uppercase;
  345. letter-spacing: 2px;
  346. font-weight: bold;
  347. }
  348.  
  349. #button_nav{
  350. float:left;
  351. width:100px;
  352. height:20px;
  353. }
  354.  
  355. .rw{
  356. height:35px;
  357. width:750px;
  358. margin-bottom:15px;
  359. }
  360.  
  361. .rw-slr{
  362. height:50px;
  363. width:750px;
  364. margin-bottom:10px;
  365. }
  366.  
  367. .rw-slr input{
  368. color:#333333;
  369. font-size:16px;
  370. padding:3px;
  371. }
  372.  
  373. .rww{
  374. height:35px;
  375. width:670px;
  376. margin-bottom:15px;
  377. }
  378.  
  379. .rww input{
  380. color:#333333;
  381. font-size:16px;
  382. padding:3px;
  383. }
  384. .rw2{
  385. height:35px;
  386. width:550px;
  387. margin-bottom:15px;
  388. }
  389.  
  390. .rw2 select{
  391. }
  392.  
  393. .rw2 input{
  394. }
  395.  
  396. .text_file_rows a:hover {
  397. color: blue;
  398. text-decoration:underline;
  399. cursor: pointer;
  400. cursor: hand;
  401. }
  402.  
  403. .text_file_rows{
  404. height:35px;
  405. width:750px;
  406. margin-bottom:0px;
  407. }
  408.  
  409. html>body .text_file_rows{
  410. margin-bottom:5px;
  411. }
  412.  
  413. .path_div{
  414. float:left;
  415. height:30px;
  416. width:150px;
  417. }
  418.  
  419. .status{
  420. float:left;
  421. height:25px;
  422. width:400px;
  423. }
  424.  
  425. .new_div{
  426. float:left;
  427. height:60px;
  428. width:650px;
  429. }
  430.  
  431.  
  432. #script_nav{
  433. float:right;
  434. width:100px;
  435. margin-top:-2px;
  436. }
  437.  
  438. #script_navl{
  439. float:right;
  440. width:100px;
  441. margin-top:-2px;
  442. }
  443.  
  444. #script_nav2{
  445. float:right;
  446. margin-top:-2px;
  447. width:680px;
  448. }
  449.  
  450. #script_nav_info{
  451. float:right;
  452. width:30px;
  453. height:30px;
  454. }
  455.  
  456. #new_info{
  457. float:left;
  458. height:20px;
  459. width:500px;
  460. margin-bottom:25px;
  461. }
  462.  
  463. #verify{
  464. color: blue;
  465. text-decoration:underline;
  466. cursor: pointer;
  467. cursor: hand;
  468. }
  469.  
  470. #tabs{
  471. width:792px;
  472. margin:0 auto;
  473. height:40px;
  474. text-align:left;
  475. margin-bottom:-17px;
  476. }
  477.  
  478. #info_div{
  479. bottom:45px;
  480. color:#999999;
  481. display:block;
  482. font-family:verdana,arial,sans-serif;
  483. font-size:9px;
  484. height:25px;
  485. margin-left:10px;
  486. position:absolute;
  487. width:280px;
  488. padding:5px;
  489. background-color:#E6F2F2;
  490. border:1px solid #DCEDED;
  491. }
  492.  
  493.  
  494. .instructions{
  495. color:#999999;
  496. font-family:verdana,arial,sans-serif;
  497. font-size:12px;
  498. height:20px;
  499. width:732px;
  500. padding:5px;
  501. background-color: #F7F7F7;
  502. border:1px solid #E8E8E8;
  503. margin-bottom:20px;
  504. padding-top:10px;
  505. }
  506.  
  507. #run_options{
  508. background-color:#F7F7F7;
  509. border:1px solid #E8E8E8;
  510. padding:10px 5px 5px;
  511. width:190px;
  512. float:left;
  513. height:20px;
  514. margin-left:5px;
  515. }
  516.  
  517. #button_holder{
  518. float:right;
  519. height:18px;
  520. width:135px;
  521. margin-top:-9px;
  522. }
  523.  
  524. #button_holder a:hover{
  525. color:#000000;
  526. font-weight:bold;
  527. cursor: pointer;
  528. cursor: hand;
  529. }
  530.  
  531. #save_button{
  532. background:url(../../images/main-btn.png) no-repeat scroll 0 7px;
  533. color:#666666;
  534. font-size:12px;
  535. height:31px;
  536. line-height:30px;
  537. padding:15px 30px 15px 25px;
  538. text-decoration:none;
  539. text-shadow:0 1px 0 #EEEEEE;
  540. width:115px;
  541. *padding-top:17px;
  542. }
  543.  
  544. #save_button2{
  545. background:url(../../images/main-btn.png) no-repeat scroll 0 7px;
  546. color:#666666;
  547. font-size:14px;
  548. height:31px;
  549. line-height:30px;
  550. padding:15px 30px 15px 25px;
  551. text-decoration:none;
  552. text-shadow:0 1px 0 #EEEEEE;
  553. width:115px;
  554. *padding-top:17px;
  555. }
  556.  
  557. #nav {
  558. font-family: Gill Sans, Verdana;
  559. font-size: 9px;
  560. line-height: 14px;
  561. text-transform: uppercase;
  562. letter-spacing: 2px;
  563. font-weight: bold;
  564. float:left;
  565. margin-left:5px;
  566. margin-top:95px;
  567. width:220px;
  568. }
  569.  
  570. html>body #nav{
  571. margin-left:15px;
  572. margin-top:60px;
  573. }
  574.  
  575. #select_options{
  576. height:40px;
  577. width:200px;
  578. color:blue;
  579. }
  580.  
  581. #select_options a:hover{
  582. cursor: pointer;
  583. cursor: hand;
  584. }
  585.  
  586. .checkbox_div{
  587. height:40px;
  588. width:500px;
  589. margin-bottom:5px;
  590. }
  591.  
  592. #grouper_status{
  593. height:40px;
  594. width:200px;
  595. }
  596.  
  597. #main_status{
  598. height:40px;
  599. width:200px;
  600. }
  601.  
  602. #devolve_status{
  603. height:40px;
  604. width:200px;
  605. }
  606.  
  607. .process_status{
  608. height:30px;
  609. width:600px;
  610. }
  611.  
  612. #report_table{
  613. border-collapse:collapse;
  614. font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
  615. font-size:12px;
  616. text-align:left;
  617. margin-bottom:50px;
  618. }
  619.  
  620. #report_table td{
  621. color:#666699;
  622. padding:7px 17px;
  623. width:30px;
  624. }
  625.  
  626. #option{
  627. float:right;
  628. padding-top:5px;
  629. width:50px;
  630. }
  631.  
  632.  
  633. #actions{
  634. width:350px;
  635. height:30px;
  636. padding:1px;
  637. float:left;
  638. }
  639.  
  640. #actions2{
  641. width:160px;
  642. height:30px;
  643. padding:6px;
  644. float:left;
  645. font-size: 20px;
  646. }
  647.  
  648. #actions p{
  649. margin-top:5px;
  650. height:25px;
  651. width:75px;
  652. float:left;
  653. }
  654.  
  655.  
  656. #actions img{
  657.  
  658. }
  659.  
  660. #actions_holder{
  661. float:left;
  662. height:40px;
  663. margin-right:6px;
  664. width:750px;
  665. margin-bottom:10px;
  666. }
  667.  
  668.  
  669.  
  670.  
  671.  
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678. /* begin css tabs */
  679.  
  680. ul#tabnav { /* general settings */
  681. text-align: left; /* set to left, right or center */
  682. margin: 1px 0 1px 0; /* set margins as desired */
  683. font: bold 13px verdana, arial, sans-serif; /* set font as desired */
  684.  
  685. list-style-type: none;
  686. padding:17px 10px; /* THIRD number must change with respect to padding-top (X) below */
  687. }
  688.  
  689. ul#tabnav li { /* do not change */
  690. display: inline;
  691. }
  692.  
  693. body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
  694. border-bottom: 1px solid #fff; /* set border color to page background color */
  695. background-color: #f3f3f3; /* set background color to match above border color */
  696. }
  697.  
  698. body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
  699. background-color: #fff; /* set selected tab background color as desired */
  700. color: #000; /* set selected tab link color as desired */
  701. position: relative;
  702. top: 1px;
  703. padding-top: 4px; /* must change with respect to padding (X) above and below */
  704. }
  705.  
  706. ul#tabnav li a { /* settings for all tab links */
  707. padding:6px 9px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
  708.  /* set border COLOR as desired; usually matches border color specified in #tabnav */
  709. /* set unselected tab background color as desired */
  710. color: #666; /* set unselected tab link color as desired */
  711. margin-right: 0px; /* set additional spacing between tabs as desired */
  712. text-decoration: none;
  713. border-bottom: none;
  714. font-size:14px;
  715. }
  716.  
  717. ul#tabnav a:hover { /* settings for hover effect */
  718. background: #E6F2F2; /* set desired hover color */
  719. }
  720.  
  721. ul#tabnav a:link#current, ul#tabnav a:visited#current, #navlist a:hover
  722. {
  723. background-color:#FFFFFF;
  724. }
  725.  
  726. #progress li#lastli{
  727. margin-left:205px;
  728. }
  729.  
  730. /*Updated*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement