Advertisement
Guest User

Untitled

a guest
Apr 26th, 2017
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.57 KB | None | 0 0
  1. .popup_block{
  2. display:none;
  3. background-image: url();
  4. background-repeat: no-repeat;
  5. background-color:#000000;
  6. padding:20px;
  7. border:1px solid #232323;
  8. position:fixed;
  9. width:400px;
  10. height:400px;
  11. top:50%;left:50%;
  12. z-index: 99999;
  13.  
  14. overflow-y:scroll;
  15. overflow-x:hidden;}
  16.  
  17. *html #fade {position: absolute;}
  18. *html .popup_block {position: absolute;}
  19. #fade {
  20. display:none;
  21. background-repeat: no-repeat;
  22. position:fixed;
  23. left:0px;
  24. top:0px;
  25. width:100%;
  26. height:90%;
  27. z-index:9999;
  28. background:#000; /* change to #fff for solid white */
  29. opacity:.8; /* change to opacity:1; */
  30. }
  31.  
  32. #conteee {
  33. left:50%;
  34. height:200px;
  35. width: 100px;
  36. position: fixed;
  37. margin-left:40px;
  38. margin-top:20px;
  39. overflow: auto;
  40. z-index:5;
  41. box-shadow: 1px 1px 3px #000000;
  42. }
  43.  
  44.  
  45.  
  46.  
  47. *html #fade {
  48. position: absolute;
  49. }
  50.  
  51. *html .askpopup_block {
  52. position: absolute;
  53. }
  54.  
  55. #fade {
  56. display:none;
  57. position:fixed;
  58. left:0px;
  59. top:0px;
  60. width:100%;
  61. height:100%;
  62. z-index:9999;}
  63.  
  64. #popuptitle {
  65. width:400px;
  66. text-align:center;
  67. font-family:Calibri;
  68. text-transform:uppercase;
  69. font-size:15px;
  70. margin-bottom:15px;
  71. color:#b9b7b2;
  72. font-style:normal;}
  73.  
  74. #popuptext {
  75. width:400px;
  76. height:350px;
  77. margin-left:1px;
  78. margin-bottom:2px;
  79. font-family:calibri;
  80. font-size:10px;
  81. text-align:justify;}
  82.  
  83. #poplinks a {
  84. display:block;
  85. font-size:9px;
  86. text-align:center;
  87. margin-top:8px;
  88. padding:2px;
  89. letter-spacing:1px;
  90. border:1px solid #fff;
  91. color:#fff;
  92. width:290px;
  93. -webkit-transition: all .8s ease-in-out;
  94. -moz-transition: all .8s ease-in-out;
  95. -ms-transition: all .8s ease-in-out;
  96. -o-transition: all .8s ease-in-out;
  97. transition: all .8s ease-in-out;}
  98.  
  99. #poplinks a:hover {
  100. border:1px solid #fff;
  101. box-shadow:inset 500px 0 0 #fff;
  102. color:#000;
  103. -webkit-transition: all .8s ease-in-out;
  104. -moz-transition: all .8s ease-in-out;
  105. -ms-transition: all .8s ease-in-out;
  106. -o-transition: all .8s ease-in-out;
  107. transition: all .8s ease-in-out;}
  108.  
  109. #headerbar{
  110. left:10%;
  111. margin-left:1px; /*– FOR PLACING –*/
  112. margin-top:10px; /*– FOR PLACING –*/
  113. width:390px; /*– SETS WIDTH OF YOUR TEXT –*/
  114. overflow:scroll;
  115. text-align:center;
  116. color:#000000;
  117. font-family:calibri;
  118. font-size:12px;
  119. }
  120.  
  121. #tabbar{
  122. left:10%;
  123. top:50%;
  124. margin-left:1px; /*– FOR PLACING –*/
  125. margin-top:10px; /*– FOR PLACING –*/
  126. width:390px; /*– SETS WIDTH OF YOUR TEXT –*/
  127. height:400px; /*– SETS HEIGHT OF YOUR TEXT –*/
  128. overflow:scroll;
  129. text-align:justify;
  130. color:#ffffff;
  131. font-family:calibri;
  132. font-size:10px;
  133. }
  134.  
  135. ul#tabs {text-align:center;}
  136. ul#tabs li { /*– YOUR INACTIVE / NOT VIEWED TABS –*/
  137. DISPLAY:INLINE-BLOCK;
  138. PADDING:2px;
  139. CURSOR:POINTER;
  140. text-decoration:none;
  141. opacity:1;
  142. color:#847f7f;
  143. }
  144.  
  145. ul#tabs li.active { /*– YOUR ACTIVE TAB –*/
  146. background-color:#000000;
  147. color:#650d0a;
  148. -webkit-transition:
  149. ALL 0.5s EASE-OUT;
  150. -moz-transition: ALL 0.5s EASE-OUT;
  151. TRANSITION: ALL 0.5s EASE-OUT;
  152. }
  153.  
  154. ul#tab, ul#tabs{LIST-STYLE-TYPE:NONE;MARGIN:0px;PADDING:0px;}
  155. ul#tab li.active {DISPLAY:BLOCK;}
  156. ul#tab li {DISPLAY:NONE;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement