bfocht

Domain Search Modal CSS

Dec 16th, 2017
350
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.02 KB | None | 0 0
  1. /**-------------------
  2.  *SEARCH POPUP
  3.  *--------------------**/
  4.  
  5. #blackout {
  6.     width: 100%;
  7.     height: 100%;
  8.     background-color: rgba(0, 0, 0, .75);
  9.     z-index: 9999;
  10.     position: fixed;
  11.     top: 0;
  12.     display: none;
  13. }
  14. #closePop {
  15.     float: right;
  16.     height: 25px;
  17.     width: 25px;
  18.     position: absolute;
  19.     right: 0px;
  20.     top: 0px;
  21.     color: red;
  22.     font-size: 25px;
  23.     cursor: pointer;
  24. }
  25. #popResults {
  26.     width: 60vw;
  27.     height: auto;
  28.     position: fixed;
  29.     top: 180px;
  30.     left: 20vw;
  31.     background-color: rgba(255, 255, 255, 0.75);
  32.     z-index: 99999;
  33.     padding: 20px;
  34.     min-width: 345px;
  35.     display: none;
  36. }
  37. #popResults .domain-result {
  38.     border: 1px solid #e8e8e8;
  39.     float: left;
  40.     min-width: 290px;
  41.     padding: 10px 20px 10px 15px;
  42.     vertical-align: middle;
  43.     width: 99%;
  44. }
  45. #popResults .rstore-exact-domain-list .domain-result {
  46.     margin-bottom: 15px;
  47.     border: 3px solid #e8e8e8;
  48. }
  49. #popResults .rstore-exact-domain-list p.available,
  50. #popResults .rstore-exact-domain-list p.not-available {
  51.     font-weight: bold;
  52.     font-size: 1.2em;
  53.     margin: 10px 0 15px;
  54. }
  55. #popResults .domain-name {
  56.     display: inline-block;
  57.     vertical-align: middle;
  58.     vertical-align: -webkit-baseline-middle;
  59.     word-break: break-word;
  60.     padding: 10px 0;
  61. }
  62. #popResults .rstore-domain-continue-button {
  63.     display: block;
  64.     float: right;
  65.     margin: 5px 0 5px 0;
  66. }
  67. #popResults .purchase-info {
  68.     display: block;
  69.     float: right;
  70. }
  71. #popResults .pricing {
  72.     display: inline-block;
  73.     margin-left: 10px;
  74.     text-align: right;
  75.     vertical-align: middle;
  76. }
  77. #popResults .listPrice {
  78.     margin-right: 7px;
  79. }
  80. #popResults .rstore-domain-buy-button {
  81.     margin-left: 10px;
  82. }
  83. #popResults .rstore-disclaimer {
  84.     clear: both;
  85. }
  86. #popResults .rstore-disclaimer pre {
  87.     font-family: sans-serif;
  88.     background: none;
  89.     border: none;
  90.     font-size: 10px;
  91.     font-weight: 100;
  92.     margin: 0px;
  93.     padding: 0px;
  94.     white-space: pre-wrap;
  95. }
Advertisement
Add Comment
Please, Sign In to add comment