API tools faq
paste
Advertisement
Guest User

basic css for all pages

a guest
Apr 8th, 2012
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.99 KB | None | 0 0
raw download clone embed print report
  1. @font-face {
  2.     font-family: Ubuntu-R;
  3.     src: url("/media/fonts/Ubuntu-R.ttf");
  4. }
  5.  
  6. @font-face {
  7.     font-family: Ubuntu-RI;
  8.     src: url("/media/fonts/Ubuntu-RI.ttf");
  9. }
  10.  
  11. @font-face {
  12.     font-family: Ubuntu-B;
  13.     src: url("/media/fonts/Ubuntu-B.ttf");
  14. }
  15.  
  16. html, body, div, span, applet, object, iframe,
  17. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  18. a, abbr, acronym, address, big, cite, code,
  19. del, dfn, em, img, ins, kbd, q, s, samp,
  20. small, strike, strong, sub, sup, tt, var,
  21. b, u, i, center,
  22. dl, dt, dd, ol, ul, li,
  23. fieldset, form, label, legend,
  24. table, caption, tbody, tfoot, thead, tr, th, td,
  25. article, aside, canvas, details, embed,
  26. figure, figcaption, footer, header, hgroup,
  27. menu, nav, output, ruby, section, summary,
  28. time, mark, audio, video {
  29.     margin: 0;
  30.     padding: 0;
  31.     border: 0;
  32.  
  33. }
  34.  
  35. html, body {
  36.     width: 100%;
  37.     height: 100%;
  38. }
  39.  
  40. body {
  41.     font-size: small;
  42.     font-family: Ubuntu-R;
  43. }
  44.  
  45. em, i{
  46.     font-family: Ubuntu-RI;
  47. }
  48.  
  49. strong,b{
  50.     font-family: Ubuntu-B;
  51. }
  52.  
  53. ol, ul {
  54.     list-style: none;
  55. }
  56.  
  57. .list{
  58.     list-style: circle;
  59.     margin-left: 30px;
  60. }
  61.  
  62. /*
  63. table {
  64.     border-collapse: collapse;
  65.     border-spacing: 0;
  66. }
  67. */
  68.  
  69. #wrapper {
  70.     height: 100%;
  71.     width: 85%;
  72.     margin: 0 auto;
  73.     min-width: 600px;
  74. }
  75.  
  76. #header {
  77.     position: relative;
  78.     padding-top: 20px;
  79. }
  80.  
  81. .logo {
  82.     float: left;
  83.     text-align: center;
  84. }
  85.  
  86. .top-menu {
  87.     float: left;
  88.     margin-left: 20px;
  89. }
  90.  
  91. .top-menu li {
  92.     display: inline;
  93.     list-style: none;
  94.     line-height: 60px;
  95.     padding: 0 15px;
  96. }
  97.  
  98. .top-menu li a {
  99.     color: black;
  100.     font-weight: 500;
  101.     font-size: larger;
  102.     text-decoration: underline;
  103. }
  104.  
  105. .user {
  106.     position: absolute;
  107.     right: 0;
  108.     background: url("/media/icons/user.png") no-repeat;
  109.     padding-left: 20px;
  110. }
  111.  
  112. td.c {
  113.     text-align: center;
  114.     vertical-align: middle;
  115. }
  116.  
  117. /* ������� ��������  */
  118. #indexpage {
  119.     margin-top: 25px;
  120. }
  121. /*
  122. #indexpage table {
  123.     width: 100%;
  124. }
  125. #indexpage table  td {
  126.     padding: 0px 65px 65px 0px;
  127. }
  128. #indexpage table  td  h2{
  129.     font-size: small;
  130.     font-weight: bold;
  131.     margin: 5px 0px;
  132. }
  133. */
  134.  
  135. /*  ����� */
  136. #loginform {
  137.     margin:0px auto 0px auto;
  138.     width: 50%;
  139.     background: #bfbfbf;
  140.     border-radius: 10px;
  141.     -moz-border-radius: 10px;
  142. }
  143. #loginform  .block {
  144.     padding: 20px;
  145.     text-align: center;
  146. }
  147. #loginform  .block  h2{
  148.     font-weight: normal;
  149. }
  150. #loginform  .block  table {
  151.     align: center;
  152.     margin-top: 15px;
  153.     width: 100%;
  154. }
  155. #loginform  .block  table td {
  156.     padding: 10px;
  157. }
  158. #loginform  .block  table td.text {
  159.     text-align: right;
  160.     width: 30%;
  161.     white-space: nowrap;
  162. }
  163.  
  164. #loginform  .block  table td  input {
  165.     width: 100%;
  166.     border: 0px;
  167.     padding: 3px;
  168. }
  169. #loginform  .block  p.info {
  170.     color: #797979;
  171.     font-size: 11px;
  172.     margin-bottom:  15px;
  173.     width: 70%;
  174.     margin-left: 30%;
  175.     text-align: left;
  176. }
  177. #loginform  .block  input.submit {
  178.     color: #000000;
  179.     font-size: normal;
  180.     margin: 15px 0px 5px 0px;
  181.     background: #e6e6e6;
  182.     border: 1px solid #000000;
  183.     border-radius: 3px;
  184.     -moz-border-radius: 3px;
  185. }
  186.  
  187.  
  188. /* �������� ������� */
  189. .project { }
  190. .project h1 {
  191.     background: url(/media/icons/arr.png) no-repeat;
  192.     font-size: 100%;
  193.     padding-left: 20px;
  194.     margin-top: -10px;
  195.     margin-bottom: 20px;
  196.  }
  197. .project  table.info td {
  198.     padding: 10px;
  199.     vertical-align: top;
  200. }
  201. .project .project_info {
  202.     background: #d7e3bf;
  203.     border-radius: 10px;
  204.     -moz-border-radius: 10px;
  205.     padding: 10px;
  206.     min-height: 250px;
  207. }
  208.  
  209. .project .project_info  table {
  210.     width: 100%;
  211. }
  212. .project .project_info  table  td{
  213.     padding: 5px;
  214.     border: 1px solid #c4d6a0;
  215.     font-size: small;
  216. }
  217. .project .project_info  table  td.text {
  218.     text-align: right;
  219. }
  220. .project .project_info  table  td a{
  221.     color: #000000;
  222.     text-decoration: underline;
  223. }
  224.  
  225. .project .project_status {
  226.     background: #ddd6e5;
  227.     border-radius: 10px;
  228.     -moz-border-radius: 10px;
  229.     padding: 10px;
  230.     min-height: 250px;
  231. }
  232. .project .project_status  table {
  233.     width: 100%;
  234. }
  235. .project .project_status  table  td{
  236.     padding: 5px;
  237.     border: 1px solid #ccc2d9;
  238.     font-size: small;
  239. }
  240. .project .project_status  table  td.text {
  241.     text-align: right;
  242. }
  243. .project .project_status  table  td a{
  244.     color: #000000;
  245.     text-decoration: underline;
  246. }
  247.  
  248. .project .project_params {
  249.     background: #d5dfeb;
  250.     border-radius: 10px;
  251.     -moz-border-radius: 10px;
  252.     padding: 10px;
  253.     min-height: 250px;
  254. }
  255. .project .project_params  table {
  256.     width: 100%;
  257. }
  258. .project .project_params  table  td{
  259.     padding: 5px;
  260.     border: 1px solid #c0cfe2;
  261.     font-size: small;
  262. }
  263. .project .project_params  table  td.text {
  264.     text-align: right;
  265. }
  266. .project .project_params  table  td a{
  267.     color: #000000;
  268.     text-decoration: underline;
  269. }
  270.  
  271. /* �������� � ������� */
  272. .project .data {
  273.  
  274. }
  275. .project .data h2 {
  276.     text-align: center;
  277.     font-size: small;
  278.     margin-bottom: 15px;
  279. }
  280. .project .data table.default  {
  281.     width: 100%;
  282. }
  283.  
  284. .project .data table.default td {
  285.     border: 1px solid #a5a5a5;
  286.     padding: 3px;
  287.     font-size: small;
  288. }
  289. .project .data table.default th {
  290.     border: 1px solid #a5a5a5;
  291.     padding: 3px;
  292.     background: #d7e3bf;
  293.     font-weight: normal;
  294.     font-size: small;
  295. }
  296.  
  297. .sc {
  298. }
  299.  
  300. .sc table.default{
  301.     width: 100%;
  302. }
  303.  
  304. .sc table.default th {
  305.     border: 1px solid #a5a5a5;
  306.     padding: 3px;
  307.     background: #d7e3bf;
  308.     font-weight: normal;
  309.     font-size: small;
  310.    
  311. }
  312. .sc  table.default td {
  313.     border: 1px solid #a5a5a5;
  314.     padding: 3px;
  315.     font-size: small;
  316. }
  317.  
  318. .sc table.filters th {
  319.     border: 0px solid #FFFFFF;
  320.     padding: 3px;
  321.     background: #d7e3bf;
  322.     font-weight: normal;
  323.     font-size: small;
  324.  
  325. }
  326. .sc  table.filters td {
  327.     border: 0px solid #FFFFFF;
  328.     padding: 3px;
  329.     font-size: small;
  330. }
  331.  
  332.  
  333. /* ���������� ��������� */
  334.  
  335. .status {
  336. }
  337.  
  338. .status h1 {
  339.     background: url(/media/icons/arr.png) no-repeat;
  340.     font-size: 100%;
  341.     padding-left: 20px;
  342.     margin-top: -10px;
  343.     margin-bottom: 20px;
  344.  }
  345. .status h1 a {
  346.     /* was none */
  347.     text-decoration: underline;
  348.     color: #000000;
  349.  }
  350.  
  351. .status .info {
  352.     background: #d7e3bf;
  353.     border-radius: 10px;
  354.     -moz-border-radius: 10px;
  355.     padding: 10px;
  356.  
  357.  }
  358.  .status .info  table.table td {
  359.     padding-bottom: 15px;
  360.  }
  361.  .status table.block {
  362.     width: 100%;
  363. }
  364.  .status table.block  td{
  365.     padding-right: 20px;
  366. }
  367.  
  368. input.dp  {
  369.     width: 100%;
  370. }
  371. .status table.block td  h3{
  372.     font-weight: normal;
  373.     margin-bottom: 9px;
  374.     margin-left: 10px;
  375. }
  376.  
  377. .status table.block  div.info  table {
  378.     width: 100%;
  379. }
  380.  
  381. .status table.block  div.info  table td{
  382.     padding: 2px 9px;
  383.  
  384. }
  385.  .status table.block  div.info  table tr.vb td {
  386.     vertical-align: bottom;
  387. }
  388.  .status table.block  div.info  table tr.topmargin td {
  389.     padding-top: 15px;
  390. }
  391.  
  392. #submit_status_form .submit {
  393.     color: #000000;
  394.     font-size: normal;
  395.     margin: 15px 0px 5px 0px;
  396.     background: #e6e6e6;
  397.     border: 1px solid #000000;
  398.     border-radius: 3px;
  399.     -moz-border-radius: 3px;
  400.     align: center;
  401. }
  402.  
  403.  .submit_button_wow {
  404.     color: #000000;
  405.     font-size: normal;
  406.     margin: 15px 0px 5px 0px;
  407.     background: #e6e6e6;
  408.     border: 1px solid #000000;
  409.     border-radius: 3px;
  410.     -moz-border-radius: 3px;
  411.     align: center;
  412. }
  413.  
  414.  
  415. .w100 { width: 100%;}
  416.  
  417. .status .milestones {
  418.     background: #ddd6e5;
  419.     border-radius: 10px;
  420.     -moz-border-radius: 10px;
  421.     padding: 10px;
  422. }
  423. .status .milestones table  {
  424.     width: 100%;
  425. }
  426.  
  427. .status .milestones table  td{
  428.     padding: 5px;
  429.     border: 1px solid #ccc2d9;
  430.     font-size: x-small;
  431. }
  432.  
  433.  
  434. .status .milestones table  td.text {
  435.     text-align: right;
  436. }
  437. #project_info_header h1 {
  438.     background: url(/media/icons/arr.png) no-repeat;
  439.     font-size: 100%;
  440.     padding-left: 20px;
  441.     margin-top: -10px;
  442.     margin-bottom: 20px;
  443. }
  444. #project_info_header h1 a {
  445.     text-decoration: none;
  446.     color: #000000;
  447. }
  448.  
  449. #project_info  {
  450.     width: 80%;
  451.     margin: 0 auto 0 auto;
  452. }
  453. #project_info h2 {
  454.     font-size: small;
  455.     margin-bottom: 10px;
  456. }
  457. #project_info .block {
  458.     background: #bfb1cf;
  459.     border-radius: 10px;
  460.     -moz-border-radius: 10px;
  461.     padding: 20px 10px;
  462.    
  463. }
  464. #project_info .block  table  {
  465.     width: 90%;
  466. }
  467.  
  468. #project_info .block  table th {
  469.     white-space: nowrap;
  470.     width: 20%;
  471.     padding: 10px 5px;
  472.     text-align: right;
  473. }
  474. #project_info .block  table td {
  475.     white-space: nowrap;
  476.     width: 100%;
  477.     padding: 10px 5px;
  478.  
  479. }
  480.  
  481.  
  482. #project_info .block  input {
  483.     border: 1px solid #ddd6e5;
  484.     background: #ffffff;
  485.     width: 100%;
  486.     padding: 2px;
  487.    
  488. }
  489. #project_info .block  input:focus {
  490.     border: 1px solid #ccc2d9;
  491.     background: #ffffff;
  492. }
  493. #project_info .block  input.submit {
  494.     color: #000000;
  495.     font-size: normal;
  496.     margin: 15px -5px 5px 0px;
  497.     background: #e6e6e6;
  498.     border: 1px solid #000000;
  499.     border-radius: 3px;
  500.     -moz-border-radius: 3px;
  501.     align: center;
  502.     width: 100px;
  503.     padding: 0px;
  504. }
  505.  
  506. .milestones_popup {
  507.     padding: 20px 10px;
  508.     width: 450px;
  509. }
  510.  
  511. .milestones_popup  table td {
  512.     padding: 5px;
  513. }
  514. .milestones_popup  table input {
  515.     width: 100%;
  516. }
  517. .milestones_popup  input.submit {
  518.     color: #000000;
  519.     font-size: normal;
  520.     margin: 15px -5px 5px 0px;
  521.     background: #e6e6e6;
  522.     border: 1px solid #000000;
  523.     border-radius: 3px;
  524.     -moz-border-radius: 3px;
  525.     float: right;
  526.     width: 100px;
  527.     padding: 0px;
  528. }
  529.  
  530. #filters {
  531.     padding: 10px;
  532.     background-color: #b7dde8;
  533.     font-size: small;
  534.     border-radius: 10px;
  535.     -moz-border-radius: 10px;
  536.     margin-bottom: 30px;
  537. }
  538.  
  539. #filters table td {
  540.     padding: 3px 10px;
  541. }
  542.  
  543. #filters select {
  544.     height: 1.5em;
  545.     border: solid 1px #808080;
  546. }
  547.  
  548. #filters input {
  549.     border: solid 1px #808080;
  550. }
  551.  
  552. #filters input[type=checkbox] {
  553.     border: none;
  554. }
  555.  
  556. .dataTables_wrapper {
  557.     margin-top: .5em;
  558.     width: 100%
  559. }
  560.  
  561. .DataTables_sort_wrapper {
  562.     cursor: pointer;
  563.     white-space: nowrap;
  564.     padding: 0 2px;
  565.     color: black;
  566. }
  567.  
  568. .tablesorter {
  569.     width: 100%
  570. }
  571.  
  572. .tablesorter .DataTables_sort_icon {
  573.     float: right;
  574. }
  575.  
  576. .tablesorter th {
  577.     padding: 5px !important;
  578.     font-size: 11px;
  579.     font-weight: bold;
  580.     background: #d7e3bf none;
  581. }
  582.  
  583. .tablesorter td {
  584.     border: solid 1px #cbc7bd;
  585.     padding: 5px 5px !important;
  586. }
  587.  
  588. .tablesorter td a {
  589.     color: #000;
  590.     /* was none */
  591.     text-decoration: underline;
  592.     cursor: pointer;
  593. }
  594.  
  595. #content {
  596.     float: left;
  597.     clear: both;
  598.     width: 100%;
  599.     padding: 10px 0 20px;
  600. }
  601.  
  602. #footer {
  603.     clear: both;
  604.     height: 50px;
  605.     margin-top: -50px;
  606. }
  607.  
  608. .links {
  609.     float: right;
  610.     margin: 0 30px;
  611. }
  612.  
  613. .links li {
  614.     float: left;
  615.     padding: 0 10px;
  616. }
  617.  
  618. @media all and (max-width:2000px) {
  619.     #wrapper {
  620.         width: 95%;
  621.     }
  622.  
  623.     .top-menu li {
  624.         padding: 0 10px;
  625.     }
  626.     h1 {   
  627.         margin-left: 280px;
  628.     }
  629. }
  630.  
  631. @media all and (max-width:1300px) {
  632.     body {
  633.         font-size: smaller;
  634.     }
  635.  
  636.     #wrapper {
  637.         margin: 0 10px;
  638.         width: auto;
  639.     }
  640.     h1 {   
  641.         margin-left: 250px;
  642.     }
  643.    
  644.  
  645.     #filters {
  646.         font-size: x-small;
  647.     }
  648.  
  649.     #filters select,
  650.     #filters input {
  651.         font-size: x-small;
  652.     }
  653.  
  654.     .top-menu {
  655.         margin-left: 10px;
  656.     }
  657.  
  658.     .logo img {
  659.         width: 150px;
  660.     }
  661.  
  662.     .user {
  663.         background-size: 15px;
  664.         padding-left: 18px;
  665.     }
  666.  
  667.     .top-menu li {
  668.         padding: 0 5px;
  669.     }
  670. }
  671.  
  672. @media all and (max-width:900px) {
  673.     body {
  674.         font-size: x-small;
  675.     }
  676.     h1 {   
  677.         margin-left: 85px;
  678.     }
  679.  
  680.     .logo img {
  681.         display: none;
  682.     }
  683.  
  684.     .user {
  685.         background-size: 12px;
  686.         padding-left: 14px;
  687.     }
  688. }
  689.  
  690.  
  691. .note {
  692.     background: #fbec88;
  693.     border-radius: 10px;
  694.     -moz-border-radius: 10px;
  695.     padding: 10px;
  696.     margin: 10px;
  697. }
  698.  
  699. .alert {
  700.     background: #FF5757;
  701.     border-radius: 10px;
  702.     -moz-border-radius: 10px;
  703.     padding: 10px;
  704.     margin: 10px;
  705. }
  706.  
  707. .alert_hl {
  708.     background: #FF5757;
  709.  
  710. }
  711.  
  712. table.report{
  713.  
  714. }
  715.  
  716. table.report td{
  717.     font-size: 14pt;
  718.     color: #797979;
  719. }
  720.  
  721. table.report select, input{
  722.     font-size: 14pt;
  723.     color: #808080;
  724.     width: 100%;
  725. }
  726.  
  727. table.report textarea{
  728.     width:100%;
  729. }
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!