CSS 87
Mybox.css Guest on 5th May 2020 12:22:10 PM
  1. /* Mybox Styles - many settings shouldn't be edited, see comments.
  2.    SETTINGS HERE THAT HAVE A COUNTERPART IN mybox_ie.css MAY NEED
  3.    TO BE ADJUSTED THERE AS WELL TO WORK IN IE, ESPECIALLY in IE 6 AND EARLIER */
  4.  
  5. body { /* Recommended for a nice 'full page' look */
  6. margin:0;
  7. padding:0;
  8. }
  9. #theolay { /* Styles for the overlay, shouldn't be edited except for background-color, opacity, and possibly (with care) z-index */
  10. top:0;
  11. left:0;
  12. position:absolute;
  13. width:0px;
  14. height:0px;
  15. background-color:#000000;
  16. opacity:0.75; /* Adjusting the opacity here will not affect IE, adjust the alpha filter in mybox_ie.css as well */
  17. display:none;
  18. z-index:90;
  19. }
  20. #thebox, #loading { /* Styles for the box & loading elements, shouldn't be edited except as noted */
  21. position:absolute;
  22. width:auto;
  23. height:auto;
  24. top:20px;
  25. left:20px;
  26. display:none;
  27. background-color:#dddddd; /* adjustable */
  28. color:#fff; /* adjustable */
  29. border:1em solid #333333; /* adjustable - will affect how the close and captions look (the box border is their background) */
  30. border-top-width:2em; /* adjustable */
  31. z-index:1000; /* adjustable, with care */
  32. }
  33. .boximage, .id, #loading div { /* These styles will be applied to the content as a sort of frame within the box (except iframe content) */
  34. padding:1em 1ex 1ex 1ex;       /* For iframe 'styling' use iframe link's rev attribute to set an iframe's attributes */
  35. border-top:2px solid #666666;
  36. border-right:2px solid #ffffff;
  37. border-bottom:2px solid #ffffff;
  38. border-left:2px solid #666666;
  39. }
  40. .boximage { /* No padding for an image as sole content of the box (image method) - adjustable */
  41. padding:0;
  42. display:block; /* Required in some browsers if a strict DOCTYPE is used */
  43. }
  44. #loading div { /* The loading element needs a little layout, edit with care */
  45. padding-top:2em;
  46. width:240px;
  47. height:40px;
  48. text-indent:1em;
  49. }
  50. #loading {
  51. z-index:95;
  52. background:#dddddd url(loading.gif) center no-repeat; /* Configures loading image, which is also preloaded
  53. in the script. If you want to use another image, name it loading.gif and place it in the css folder. */
  54. }
  55. #thebox.text { /* Added style to the box when displaying text or text and image(s) */
  56. min-width:250px;
  57. min-height:50px;
  58. }
  59. #thebox.cap { /* Added style to the box when displaying caption */
  60. border-bottom-width:.5ex;
  61. }
  62. #thebox.plain {  /* Added style to the box when using iframe method - other characteristics for iframe are set in the calling link */
  63. background-color:#ffffff;
  64. }
  65.  
  66. /* The remainder of the styles affect the close link and (if used) caption.
  67.    Other than colors, adjust with care.  Some changes here may need
  68.    to be reflected in mybox_ie.css to affect IE 6 and earlier */
  69.  
  70.  
  71. .close div {
  72. padding-bottom:1ex;
  73. color:#2D7F00; /* Color of caption text */
  74. }
  75. .close#cap {
  76. padding-top:1ex; /* Pushes caption text down slightly */
  77. background-color:#D0E47E; /* Background color of caption text - should be the same as the box's border color */
  78. }
  79. .close a {
  80. font-family:sans-serif;
  81. position:absolute;
  82. text-decoration:none;
  83. right:0;
  84. top:-3.5ex;
  85. color:#fff; /* Color of text for the word CLOSE in the close link of the box (resting state) */
  86. letter-spacing:-1px;
  87. }
  88. .close a:hover {
  89. color:#ccc; /* Color of text for the word CLOSE in the close link of the box (hover state) */
  90. font-weight:bold; /* This style disabled in the script for several browsers */
  91. }
  92. .close a span {
  93. font-weight:bold;
  94. font-size:140%;
  95. color:white; /* Color of text for the X in the close link of the box (resting state) */
  96. }
  97.  
  98. /* End Mybox Styles */

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.