Guest User

Untitled

a guest
Oct 15th, 2018
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.84 KB | None | 0 0
  1.  
  2.  
  3. body{
  4. font-family: "Verdana";
  5. font-size: 12px;
  6. }
  7.  
  8. .headline{
  9. font-size: 14pt;
  10. padding: 0px;
  11. }
  12.  
  13. /*
  14. GLOBAL
  15. */
  16. .innerBody{
  17. position: relative;
  18. height: 100%;
  19. width: 100%;
  20. }
  21.  
  22. /* IMAGE TILE 1T */
  23.  
  24. .imageTile1W{
  25. position: relative;
  26. display: block;
  27. width: 200px;
  28. height: 200px;
  29. background-color: #f3f3f3;
  30. }
  31. .imageContainer1W{
  32. width: 100%;
  33. height: 100%;
  34. overflow: hidden;
  35. }
  36.  
  37. /* IMAGE TILE 2T */
  38. .imageTile2T{
  39. position: relative;
  40. display: block;
  41. width: 200px;
  42. height: 400px;
  43. background-color: #f3f3f3;
  44. }
  45. .imageContainer2T{
  46. width: 100%;
  47. height: 100%;
  48. overflow: hidden;
  49. }
  50.  
  51.  
  52. /* IMAGE TILE 2W */
  53. .imageTile2W{
  54. position: relative;
  55. display: block;
  56. width: 400px;
  57. height: 200px;
  58. background-color: #f3f3f3;
  59. }
  60. .imageContainer2W{
  61. width: 100%;
  62. height: 100%;
  63. overflow: hidden;
  64. }
  65.  
  66. /* IMAGE TILE 3W */
  67. .imageTile3W{
  68. position: relative;
  69. display: block;
  70. width:600px;
  71. height: 200px;
  72. background-color: #f3f3f3;
  73. }
  74. .imageContainer3W{
  75. width: 100%;
  76. height: 100%;
  77. overflow: hidden;
  78. }
  79.  
  80.  
  81. /* IMAGE TILE 2T2W */
  82.  
  83. .imageTile2T2W{
  84. position: relative;
  85. display: block;
  86. width: 400px;
  87. height: 400px;
  88. background-color: #f3f3f3;
  89. }
  90. .imageContainer2T2W{
  91. width: 100%;
  92. height: 100%;
  93. overflow: hidden;
  94. }
  95.  
  96.  
  97. /* IMAGE TILE 2T3W */
  98.  
  99. .imageTile2T3W{
  100. position: relative;
  101. display: block;
  102. width: 600px;
  103. height: 400px;
  104. background-color: #f3f3f3;
  105. }
  106. .imageContainer2T3W{
  107. width: 100%;
  108. height: 100%;
  109. overflow: hidden;
  110. }
  111.  
  112.  
  113. /*
  114. * Content Positions
  115. */
  116.  
  117. .content-panel-N{
  118. position: absolute;
  119. top: 0px;
  120. max-height: 30%;
  121.  
  122. padding: 10px;
  123. overflow: hidden;
  124. }
  125.  
  126. .content-panel-S{
  127. position: absolute;
  128. bottom: 0px;
  129. max-height: 30%;
  130.  
  131. padding: 10px;
  132. overflow: hidden;
  133. }
  134.  
  135. .content-panel-W{
  136. position: absolute;
  137. width: 30%;
  138. height: 100%;
  139.  
  140. padding: 10px;
  141. overflow: hidden;
  142. }
  143.  
  144. .content-panel-E{
  145. position: absolute;
  146. right: 0px;
  147. width: 30%;
  148. height: 100%;
  149.  
  150. padding: 10px;
  151. overflow: hidden;
  152. }
  153.  
  154. .content-box-SE{
  155. position: absolute;
  156. right: 0px;
  157. bottom: 0px;
  158. width: 55%;
  159. max-height: 40%;
  160.  
  161. margin: 10px;
  162. padding: 10px;
  163. overflow: hidden;
  164. }
  165.  
  166. .content-box-SW{
  167. position: absolute;
  168. left: 0px;
  169. bottom: 0px;
  170. width: 55%;
  171. max-height: 40%;
  172.  
  173. margin: 10px;
  174. padding: 10px;
  175. overflow: hidden;
  176. }
  177.  
  178. .content-box-S{
  179. position: absolute;
  180. left: 0px;
  181. bottom: 0px;
  182. max-height: 25%;
  183.  
  184. margin: 10px;
  185. padding: 10px;
  186. overflow: hidden;
  187. }
  188.  
  189.  
  190.  
  191.  
  192. /*
  193. * Colors & Styles
  194. */
  195. .light{
  196. color: #000;
  197. background-color: rgba(255,255,255,0.7);
  198. }
  199. .dark{
  200. color: #f3f3f3;
  201. background-color: rgba(0,0,0,0.7);
  202. }
  203.  
  204.  
  205. .clipVertical{
  206. /* how can this automatically
  207. center the image */
  208. margin-top: 0%;
  209. margin-left: 0px;
  210. margin-right: 0px;
  211. margin-bottom: 0px;
  212. width: 100%;
  213. }
  214.  
  215. .clipHorizontal{
  216. margin-top: 0px;
  217. margin-left: 0%;
  218. margin-right: 0px;
  219. margin-bottom: 0px;
  220. height: 100%;
  221. }
  222.  
  223.  
  224. .hide{ display: none;}
Add Comment
Please, Sign In to add comment