API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 23rd, 2016
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 21.70 KB | None | 0 0
raw download clone embed print report
  1. html,body
  2. {
  3.     height: 100vh;
  4. }
  5.  
  6. body
  7. {
  8.    display: table;
  9.    margin: 0 auto;
  10.    font-family: Tahoma,Verdana,Segoe,sans-serif;
  11. }
  12.  
  13. .container
  14. {  
  15.    
  16.     height: 98vh;
  17.     vertical-align: middle;
  18.     width: 98vw;
  19.     min-width:1024px;
  20.     margin-left:auto;
  21.     margin-right:auto;
  22.     margin-top: 1vh;
  23.     display: flex;
  24.     flex-direction: column;
  25. }
  26.  
  27. .MainHeader
  28. {
  29.     height: 75px;
  30.     background-color: #0a639d;
  31.     border-radius: 5px 50px 0px 0px;
  32.     display: block;
  33.     background-image: url(../img/bms3.png);
  34.     -webkit-background-size: cover;
  35.     -moz-background-size: cover;
  36.     -o-background-size: cover;
  37.     background-size: cover;
  38. }
  39.  
  40. .foreground-image {
  41.     vertical-align: top;
  42.     border: 0px;
  43.     position: relative;
  44.     float:right;
  45.     padding-right:65px;
  46.     z-index: 1;
  47. }
  48.  
  49. .MainHeader h1
  50. {
  51.     background-image: url("../img/bms75.gif");
  52.     color: #FFF;
  53.     font-size: 18px;
  54.     line-height: normal;
  55.     font-weight: normal;
  56.     padding-top: 25px;
  57.     padding-left: 7px;
  58.    
  59. }
  60.  
  61. .logged_container
  62. {
  63.     background-image: url("../img/bms76.gif");
  64.     text-align: right;
  65.     padding-right: 5px;
  66.     font-weight: normal;
  67.     font-size:12px;
  68.     height:20px;
  69. }
  70.  
  71. .logged_container a
  72. {
  73.     color: #26AB9A;
  74.     text-decoration: none;
  75. }
  76.  
  77. .logged_container a:hover
  78. {
  79.     color: #26AB9A;
  80.     text-decoration: underline;
  81. }
  82.  
  83. .navigation_container
  84. {
  85.     background-color:#EFEFEF;
  86.     font-size: 12px;
  87.     padding: 7px 5px 7px 5px;
  88.     text-align: center;
  89. }
  90.  
  91. .navigation_container a
  92. {
  93.     padding: 2px 10px 2px 10px;
  94.     border-radius: 2px;
  95.     background-color: #0a639d;
  96.     margin: 0px 5px 0px 5px;
  97.     text-decoration: none;
  98.     color: #FFFFFF;
  99. }
  100.  
  101. .navigation_container a:hover
  102. {
  103.     padding: 2px 10px 2px 10px;
  104.     border-radius: 2px;
  105.     background-color: #26AB9A;
  106.     margin: 0px 5px 0px 5px;
  107.     text-decoration: underline;
  108.     color: #FFFFFF;
  109. }
  110.  
  111. #navigation_container a:hover
  112. {
  113.     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.7);
  114. }
  115.  
  116. .submit-box {
  117.     padding: 15px;
  118.     margin-bottom: 20px;
  119.     border: 1px solid transparent;
  120.     border-radius: 4px;  
  121.     position:absolute;
  122.     left:50%;
  123.     width:360px;
  124.     margin-left:-180px;
  125.     top: 2vh;
  126.     z-index: 9999;
  127.     text-align:center;
  128. }
  129.  
  130. .successAlert {
  131.     color: #3c763d;
  132.     background-color: #dff0d8;
  133.     border-color: #d6e9c6;
  134.     display: none;
  135. }
  136.  
  137. .failureAlert {
  138.     color: #a94442;
  139.     background-color: #f2dede;
  140.     border-color: #ebccd1;
  141.     display: none;
  142. }
  143.  
  144. .warningAlert {
  145.     color: #8a6d3b;
  146.     background-color: #fcf8e3;
  147.     border-color: #faebcc;
  148.     display: none;
  149. }
  150.  
  151. .content
  152. {
  153.     min-height: 500px;
  154.     background-color: #f6f6f6;
  155.     flex: 1;
  156.     display: flex;
  157.     flex-direction: column;
  158.     text-align: center;
  159.     font-size: 12px;
  160. }
  161.  
  162. .contentTableView
  163. {
  164.  
  165. }
  166.  
  167. .contentTableView a
  168. {
  169.     padding: 0px 10px 2px 10px;
  170.     border-radius: 2px;
  171.     background-color: #0a639d;
  172.     margin: 0px 5px 0px 5px;
  173.     text-decoration: none;
  174.     color: #FFFFFF;
  175. }
  176.  
  177. .claimformnav a
  178. {
  179.     padding: 0px 10px 2px 10px;
  180.     border-radius: 2px;
  181.     background-color: #0a639d;
  182.     margin: 0px 5px 0px 5px;
  183.     text-decoration: none;
  184.     color: #FFFFFF;
  185. }
  186.  
  187. .claimformnav a:hover
  188. {
  189.     padding: 0px 10px 2px 10px;
  190.     border-radius: 2px;
  191.     background-color: #26AB9A;
  192.     margin: 0px 5px 0px 5px;
  193.     text-decoration: underline;
  194.     color: #FFFFFF;
  195. }
  196.  
  197. .submit
  198. {
  199.     padding: 2px 10px 0px 10px;
  200.     border-radius: 2px;
  201.     background-color: #0a639d;
  202.     text-decoration: none;
  203.     color: #FFFFFF;
  204.     border: none;
  205.     cursor: pointer;
  206.     background-repeat: no-repeat;
  207.     background-position: center;
  208. }
  209.  
  210. .search_form
  211. {
  212.     position: absolute;
  213.     right: 0px;
  214.     border-radius:5px;
  215.     width: 240px;
  216.     border: solid;
  217.     border-width: 1px;
  218.     border-color:#aaaaaa;
  219.     padding: 5px;
  220.     margin-right:10px;
  221.     margin-top:7px;
  222. }
  223.  
  224. .search_form:hover
  225. {
  226.     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 10px rgba(82, 168, 236, 0.7);
  227. }
  228.  
  229. .spcert a:hover
  230. {
  231.     padding: 0px 19px 2px 19px !important;
  232. }
  233.  
  234. .spcert a
  235. {
  236.     padding: 0px 19px 2px 19px !important;
  237. }
  238.  
  239. .contentTableView a:hover
  240. {
  241.     padding: 0px 10px 2px 10px;
  242.     border-radius: 2px;
  243.     background-color: #26AB9A;
  244.     margin: 0px 5px 0px 5px;
  245.     text-decoration: underline;
  246.     color: #FFFFFF;
  247. }
  248.  
  249. .anchor
  250. {
  251.     padding: 0px !important;
  252.     border-radius: 0px !important;
  253.     background-color: transparent !important;
  254.     margin: 0px !important;
  255.     text-decoration: none;
  256.     color: #000000 !important;
  257. }
  258.  
  259. .anchor:hover
  260. {
  261.     padding: 0px !important;
  262.     border-radius: 0px !important;
  263.     background-color: transparent !important;
  264.     margin: 0px !important;
  265.     text-decoration: none;
  266.     color: #000000 !important;
  267. }
  268.  
  269. .protected
  270. {
  271.     padding: 0px 27px 2px 27px;
  272.     border-radius: 2px;
  273.     background-color: #5da8c2;
  274.     margin: 0px 5px 0px 5px;
  275.     text-decoration: none;
  276.     color: #FFFFFF;
  277. }
  278.  
  279. .protected2
  280. {
  281.     padding: 0px 20px 2px 19px;
  282.     border-radius: 2px;
  283.     background-color: #5da8c2;
  284.     margin: 0px 5px 0px 5px;
  285.     text-decoration: none;
  286.     color: #FFFFFF;
  287. }
  288.  
  289. .protected3
  290. {
  291.     padding: 0px 19px 2px 18px;
  292.     border-radius: 2px;
  293.     background-color: #5da8c2;
  294.     margin: 0px 5px 0px 5px;
  295.     text-decoration: none;
  296.     color: #FFFFFF;
  297. }
  298.  
  299. .protected4
  300. {
  301.     padding: 0px 39px 2px 38px;
  302.     border-radius: 2px;
  303.     background-color: #5da8c2;
  304.     margin: 0px 5px 0px 5px;
  305.     text-decoration: none;
  306.     color: #FFFFFF;
  307. }
  308.  
  309. .protected5
  310. {
  311.     padding: 0px 48px 2px 47px;
  312.     border-radius: 2px;
  313.     background-color: #5da8c2;
  314.     margin: 0px 5px 0px 5px;
  315.     text-decoration: none;
  316.     color: #FFFFFF;
  317. }
  318.  
  319. .contentHeader
  320. {
  321.     text-align:center;
  322.     font-size: 16px;
  323.     padding-bottom: 5px;
  324.     font-weight: bold;
  325.     display: block;
  326. }
  327.  
  328. a.tooltip {outline:none; }
  329. a.tooltip strong {line-height:30px;}
  330. a.tooltip:hover {text-decoration:none;}
  331. a.tooltip span {
  332.     z-index:10;display:none; padding:14px 20px;
  333.     margin-top:-30px; margin-left:28px;
  334.     width:300px; line-height:16px;
  335. }
  336. a.tooltip:hover span{
  337.     display:inline; position:absolute; color:#111;
  338.     border:1px solid #DCA; background:#fffAF0;}
  339. .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
  340.    
  341. /*CSS3 extras*/
  342. a.tooltip span
  343. {
  344.     border-radius:4px;
  345.     box-shadow: 5px 5px 8px #CCC;
  346. }
  347.  
  348. a.tooltip2
  349. {  
  350.     outline:none;
  351.     padding: 0px !important;
  352.     border-radius: 0px !important;
  353.     background-color: transparent !important;
  354.     margin: 0px !important;
  355.     text-decoration: none;
  356.     color: #000000 !important;
  357. }
  358.  
  359. a.tooltip2 strong {line-height:30px;}
  360. a.tooltip2:hover
  361. {
  362.     text-decoration:none;
  363.     padding: 0px !important;
  364.     border-radius: 0px !important;
  365.     background-color: transparent !important;
  366.     margin: 0px !important;
  367.     text-decoration: none;
  368.     color: #000000 !important;
  369. }
  370. a.tooltip2 span {
  371.     z-index:10;display:none; padding:14px 20px;
  372.     margin-top:-30px; margin-left:28px;
  373.     width:300px; line-height:16px;
  374. }
  375. a.tooltip2:hover span{
  376.     display:inline; position:absolute; color:#111;
  377.     border:1px solid #DCA; background:#fffAF0;}
  378. .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
  379.    
  380. /*CSS3 extras*/
  381. a.tooltip2 span
  382. {
  383.     border-radius:4px;
  384.     box-shadow: 5px 5px 8px #CCC;
  385. }
  386.  
  387. a.tooltip3
  388. {  
  389.     outline:none;
  390.     padding: 0px !important;
  391.     border-radius: 0px !important;
  392.     background-color: transparent !important;
  393.     margin: 0px !important;
  394.     text-decoration: underline;
  395.     color: #0a639d !important;
  396. }
  397.  
  398. a.tooltip3 strong {line-height:30px;}
  399. a.tooltip3:hover
  400. {
  401.     text-decoration:none;
  402.     padding: 0px !important;
  403.     border-radius: 0px !important;
  404.     background-color: transparent !important;
  405.     margin: 0px !important;
  406.     text-decoration: underline;
  407.     color: #0a639d !important;
  408. }
  409. a.tooltip3 span {
  410.     z-index:10;display:none; padding:14px 20px;
  411.     margin-top:-30px; margin-left:28px;
  412.     width:300px; line-height:16px;
  413. }
  414. a.tooltip3:hover span{
  415.     display:inline; position:absolute; color:#111;
  416.     border:1px solid #DCA; background:#fffAF0;}
  417. .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
  418.  
  419.  /*CSS3 extras*/
  420. a.tooltip3 span
  421. {
  422.     border-radius:4px;
  423.     box-shadow: 5px 5px 8px #CCC;
  424. }
  425.  
  426. a.tooltip4 {outline:none; margin: 0px !important; }
  427. a.tooltip4 strong {line-height:30px;}
  428. a.tooltip4:hover {text-decoration:none;}
  429. a.tooltip4 span {
  430.     z-index:10;display:none; padding:14px 10px;
  431.     margin-top:-30px; margin-left:28px;
  432.     width:130px; line-height:16px;
  433. }
  434. a.tooltip4:hover span{
  435.     display:inline; position:absolute; color:#111;
  436.     border:1px solid #DCA; background:#fffAF0;}
  437. .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
  438.    
  439. /*CSS3 extras*/
  440. a.tooltip4 span
  441. {
  442.     border-radius:4px;
  443.     box-shadow: 5px 5px 8px #CCC;
  444. }
  445.  
  446. a.tooltip5 {
  447.     padding: 0px 10px 2px 10px;
  448.     border-radius: 2px;
  449.     background-color: #0a639d;
  450.     margin: 0px 5px 0px 5px;
  451.     text-decoration: none;
  452.     color: #FFFFFF;
  453. }
  454.  
  455. a.tooltip5 strong {line-height:30px;}
  456. a.tooltip5:hover {
  457.     padding: 0px 10px 2px 10px;
  458.     border-radius: 2px;
  459.     background-color: #0a639d;
  460.     margin: 0px 5px 0px 5px;
  461.     text-decoration: none;
  462.     color: #FFFFFF;
  463. }
  464. a.tooltip5 span {
  465.     z-index:10;display:none; padding:14px 10px;
  466.     margin-top:-30px; margin-left:28px;
  467.     width:130px; line-height:16px;
  468. }
  469. a.tooltip5:hover span{
  470.     display:inline; position:absolute; color:#111;
  471.     border:1px solid #DCA; background:#fffAF0;}
  472. .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
  473.    
  474. /*CSS3 extras*/
  475. a.tooltip5 span
  476. {
  477.     border-radius:4px;
  478.     box-shadow: 5px 5px 8px #CCC;
  479. }
  480.  
  481. .Collapsible
  482. {
  483.     background-color:#0a639d;
  484.     margin-top:20px;
  485.     margin-bottom:10px;
  486.     margin-left:20px;
  487.     margin-right:20px;
  488.     border-radius: 5px;
  489.     height:40px;
  490.     color:#FFFFFF;
  491.     font-weight:bold;
  492. }
  493.  
  494. table.tablesorter {
  495.     font-family:arial;
  496.     background-color: #CDCDCD;
  497.     font-size: 8pt;
  498.     width: 100%;
  499.     text-align: left;
  500.     border-spacing: 1px;
  501. }
  502. table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  503.     background-color: #0a639d;
  504.     color:#FFFFFF;
  505.     border: 1px solid #FFF;
  506.     font-size: 8pt;
  507.     padding: 4px;
  508. }
  509. table.tablesorter thead tr .header {
  510.     background-image: url(../img/bg.gif);
  511.     background-repeat: no-repeat;
  512.     background-position: center right;
  513.     cursor: pointer;
  514. }
  515. table.tablesorter tbody td {
  516.     color: #3D3D3D;
  517.     padding: 4px;
  518.     background-color: #FFF;
  519.     vertical-align: top;
  520. }
  521. table.tablesorter tbody tr.odd td {
  522.     background-color:#F0F0F6;
  523. }
  524. table.tablesorter thead tr .headerSortUp {
  525.     background-image: url(../img/asc.gif);
  526. }
  527. table.tablesorter thead tr .headerSortDown {
  528.     background-image: url(../img/desc.gif);
  529. }
  530. table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  531. background-color: #8dbdd8;
  532. }
  533.  
  534. .GridViewContainer {
  535.     margin-top:10px;
  536.     overflow: auto;
  537.     margin-left:5px;
  538.     margin-right:10px;
  539. }
  540.  
  541. .TabbedViewContainer {
  542.     height: 300px;
  543.     background-color:#FFF;
  544.     margin-left:10px;
  545.     margin-right:10px;
  546.     border: 1px solid #CDCDCD;
  547.     margin-bottom:10px;
  548.     margin-top:10px;
  549. }
  550.  
  551. .TabbedNavContainer {
  552.     height: 40px;
  553.     background-color:#0a639d;
  554.     color:#FFFFFF;
  555.     font-weight:bold;
  556.     text-align:left;
  557.     padding-left:30px;
  558.     overflow-y:hidden;
  559. }
  560.  
  561. .TabbedNavContainer a
  562. {
  563.     padding: 0px 10px 30px 10px;
  564.     border-radius: 2px;
  565.     border: 1px solid #CDCDCD;
  566.     background-color: #FFFFFF;
  567.     margin: 5px 0px 0px 0px;
  568.     text-decoration: none;
  569.     color: #0a639d;
  570. }
  571.  
  572. .TabbedNavContainer a:hover
  573. {
  574.     padding: 0px 10px 30px 10px;
  575.     border-radius: 2px;
  576.     border: 1px solid #CDCDCD;
  577.     background-color: #E0E0E0;
  578.     margin: 0px 0px 0px 0px;
  579.     text-decoration: underline;
  580.     color: #0a639d;
  581.    
  582. }
  583.  
  584. .TabbedNavContainer input[type=submit]
  585. {  
  586.  
  587.     border:0 none;
  588.     cursor:pointer;
  589.     -webkit-border-radius: 2px;
  590.     border-radius: 2px;
  591.     margin-right:20px;
  592.     float:right;
  593.     color:#0a639d;
  594.     padding-left:20px;
  595.     background-image: url(../img/bms4.png);
  596.     background-color:#ffffff;
  597.     background-position: 2% 50%;
  598.     background-repeat: no-repeat;
  599.    
  600. }
  601.  
  602. .TabbedNavContainer .ResetDefaults
  603. {  
  604.     background:#FF0000 !important;
  605.     border:0 none !important;
  606.     cursor:pointer !important;
  607.     -webkit-border-radius: 2px !important;
  608.     border-radius: 2px !important;
  609.     margin-left:30px !important;
  610.     color:#ffffff !important;
  611.     background-image: none !important;
  612.     padding-left:5px !important;
  613.     padding-right:5px !important;
  614. }
  615.  
  616. /*************
  617. Default Theme
  618. *************/
  619. /* overall */
  620. .tablesorter-default {
  621.     width: 100%;
  622.     font: 12px/18px Arial, Sans-serif;
  623.     color: #333;
  624.     background-color: #fff;
  625.     border-spacing: 0;
  626.     text-align: left;
  627. }
  628.  
  629. /* header */
  630. .tablesorter-default th,
  631. .tablesorter-default thead td {
  632.     font-weight: bold;
  633.     color: #000;
  634.     background-color: #fff;
  635.  
  636.     padding: 0;
  637. }
  638. .tablesorter-default tfoot th,
  639. .tablesorter-default tfoot td {
  640.     border: 0;
  641. }
  642. .tablesorter-default .header,
  643. .tablesorter-default .tablesorter-header {
  644.     background-image: url(../img/bg.gif);
  645.     background-position: center right;
  646.     background-repeat: no-repeat;
  647.     cursor: pointer;
  648.     white-space: normal;
  649.     padding: 4px 20px 4px 4px;
  650. }
  651. .tablesorter-default thead .headerSortUp,
  652. .tablesorter-default thead .tablesorter-headerSortUp,
  653. .tablesorter-default thead .tablesorter-headerAsc {
  654.     background-image: url(../img/asc.gif);
  655. }
  656. .tablesorter-default thead .headerSortDown,
  657. .tablesorter-default thead .tablesorter-headerSortDown,
  658. .tablesorter-default thead .tablesorter-headerDesc {
  659.     background-image: url(../img/desc.gif);
  660. }
  661. .tablesorter-default thead .sorter-false {
  662.     background-image: none;
  663.     cursor: default;
  664.     padding: 4px;
  665. }
  666.  
  667. /* tfoot */
  668. .tablesorter-default tfoot .tablesorter-headerSortUp,
  669. .tablesorter-default tfoot .tablesorter-headerSortDown,
  670. .tablesorter-default tfoot .tablesorter-headerAsc,
  671. .tablesorter-default tfoot .tablesorter-headerDesc {
  672.     border-top: #000 2px solid;
  673. }
  674.  
  675. /* tbody */
  676. .tablesorter-default td {
  677.     background-color: #fff;
  678.     padding: 4px;
  679.     vertical-align: top;
  680. }
  681.  
  682. /* hovered row colors */
  683. .tablesorter-default tbody > tr.hover > td,
  684. .tablesorter-default tbody > tr:hover > td,
  685. .tablesorter-default tbody > tr.even:hover > td,
  686. .tablesorter-default tbody > tr.odd:hover > td {
  687.     background-color: #fff;
  688.     color: #000;
  689. }
  690.  
  691. /* table processing indicator */
  692. .tablesorter-default .tablesorter-processing {
  693.     background-position: center center !important;
  694.     background-repeat: no-repeat !important;
  695.     background-image: url(../img/ajax-loader.gif) !important;
  696. }
  697.  
  698. /* Zebra Widget - row alternating colors */
  699. .tablesorter-default tr.odd > td {
  700.     background-color: #dfdfdf;
  701. }
  702. .tablesorter-default tr.even > td {
  703.     background-color: #efefef;
  704. }
  705.  
  706. /* Column Widget - column sort colors */
  707. .tablesorter-default tr.odd td.primary {
  708.     background-color: #bfbfbf;
  709. }
  710. .tablesorter-default td.primary,
  711. .tablesorter-default tr.even td.primary {
  712.     background-color: #d9d9d9;
  713. }
  714. .tablesorter-default tr.odd td.secondary {
  715.     background-color: #d9d9d9;
  716. }
  717. .tablesorter-default td.secondary,
  718. .tablesorter-default tr.even td.secondary {
  719.     background-color: #e6e6e6;
  720. }
  721. .tablesorter-default tr.odd td.tertiary {
  722.     background-color: #e6e6e6;
  723. }
  724. .tablesorter-default td.tertiary,
  725. .tablesorter-default tr.even td.tertiary {
  726.     background-color: #f2f2f2;
  727. }
  728.  
  729. /* caption */
  730. caption {
  731.     background-color: #fff;
  732. }
  733.  
  734. /* filter widget */
  735. .tablesorter-default .tablesorter-filter-row {
  736.     background-color: #eee;
  737. }
  738. .tablesorter-default .tablesorter-filter-row td {
  739.     background-color: #eee;
  740.     line-height: normal;
  741.     text-align: center; /* center the input */
  742.     -webkit-transition: line-height 0.1s ease;
  743.     -moz-transition: line-height 0.1s ease;
  744.     -o-transition: line-height 0.1s ease;
  745.     transition: line-height 0.1s ease;
  746. }
  747. /* optional disabled input styling */
  748. .tablesorter-default .tablesorter-filter-row .disabled {
  749.     opacity: 0.5;
  750.     filter: alpha(opacity=50);
  751.     cursor: not-allowed;
  752. }
  753. /* hidden filter row */
  754. .tablesorter-default .tablesorter-filter-row.hideme td {
  755.     /*** *********************************************** ***/
  756.     /*** change this padding to modify the thickness     ***/
  757.     /*** of the closed filter row (height = padding x 2) ***/
  758.     padding: 2px;
  759.     /*** *********************************************** ***/
  760.     margin: 0;
  761.     line-height: 0;
  762.     cursor: pointer;
  763. }
  764. .tablesorter-default .tablesorter-filter-row.hideme * {
  765.     height: 1px;
  766.     min-height: 0;
  767.     border: 0;
  768.     padding: 0;
  769.     margin: 0;
  770.     /* don't use visibility: hidden because it disables tabbing */
  771.     opacity: 0;
  772.     filter: alpha(opacity=0);
  773. }
  774. /* filters */
  775. .tablesorter-default input.tablesorter-filter,
  776. .tablesorter-default select.tablesorter-filter {
  777.     width: 95%;
  778.     height: auto;
  779.     margin: 4px auto;
  780.     padding: 4px;
  781.     background-color: #fff;
  782.     border: 1px solid #bbb;
  783.     color: #333;
  784.     -webkit-box-sizing: border-box;
  785.     -moz-box-sizing: border-box;
  786.     box-sizing: border-box;
  787.     -webkit-transition: height 0.1s ease;
  788.     -moz-transition: height 0.1s ease;
  789.     -o-transition: height 0.1s ease;
  790.     transition: height 0.1s ease;
  791. }
  792. /* rows hidden by filtering (needed for child rows) */
  793. .tablesorter .filtered {
  794.     display: none;
  795. }
  796.  
  797. /* ajax error row */
  798. .tablesorter .tablesorter-errorRow td {
  799.     text-align: center;
  800.     cursor: pointer;
  801.     background-color: #e6bf99;
  802. }
  803.  
  804. .wrapper {
  805.   position: relative;
  806.   padding: 0 5px;
  807.   height: 350px;
  808.   overflow-y: auto;
  809.   flex: 1;
  810. }
  811.  
  812. textarea {
  813.     resize: none;
  814. }
  815.  
  816. .messages-wrapper {
  817.   padding-top: 10px;
  818.   position: relative;
  819. }
  820. .message {
  821.     border-radius: 10px 10px 10px 10px;
  822.     margin: 0 15px 10px;
  823.     padding: 5px 10px;
  824.     position: relative;
  825. }
  826.  
  827. .message2 {
  828.     border-radius: 10px 10px 10px 10px;
  829.     margin: 0 10px 5px;
  830.     padding: 2.5px 5px;
  831.     position: relative;
  832. }
  833.  
  834. .message.to {
  835.     background-color: #2095FE;
  836.     color: #fff;
  837.     margin-left: 80px;
  838. }
  839. .message.from {
  840.     background-color: #E5E4E9;
  841.     color: #363636;
  842.     margin-right: 80px;
  843. }
  844.  
  845. .message2.to2 {
  846.     background-color: #2095FE;
  847.     color: #fff;
  848.     margin-left: 30px;
  849. }
  850. .message2.from2 {
  851.     background-color: #E5E4E9;
  852.     color: #363636;
  853.     margin-right: 30px;
  854. }
  855.  
  856. .message.to + .message.to,
  857. .message.from + .message.from {
  858.   margin-top: -7px;
  859. }
  860. .message:before {
  861.     border-color: #2095FE;
  862.     border-radius: 50% 50% 50% 50%;
  863.     border-style: solid;
  864.     border-width: 0 20px;
  865.     bottom: 0;
  866.     clip: rect(20px, 35px, 42px, 0px);
  867.     content: " ";
  868.     height: 40px;
  869.     position: absolute;
  870.     right: -50px;
  871.     width: 30px;
  872.     z-index: -1;
  873. }
  874. .message.from:before {
  875.     border-color: #E5E4E9;
  876.     left: -50px;
  877.     transform: rotateY(180deg);
  878. }
  879.  
  880.     .alert-box {
  881.         color:#555;
  882.         border-radius:10px;
  883.         font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
  884.         padding:10px 36px;
  885.         margin:10px;
  886.     }
  887.  
  888.     .alert-box2 {
  889.         color:#555;
  890.         border-radius:10px;
  891.         font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
  892.         padding:5px 5px;
  893.         margin:10px;
  894.     }
  895.     .alert-box span {
  896.         font-weight:bold;
  897.         text-transform:uppercase;
  898.     }
  899.     .error {
  900.         background:#ffecec url('../img/notify_error.png') no-repeat 10px 50%;
  901.         border:1px solid #f5aca6;
  902.     }
  903.     .success {
  904.         background:#e9ffd9 url('../img/notify_success.png') no-repeat 10px 50%;
  905.         border:1px solid #a6ca8a;
  906.     }
  907.     .warning {
  908.         background:#fff8c4 url('../img/notify_warning.png') no-repeat 10px 50%;
  909.         border:1px solid #f2c779;
  910.     }
  911.     .notice {
  912.         background:#e3f7fc url('../img/notify_notice.png') no-repeat 10px 50%;
  913.         border:1px solid #8ed9f6;
  914.     }
  915.    
  916. @keyframes pulse {
  917.     50% { background-color: #FFE5E5 }
  918. }
  919. @keyframes pulseR {
  920.     50% { background-color: #fff2e5 }
  921. }
  922.  
  923. .navtable a
  924. {
  925.     border-radius: 2px;
  926.     background-color: #0a639d;
  927.     text-decoration: none;
  928.     color: #FFFFFF;
  929.     width: 120px;
  930.     margin-bottom:10px;
  931. }
  932.  
  933. .navtable a:hover
  934. {
  935.     border-radius: 2px;
  936.     background-color: #0a639d;
  937.     text-decoration: none;
  938.     color: #FFFFFF;
  939.     width: 120px;
  940.     margin-bottom:10px;
  941. }
  942.  
  943. #overlay {
  944.     position: absolute;
  945.     left: 0;
  946.     top: 0;
  947.     bottom: 0;
  948.     right: 0;
  949.     background: #FFFFFF;
  950.     opacity: 0.8;
  951.     filter: alpha(opacity=80);
  952. }
  953.  
  954. #loading {
  955.     width: 100px;
  956.     height: 100px;
  957.     position: absolute;
  958.     top: 50%;
  959.     left: 50%;
  960.     margin: -50px 0 0 -50px;
  961. }
  962.  
  963. .map a
  964. {  
  965.     background:transparent;
  966. }
  967.  
  968. .map a:hover
  969. {  
  970.     background:transparent;
  971. }
  972.  
  973. .controls a
  974. {
  975.     text-align:center;
  976.     display:block;
  977.     margin:10px 5px 10px 10px;
  978.     border:1px solid #0c6eb3;
  979.     box-shadow:0 1px 0 #ced0d1, 0 1px 0px #8cd1fd inset;
  980.     padding:10px;
  981.     color:#fff;
  982.     font-weight:bold;
  983.     border-radius:3px;
  984.     background: #159efd; /* Old browsers */
  985.     background: -moz-linear-gradient(top, #159efd 0%, #018ff3 100%); /* FF3.6+ */
  986.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#159efd), color-stop(100%,#018ff3)); /* Chrome,Safari4+ */
  987.     background: -webkit-linear-gradient(top, #159efd 0%,#018ff3 100%); /* Chrome10+,Safari5.1+ */
  988.     background: -o-linear-gradient(top, #159efd 0%,#018ff3 100%); /* Opera 11.10+ */
  989.     background: -ms-linear-gradient(top, #159efd 0%,#018ff3 100%); /* IE10+ */
  990.     background: linear-gradient(top, #159efd 0%,#018ff3 100%); /* W3C */
  991.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159efd', endColorstr='#018ff3',GradientType=0 ); /* IE6-9 */
  992. }
  993.  
  994. .controls a:hover
  995. {
  996.     text-align:center;
  997.     display:block;
  998.     margin:10px 5px 10px 10px;
  999.     border:1px solid #0c6eb3;
  1000.     box-shadow:0 1px 0 #ced0d1, 0 1px 0px #8cd1fd inset;
  1001.     padding:10px;
  1002.     color:#fff;
  1003.     font-weight:bold;
  1004.     border-radius:3px;
  1005.     background: #159efd; /* Old browsers */
  1006.     background: -moz-linear-gradient(top, #159efd 0%, #018ff3 100%); /* FF3.6+ */
  1007.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#159efd), color-stop(100%,#018ff3)); /* Chrome,Safari4+ */
  1008.     background: -webkit-linear-gradient(top, #159efd 0%,#018ff3 100%); /* Chrome10+,Safari5.1+ */
  1009.     background: -o-linear-gradient(top, #159efd 0%,#018ff3 100%); /* Opera 11.10+ */
  1010.     background: -ms-linear-gradient(top, #159efd 0%,#018ff3 100%); /* IE10+ */
  1011.     background: linear-gradient(top, #159efd 0%,#018ff3 100%); /* W3C */
  1012.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159efd', endColorstr='#018ff3',GradientType=0 ); /* IE6-9 */
  1013. }
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!