Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

Untitled

a guest Dec 6th, 2018 87 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. /* reset browser styles */
  2. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
  3. table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
  4. figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
  5. time, mark, audio, video {
  6.     margin: 0;
  7.     padding: 0;
  8.     border: 0;
  9.     font-size: 100%;
  10.     vertical-align: baseline;
  11. }
  12. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  13.     display: block;
  14. }
  15. body {
  16.     line-height: 1.2;
  17.     background-color: rgb(254,250,246);
  18. }
  19. table {
  20.     border-collapse: collapse;
  21.     border-spacing: 0;
  22. }
  23. ol {
  24.     padding-left: 1.4em;
  25.     list-style: decimal;
  26. }
  27. ul {
  28.     padding-left: 1.4em;
  29.     list-style: square;
  30. }
  31. blockquote, q {
  32.     quotes: none;
  33. }
  34. blockquote:before, blockquote:after,
  35. q:before, q:after {
  36.     content: '';
  37.     content: none;
  38. }
  39. /* end reset browser styles */
  40.  
  41. /* @font-face */
  42. /* Regular */
  43. @font-face {
  44.     font-family: 'League Gothic';
  45.     src: url('leaguegothic-regular-webfont.eot');
  46.     src: url('leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
  47.     url('leaguegothic-regular-webfont.woff') format('woff'),
  48.     url('leaguegothic-regular-webfont.ttf') format('truetype'),
  49.     url('leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
  50.     font-weight: normal;
  51.     font-style: normal;
  52. }
  53. /* Italic */
  54. @font-face {
  55.     font-family: 'League Gothic';
  56.     src: url('leaguegothic-italic-webfont.eot');
  57.     src: url('leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
  58.     url('leaguegothic-italic-webfont.woff') format('woff'),
  59.     url('leaguegothic-italic-webfont.ttf') format('truetype'),
  60.     url('leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
  61.     font-weight: normal;
  62.     font-style: italic;
  63. }
  64. @font-face {
  65.     font-family: 'ColaborateThinRegular';
  66.     src: url('ColabThi-webfont.eot');
  67.     src: url('ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
  68.     url('ColabThi-webfont.woff') format('woff'),
  69.     url('ColabThi-webfont.ttf') format('truetype'),
  70.     url('ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
  71.     font-weight: normal;
  72.     font-style: normal;
  73. }
  74. @font-face {
  75.     font-family: 'ColaborateLightRegular';
  76.     src: url('ColabLig-webfont.eot');
  77.     src: url('ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
  78.     url('ColabLig-webfont.woff') format('woff'),
  79.     url('ColabLig-webfont.ttf') format('truetype'),
  80.     url('ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
  81.     font-weight: normal;
  82.     font-style: normal;
  83.  
  84. }
  85. @font-face {
  86.     font-family: 'ColaborateRegular';
  87.     src: url('ColabReg-webfont.eot');
  88.     src: url('ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
  89.     url('ColabReg-webfont.woff') format('woff'),
  90.     url('ColabReg-webfont.ttf') format('truetype'),
  91.     url('ColabReg-webfont.svg#ColaborateRegular') format('svg');
  92.     font-weight: normal;
  93.     font-style: normal;
  94.  
  95. }
  96.  
  97. @font-face {
  98.     font-family: 'ColaborateMediumRegular';
  99.     src: url('ColabMed-webfont.eot');
  100.     src: url('ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
  101.     url('ColabMed-webfont.woff') format('woff'),
  102.     url('ColabMed-webfont.ttf') format('truetype'),
  103.     url('ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
  104.     font-weight: normal;
  105.     font-style: normal;
  106.  
  107. }
  108.  
  109. @font-face {
  110.     font-family: 'ColaborateBoldRegular';
  111.     src: url('ColabBol-webfont.eot');
  112.     src: url('ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
  113.     url('ColabBol-webfont.woff') format('woff'),
  114.     url('ColabBol-webfont.ttf') format('truetype'),
  115.     url('ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
  116.     font-weight: normal;
  117.     font-style: normal;
  118.  
  119. }
  120.  
  121. @font-face {
  122.     font-family: 'Inconsolata';
  123.     src: url('Inconsolata-webfont.eot');
  124.     src: url('Inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
  125.     url('Inconsolata-webfont.woff') format('woff'),
  126.     url('Inconsolata-webfont.ttf') format('truetype'),
  127.     url('Inconsolata-webfont.svg#InconsolataMedium') format('svg');
  128.     font-weight: normal;
  129.     font-style: normal;
  130.  
  131. }
  132.  
  133. /* utilities */
  134.  
  135. /* box-sizine */
  136. *, *:before, *:after {
  137.     -webkit-box-sizing: border-box;
  138.     -moz-box-sizing: border-box;
  139.     box-sizing: border-box;
  140. }
  141.  
  142. .clear:after {
  143.     content: "."; display: block; height: 0; clear: both; visibility: hidden;
  144. }
  145.  
  146. .clear {
  147.     min-height: 1px;
  148. }
  149.  
  150. * html .clear {
  151.     height: 1px;
  152. }
  153.  
  154. h1 {
  155.     font-family: /*'League Gothic',*/ Tahoma, Arial, sans-serif;
  156.     font-weight: normal;
  157. }
  158.  
  159. h2 {
  160.     font-family: /*'ColaborateMediumRegular',*/  Arial, sans-serif;
  161.     font-weight: normal;
  162.     margin-bottom: 5px;
  163.     font-size: 20px;
  164. }
  165.  
  166.  
  167. header {
  168.     position: fixed;
  169.     top: 0;
  170.     vertical-align: middle;
  171.     width: 100%;
  172.     background-color: rgb(27,45,94);
  173.     padding: 10px 0 5px 0;
  174.     text-align: center;
  175.     color: rgb(255,255,255);
  176.     text-shadow: 2px 2px 1px rgba(255,255,255,.5);
  177.     font: normal 26px Georgia, sans-serif; /* 'League Gothic',  */
  178.     letter-spacing: 2px;
  179. }
  180.  
  181. header .amp {
  182.     font-size: 20px;
  183. }
  184.  
  185. .wrapper {
  186.     margin-top: 100px;
  187. }
  188.  
  189. .main {
  190.     padding-bottom: 1em;
  191.     border-bottom: solid 1px rgba(255,255,255,.5);
  192. }
  193.  
  194. .main h1 {
  195.     font-size: 32px;
  196.     color: rgb(100,100,100);
  197.     text-shadow: 1px 1px 1px rgb(255,255,255);
  198.     border-bottom: solid 1px rgb(100,100,100);
  199.     margin-bottom: 0.5em;
  200. }
  201.  
  202. .content {
  203.     max-width: 760px;
  204.     margin: 0 auto;
  205.     position: relative;
  206. }
  207.  
  208. footer {
  209.     position: fixed;
  210.     bottom: 0;
  211.     left: 0;
  212.     width: 100%;
  213.     background-color: rgb(27,45,94);
  214. }
  215.  
  216. footer p {
  217.     text-align: center;
  218.     font-size: 12px;
  219.     font-family: Arial, sans-serif; /*'ColaborateLightRegular',*/
  220.     padding: .5em .25em .5em 1em;
  221.     color:rgb(255,255,255);
  222.     margin: 0;
  223. }
  224.  
  225. footer a {
  226.     color: rgb(200,200,200);
  227. }
  228.  
  229. p , li, legend , form{
  230.     font-size: 14px;
  231.     color: rgb(100,100,100);
  232.     font-family: Tahoma, Arial, sans-serif; /*'ColaborateLightRegular',*/
  233.     line-height: 125%;
  234.     margin-bottom: 10px;
  235. }
  236.  
  237. fieldset {
  238.     padding: 10px;
  239.     border: 1px solid #888;
  240.     margin: 25px 0;
  241. }
  242.  
  243. .nav {
  244.     margin: 10px 0 0 100px;
  245. }
  246.  
  247. .nav li {
  248.     display: inline-block;
  249. }
  250.  
  251. .nav a, .example {
  252.     display: inline-block;
  253.     font-family:  Arial, sans-serif; /*'ColaborateLightRegular',*/
  254.     font-size: 12px;
  255.     color: rgb(100,100,100);
  256.     text-decoration: none;
  257.     border-radius: 0.25em;
  258.     padding: .25em .5em;
  259.     background-color: rgba(255,211,224,.5);
  260.     -webkit-transition: all .25s ease-in;
  261.     -moz-transition: all .25s ease-in;
  262.     -o-transition: all .25s ease-in;
  263.     transition: all .25s ease-in;
  264.     cursor: pointer;
  265. }
  266.  
  267. .nav a:hover, .example:hover{
  268.     background-color: rgba(255,255,255,.85);
  269.     color: rgb(0,0,0);
  270. }
  271.  
  272.  
  273. #resources {
  274.     background-color: rgba(100,100,100,0.95);
  275.     padding: 0em 1em 1em .75em;
  276.     position: absolute;
  277.     top: 10em;
  278.     left: -29em;
  279.     width: 30em;
  280.     border-radius: 0 0 .5em 0;
  281.     display: none;
  282. }
  283.  
  284. #resources .open {
  285.     position: absolute;
  286.     width: 20px;
  287.     height: 20px;
  288.     right: -20px;
  289.     top: -20px;
  290.     background-color: rgba(100,100,100,0.8);
  291.     border-radius: .5em 0;
  292.     text-align: center;
  293.     font-family: /*'ColaborateBoldRegular',*/ Arial, sans-serif;
  294.     cursor: pointer;
  295.     color: rgb(255,255,255);
  296.     line-height: 100%;
  297. }
  298.  
  299. #resources h2 {
  300.     font-family: /*'ColaborateBoldRegular',*/ Tahoma, Arial, sans-serif;
  301.     font-size:18px;
  302.     text-transform:uppercase;
  303.     color: rgb(255,255,255);
  304.     margin-top: 1em;
  305.     text-shadow: none;
  306. }
  307.  
  308. #resources h3 {
  309.     font-family: /*'ColaborateMediumRegular',*/ Arial, sans-serif;
  310.     font-size: 14px;
  311.     color: rgba(0,0,0,.8);
  312.     margin-top: 8px;
  313. }
  314.  
  315. #resources ul {
  316.     margin: 5px 0 0 0;
  317. }
  318.  
  319. #resources .nav a {
  320.     color: rgb(255,255,255);
  321. }
  322. .resourceList > li {
  323.     display: inline-block;
  324.     padding: .5em 1em;
  325.     border-radius: 0.25em;
  326.     background-color: rgba(119,104,74, .5);
  327.     font-family: /*'ColaborateRegular',*/ Arial, sans-serif;
  328.     font-size: 12px;
  329.     color: rgb(255,255,255);
  330.     margin-bottom: 5px;
  331. }
  332.  
  333.  
  334.  
  335. .example, code {
  336.     font-family: /*'Inconsolata',*/ Courier, monospaced;
  337.     font-size: 16px;
  338.     color: rgb(100,100,100);
  339. }
  340.  
  341. .results {
  342.     border-radius: 10px;
  343.     background-color: rgba(214,223,226,.5);
  344.     padding: 1em;
  345.     margin-bottom: 1em;
  346.     overflow: hidden;
  347. }
  348.  
  349. .results strong {
  350.     font-family: /*'ColaborateRegular',*/ Arial, sans-serif;
  351.     color: rgb(100,100,100);
  352. }
  353. .results .found {
  354.     color: rgb(255,0,0);
  355. }
  356.  
  357. .unit {
  358.     display: inline-block;
  359.     width: 45%;
  360. }
  361. .results div {
  362.     padding-bottom: 10px;
  363. }
  364. .results div code {
  365.     float: right;
  366.     width: 60%;
  367. }
  368.  
  369. input {
  370.     font-size: 20px;
  371.     color: blue;
  372. }
  373. .found {
  374.     color: rgba(255,0,0,1);
  375. }
  376. form .wide {
  377.     font-size: 18px;
  378.     width: 100%;
  379. }
  380. .resultSection {
  381.     float: right;
  382.     width: 40%;
  383.     margin-left: 20px;
  384. }
  385. #regexTester {
  386.     margin-right: 45%;
  387. }
  388. .sideBySide li {
  389.     float: left;
  390.     overflow: hidden;
  391.     width: 220px;
  392. }
  393. .clickable {
  394.     cursor:pointer;
  395.     margin-bottom: 5px;
  396. }
  397.  
  398. .clickable:hover {
  399.     background-color:#FFC;
  400. }
  401.  
  402. .highlighted {
  403.     position: absolute;
  404.     background-color: transparent;
  405.     opacity: 0.5;
  406.     filter: alpha(opacity=50);
  407.     border:1px solid white;
  408.     z-index: 100;
  409. }
  410.  
  411. .sm .highlighted {
  412.     opacity: 1;
  413.     border: none !important;
  414. }
  415. .pq {
  416. color:green;
  417.  
  418. }
  419. .pullquote {
  420.     float: right;
  421.     clear: right;
  422.     width: 200px;
  423.     padding: 10px;
  424.     font-size: 20px;
  425.     background-color: rgba(255, 211, 224, 0.5);
  426.     border-radius: 10px;
  427.     margin: 20px 0 10px 10px;
  428.     font-style: italic;
  429. }
  430.  
  431.  
  432. .badge {
  433.     position: absolute;
  434.     margin-top: -10px;
  435.     z-index:50;
  436.     font-family: Arial, Courier, monospaced;
  437.     font-size:14px;
  438.     font-weight:bold;
  439.     padding: 5px;
  440.     color: black !important;
  441.     background-color: #3FF;
  442.     border: 1px black solid;
  443.     opacity: 0.6;
  444.     filter: alpha(opacity=60);
  445. }
  446.  
  447. .col1 {
  448.     float: left;
  449.     width: 75%;
  450. }
  451. .col2 {
  452.     float: right;
  453.     width: 20%;
  454. }
  455.  
  456. .col2 ul {
  457.     margin-left: 20px;
  458.     list-style: square;
  459. }
  460. .col2 li {
  461.     font-size: 90%;
  462. }
  463.  
  464.  
  465. #selectorList {
  466.     overflow: hidden;
  467. }
  468. #selector {
  469.     width: 275px;
  470. }
  471. #bib {
  472.     padding: 15px;
  473.     border: 1px dotted #FFF;
  474.     font-size: 80%;
  475.     margin-top: 25px;
  476.     background-color: rgba(214,223,226,.5);
  477.     border-radius: 10px;
  478. }
  479.  
  480. #gallery img {
  481.     display: inline-block;
  482.     margin: 0 0 10px 0;
  483.     border: 1px solid rgb(0,0,0);
  484. }
  485.  
  486. form#order div, form#signup div{
  487.     padding-bottom: 10px;
  488. }
  489.  
  490. form#order .label, form#signup .label {
  491.     display: block;
  492.     clear: left;
  493.     float: left;
  494.     width: 175px;
  495.     text-align: right;
  496.     padding: 7px 15px 0 0;
  497.     text-transform: uppercase;
  498.     font-weight: bold;
  499. }
  500.  
  501. form#signup .label {
  502.     width: 200px;
  503. }
  504.  
  505. .labelBlock {
  506.     text-transform: uppercase;
  507.     font-weight: bold;
  508.     display: block;
  509.     padding-bottom: 0 !important;
  510.     clear: both;
  511.     margin-top: 10px;
  512. }
  513.  
  514. form#order select, form#signup select {
  515.     display: inline-block;
  516.     margin-top: 8px;
  517. }
  518.  
  519. form#order input[type="radio"], form#signup input[type="radio"], form#signup input[type="checkbox"] {
  520.     display: inline-block;
  521.     margin-top: 10px;
  522. }
  523.  
  524. form .indent, #submit {
  525.     margin-left: 215px;
  526. }
  527. #console label {
  528.     float: left;
  529.     width: 100px;
  530. }
  531. .clearLeft {
  532.     clear: left;
  533. }
  534. .imgRight {
  535.     float: right;
  536.     margin-bottom: 5px;
  537.     margin-left: 5px;
  538. }
  539. .imgLeft {
  540.     float: left;
  541.     margin-bottom: 5px;
  542.     margin-right: 5px;
  543. }
  544.  
  545. #signup .indent label.error {
  546.     margin-left: 0;
  547. }
  548.  
  549. #events body {
  550.     -webkit-user-select: none;
  551.     -moz-user-select: none;
  552.     -ms-user-select: none;
  553.     user-select: none;
  554. }
  555. #events fieldset {
  556.     border: 1px solid black;
  557. }
  558.  
  559. #events legend {
  560.     font: 150% Tahoma;
  561. }
  562.  
  563. .row p {
  564.     float: left;
  565.     width: 25%;
  566.     margin-right: 5%;
  567.     font-weight: bold;
  568.     color: red;
  569. }
  570. .row p img {
  571.     max-width: 100%;
  572.     border: 1px solid black;
  573. }
  574. .row button {
  575.     font-weight: bold;
  576.     color: red;
  577.     font-size: 1em;
  578. }
  579.  
  580. #accordion h2 {
  581.     font-weight: normal;
  582. }
RAW Paste Data
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
 
Top