API tools faq
paste
Advertisement
gravvy

Untitled

gravvy
Dec 25th, 2020
1,248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.81 KB | None | 0 0
raw download clone embed print report
  1. body {
  2.     font: 13px/20px "Lucida Grande", Tahoma, Verdana, sans-serif;
  3.     color: #404040;
  4.     background: #0ca3d2;
  5. }
  6.  
  7. .a:link {
  8.     font: 16px/20px "Calibri", Tahoma, Verdana, sans-serif;
  9.     color: #6060C0;
  10.     text-decoration: none;
  11. }
  12.  
  13. .a:visited {
  14.     font: 16px/20px "Calibri", Tahoma, Verdana, sans-serif;
  15.     color: #6060C0;
  16.     text-decoration: none;
  17. }
  18.  
  19. .a:hover {
  20.     font: 16px/20px "Calibri", Tahoma, Verdana, sans-serif;
  21.     color: #6060C0;
  22.     text-decoration: none;
  23. }
  24.  
  25. .a:active {
  26.     font: 16px/20px "Calibri", Tahoma, Verdana, sans-serif;
  27.     color: #6060C0;
  28.     text-decoration: none;
  29. }
  30.  
  31. .index {
  32.     position: center;
  33.     margin: 75px;
  34.     padding: 20px 20px 20px 20px;
  35. }
  36.  
  37. .mainbody {
  38.     position: center;
  39.     margin: 150px auto;
  40.     padding: 20px 20px 20px 20px;
  41.     width: 1000px;
  42.     background: white;
  43.     border-radius: 3px;
  44.     -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  45.     box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  46. }
  47.  
  48. .mainbody:before {
  49.     content: '';
  50.     position: absolute;
  51.     top: -8px;
  52.     right: -8px;
  53.     bottom: -8px;
  54.     left: -8px;
  55.     z-index: -1;
  56.     background: rgba(0, 0, 0, 0.08);
  57.     border-radius: 4px;
  58. }
  59.  
  60. .mainbody h1 {
  61.     margin: -20px -20px 21px;
  62.     line-height: 40px;
  63.     font-size: 15px;
  64.     font-weight: bold;
  65.     color: #555;
  66.     text-align: center;
  67.     text-shadow: 0 1px white;
  68.     background: #f3f3f3;
  69.     border-bottom: 1px solid #cfcfcf;
  70.     border-radius: 3px 3px 0 0;
  71.     background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  72.     background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  73.     background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  74.     background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  75.     -webkit-box-shadow: 0 1px whitesmoke;
  76.     box-shadow: 0 1px whitesmoke;
  77. }
  78.  
  79. .mainbody p {
  80.     margin: 20px 0 0;
  81. }
  82.  
  83. .mainbody p:first-child {
  84.     margin-top: 0;
  85. }
  86.  
  87. .title {
  88.     font-weight: bold;
  89. }
  90.  
  91. .submitted {
  92.     font-weight: bold;
  93.     color: #950A24;
  94. }
  95.  
  96. .mainbody p.submitted {
  97.     text-align: center;
  98. }
  99.  
  100. .announcement {
  101.     color: red;
  102.     font-weight: bold;
  103.     width: 400px;
  104.     position: center;
  105.     margin: 20px auto;
  106.     padding: 20px 20px 20px 20px;
  107.     border-radius: 3px;
  108.     -webkit-box-shadow: 0 0 160px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  109.     box-shadow: 0 0 160px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  110. }
  111. div.blueTable {
  112.   border: 1px solid #8DB6D1;
  113.   background-color: #EEEEEE;
  114.   width: 100%;
  115.   text-align: left;
  116.   border-collapse: collapse;
  117. }
  118. .divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
  119.   border: 1px solid #AAAAAA;
  120.   padding: 3px 2px;
  121. }
  122. .divTable.blueTable .divTableBody .divTableCell {
  123.   font-size: 13px;
  124. }
  125. .divTable.blueTable .divTableRow:nth-child(even) {
  126.   background: #D0E4F5;
  127.   font-style: none;
  128.   text-decoration: none;
  129. }
  130. .divTable.blueTable .divTableHeading {
  131.   background: #8DB6D1;
  132.   background: -moz-linear-gradient(top, #8DB6D1 0%, #8DB6D1 66%, #8DB6D1 100%);
  133.   background: -webkit-linear-gradient(top, #8DB6D1 0%, #8DB6D1 66%, #8DB6D1 100%);
  134.   background: linear-gradient(to bottom, #8DB6D1 0%, #8DB6D1 66%, #8DB6D1 100%);
  135.   border-bottom: 2px solid #444444;
  136.   font-weight: bolder;
  137. }
  138. .divTable.blueTable .divTableHeading .divTableHead {
  139.   font-size: 15px;
  140.   font-weight: bold;
  141.   color: #FFFFFF;
  142.   border-left: 2px solid #D0E4F5;
  143. }
  144. .divTable.blueTable .divTableHeading .divTableHead:first-child {
  145.   border-left: none;
  146. }
  147. .blueTable .tableFootStyle {
  148.   font-size: 14px;
  149.   font-weight: bold;
  150.   color: #FFFFFF;
  151.   background: #D0E4F5;
  152.   background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  153.   background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  154.   background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  155.   border-top: 2px solid #444444;
  156. }
  157. .blueTable .tableFootStyle {
  158.   font-size: 14px;
  159. }
  160. .blueTable .tableFootStyle .links {
  161.      text-align: right;
  162. }
  163. .blueTable .tableFootStyle .links a{
  164.   display: inline-block;
  165.   background: #8DB6D1;
  166.   color: #FFFFFF;
  167.   padding: 2px 8px;
  168.   border-radius: 5px;
  169. }
  170. .blueTable.outerTableFooter {
  171.   border-top: none;
  172. }
  173. .blueTable.outerTableFooter .tableFootStyle {
  174.   padding: 3px 5px;
  175. }
  176. .divTable{ display: table; }
  177. .divTableRow { display: table-row; }
  178. .divTableHeading { display: table-header-group;}
  179. .divTableCell, .divTableHead { display: table-cell;}
  180. .divTableHeading { display: table-header-group;}
  181. .divTableFoot { display: table-footer-group;}
  182. .divTableBody { display: table-row-group;}
  183.  
  184. .submitrepair {
  185.     position: relative;
  186.     margin: 150px auto;
  187.     padding: 20px 20px 20px;
  188.     width: 700px;
  189.     background: white;
  190.     border-radius: 3px;
  191.     -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  192.     box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  193.   }
  194.  
  195.   .submitrepair:before {
  196.     content: '';
  197.     position: absolute;
  198.     top: -8px;
  199.     right: -8px;
  200.     bottom: -8px;
  201.     left: -8px;
  202.     z-index: -1;
  203.     background: rgba(0, 0, 0, 0.08);
  204.     border-radius: 4px;
  205.   }
  206.  
  207.   .submitrepair h1 {
  208.     margin: -20px -20px 21px;
  209.     line-height: 40px;
  210.     font-size: 15px;
  211.     font-weight: bold;
  212.     color: #555;
  213.     text-align: center;
  214.     text-shadow: 0 1px white;
  215.     background: #f3f3f3;
  216.     border-bottom: 1px solid #cfcfcf;
  217.     border-radius: 3px 3px 0 0;
  218.     background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  219.     background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  220.     background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  221.     background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  222.     -webkit-box-shadow: 0 1px whitesmoke;
  223.     box-shadow: 0 1px whitesmoke;
  224.   }
  225.  
  226.   .submitrepair p {
  227.     margin: 20px 0 0;
  228.   }
  229.  
  230.   .submitrepair p:first-child {
  231.     margin-top: 0;
  232.   }
  233.  
  234.   .submitrepair input[type=text], .submitrepair select, .submitrepair input[type=password] {
  235.     width: 278px;
  236.   }
  237.  
  238.   .submitrepair p.submit {
  239.     text-align: right;
  240.   }
  241.  
  242.   .submitrepair input.parts {
  243.       width: 80px;
  244.   }
  245.  
  246.   .submitrepair input.plate {
  247.       width: 90px;
  248.   }
  249.  
  250.   .submitrepair input.commission {
  251.       width: 120px;
  252.   }
  253.  
  254.   .submitrepair input.owed {
  255.       width: 120px;
  256.   }
  257.  
  258.   .submitrepair input.totalbill {
  259.       width: 120px;
  260.   }
  261.  
  262.   .submitrepair input.vehicle_name {
  263.       width: 140px;
  264.   }
  265.  
  266.   .submitrepair input.vehicle_multiplier {
  267.       width: 40px;
  268.   }
  269.  
  270.   .submitrepair input.tool_name {
  271.       width: 160px;
  272.   }
  273.  
  274.   .submitrepair input.tool_price {
  275.       width: 100px;
  276.   }
  277.  
  278.   .submitrepair input.tool_restricted {
  279.       width: 20px;
  280.   }
  281.  
  282.   .title {
  283.       font-weight: bold;
  284.   }
  285.  
  286.   .submitted {
  287.       font-weight: bold;
  288.       color: #950A24;
  289.   }
  290.  
  291.   .submitrepair p.submitted {
  292.     text-align: center;
  293.   }
  294.  
  295.   .announcement {
  296.       color: red;
  297.       font-weight: bold;
  298.       width: 400px;
  299.       position: center;
  300.       margin: 20px auto;
  301.       padding: 20px 20px 20px 20px;
  302.       border-radius: 3px;
  303.       -webkit-box-shadow: 0 0 160px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  304.       box-shadow: 0 0 160px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  305.   }
  306.  
  307.   .submit_alert {
  308.       color: red;
  309.       font-weight: bold;
  310.       padding: 20px 20px 20px 20px;
  311.   }
  312.  
  313.   .submitrepair input.tool_price {
  314.       width: 80px;
  315.   }
  316.  
  317.   .login {
  318.     position: relative;
  319.     margin: 150px auto;
  320.     padding: 20px 20px 20px;
  321.     width: 310px;
  322.     background: white;
  323.     border-radius: 3px;
  324.     -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  325.     box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  326.   }
  327.  
  328.   .login:before {
  329.     content: '';
  330.     position: absolute;
  331.     top: -8px;
  332.     right: -8px;
  333.     bottom: -8px;
  334.     left: -8px;
  335.     z-index: -1;
  336.     background: rgba(0, 0, 0, 0.08);
  337.     border-radius: 4px;
  338.   }
  339.  
  340.   .login h1 {
  341.     margin: -20px -20px 21px;
  342.     line-height: 40px;
  343.     font-size: 15px;
  344.     font-weight: bold;
  345.     color: #555;
  346.     text-align: center;
  347.     text-shadow: 0 1px white;
  348.     background: #f3f3f3;
  349.     border-bottom: 1px solid #cfcfcf;
  350.     border-radius: 3px 3px 0 0;
  351.     background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  352.     background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  353.     background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  354.     background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  355.     -webkit-box-shadow: 0 1px whitesmoke;
  356.     box-shadow: 0 1px whitesmoke;
  357.   }
  358.  
  359.   .login p {
  360.     margin: 20px 0 0;
  361.   }
  362.  
  363.   .login p:first-child {
  364.     margin-top: 0;
  365.   }
  366.  
  367.   .login input[type=text], .login input[type=password] {
  368.     width: 278px;
  369.   }
  370.  
  371.   .login p.remember_me {
  372.     float: left;
  373.     line-height: 31px;
  374.   }
  375.  
  376.   .login p.remember_me label {
  377.     font-size: 12px;
  378.     color: #777;
  379.     cursor: pointer;
  380.   }
  381.  
  382.   .login p.remember_me input {
  383.     position: relative;
  384.     bottom: 1px;
  385.     margin-right: 4px;
  386.     vertical-align: middle;
  387.   }
  388.  
  389.   .login p.submit {
  390.     text-align: right;
  391.   }
  392.  
  393.   .login-help {
  394.     margin: 20px 0;
  395.     font-size: 11px;
  396.     color: white;
  397.     text-align: center;
  398.     text-shadow: 0 1px #2a85a1;
  399.   }
  400.  
  401.   .login-help a {
  402.     color: #cce7fa;
  403.     text-decoration: none;
  404.   }
  405.  
  406.   .login-help a:hover {
  407.     text-decoration: underline;
  408.   }
  409.  
  410.   :-moz-placeholder {
  411.     color: #c9c9c9 !important;
  412.     font-size: 13px;
  413.   }
  414.  
  415.   ::-webkit-input-placeholder {
  416.     color: #ccc;
  417.     font-size: 13px;
  418.   }
  419.  
  420.   input {
  421.     font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  422.     font-size: 14px;
  423.   }
  424.  
  425.   input[type=text], select, input[type=password] {
  426.     margin: 5px;
  427.     padding: 0 10px;
  428.     width: 200px;
  429.     height: 34px;
  430.     color: #404040;
  431.     background: white;
  432.     border: 1px solid;
  433.     border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  434.     border-radius: 2px;
  435.     outline: 5px solid #eff4f7;
  436.     -moz-outline-radius: 3px;
  437.     -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  438.     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  439.   }
  440.  
  441.   input[type=text]:focus, select:focus, input[type=password]:focus {
  442.     border-color: #7dc9e2;
  443.     outline-color: #dceefc;
  444.     outline-offset: 0;
  445.   }
  446.  
  447.   input[type=submit] {
  448.     padding: 0 18px;
  449.     height: 29px;
  450.     font-size: 12px;
  451.     font-weight: bold;
  452.     color: #527881;
  453.     text-shadow: 0 1px #e3f1f1;
  454.     background: #cde5ef;
  455.     border: 1px solid;
  456.     border-color: #b4ccce #b3c0c8 #9eb9c2;
  457.     border-radius: 16px;
  458.     outline: 0;
  459.     -webkit-box-sizing: content-box;
  460.     -moz-box-sizing: content-box;
  461.     box-sizing: content-box;
  462.     background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  463.     background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  464.     background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  465.     background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  466.     -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  467.     box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  468.   }
  469.  
  470.   input[type=submit]:active {
  471.     background: #cde5ef;
  472.     border-color: #9eb9c2 #b3c0c8 #b4ccce;
  473.     -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  474.     box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  475.   }
  476.  
  477.   .lt-ie9 input[type=text], .lt-ie9 input[type=password] {
  478.     line-height: 34px;
  479.   }
  480.  
  481.   textarea {
  482.     margin: 5px;
  483.     padding: 0 10px;
  484.     width: 280px;
  485.     height: 120px;
  486.     color: #404040;
  487.     background: white;
  488.     border: 1px solid;
  489.     border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  490.     border-radius: 2px;
  491.     outline: 5px solid #eff4f7;
  492.   }
  493.  
  494.    /* Dropdown Button */
  495. .dropbtn {
  496.     background-color: #1e6b20;
  497.     color: white;
  498.     padding: 6px;
  499.     font-size: 16px;
  500.     border: none;
  501.   }
  502.  
  503.   /* The container <div> - needed to position the dropdown content */
  504.   .dropdown {
  505.     position: relative;
  506.     display: inline-block;
  507.   }
  508.  
  509.   /* Dropdown Content (Hidden by Default) */
  510.   .dropdown-content {
  511.     display: none;
  512.     position: absolute;
  513.     background-color: #f1f1f1;
  514.     min-width: 160px;
  515.     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  516.     z-index: 1;
  517.   }
  518.  
  519.   /* Links inside the dropdown */
  520.   .dropdown-content a {
  521.     color: black;
  522.     padding: 12px 16px;
  523.     text-decoration: none;
  524.     display: block;
  525.   }
  526.  
  527.   /* Change color of dropdown links on hover */
  528.   .dropdown-content a:hover {background-color: #ddd;}
  529.  
  530.   /* Show the dropdown menu on hover */
  531.   .dropdown:hover .dropdown-content {display: block;}
  532.  
  533.   /* Change the background color of the dropdown button when the dropdown content is shown */
  534.   .dropdown:hover .dropbtn {background-color: #3e8e41;}
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!