Advertisement
tragical

Dory > Showroom Layout

Dec 20th, 2013
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.15 KB | None | 0 0
  1. <style type="text/css">
  2. #header, #search, #main-navbar, #sidebar, #sidetabs, #alerts, #navigation, #chatroom_mini,#chatroom, #footer_bg, #breadcrumbs, #footer_bg, .wrapper{display: none;}div.wraper{ background:none;}
  3.  
  4. form{
  5. border-bottom:1px dotted #fff;
  6. padding:5px;
  7. font-variant:small-caps;
  8. font-weight:bold;
  9. color:#fff;
  10. }
  11.  
  12. select{
  13. text-transform:lowercase;
  14. }
  15.  
  16.  
  17.  
  18. a, a:visited{
  19. color:#fff;
  20. -webkit-transition: all 1s ease;
  21. -moz-transition: all 1s ease;
  22. -ms-transition: all 1s ease;
  23. -o-transition: all 1s ease;
  24. transition: all 1s ease;
  25. font-variant:small-caps;
  26. }
  27.  
  28. a:hover{
  29. color:#fff;
  30. background-color:#A4CBEA;
  31. text-decoration:none;
  32. }
  33.  
  34. #cont-div{
  35. z-index:-9999;
  36. position:fixed;
  37. width:250px;
  38. height:350px;
  39. }
  40.  
  41. #name{
  42. font:25px Century Gothic;
  43. background:#BED3EE;
  44. text-shadow: -2px 0 #fff, 0 2px #fff,
  45. 2px 0 #fff, 0 -2px #fff;
  46. color:#A4CBEA;
  47. right:0px;
  48. position:fixed;
  49. bottom:0px;
  50. padding:10px;
  51. }
  52.  
  53. h1{
  54. display:none;
  55. }
  56.  
  57. #lb{
  58. z-index:3;
  59. height:0px;
  60. width:262px;
  61. position:fixed;
  62. bottom:52px;
  63. right:0px;
  64. background:#BED3EE;
  65. border-top-left-radius:13px;
  66. opacity:0;
  67. -webkit-transition: all 1s ease;
  68. -moz-transition: all 1s ease;
  69. -ms-transition: all 1s ease;
  70. -o-transition: all 1s ease;
  71. transition: all 1s ease;
  72. }
  73.  
  74. #lb a, a:visited{
  75. border-left:2px solid #fff;
  76. border-right:2px solid #fff;
  77. font-weight:bold;
  78. display:inline-block;
  79. width:200px;
  80. text-transform:uppercase;
  81. background-color:#A4CBEA;
  82. color:#fff;
  83. padding:5px;
  84. margin-bottom: 3px;
  85. -webkit-transition: all 1s ease;
  86. -moz-transition: all 1s ease;
  87. -ms-transition: all 1s ease;
  88. -o-transition: all 1s ease;
  89. transition: all 1s ease;
  90. }
  91.  
  92. #lb a:hover{
  93. background-color:#fff;
  94. color:#A4CBEA;
  95. text-decoration:none;
  96. border-left:6px solid #A4CBEA;
  97. border-right:6px solid #A4CBEA;
  98. }
  99.  
  100. #cont-div:hover > #lb{
  101. opacity:1;
  102. height:270px;
  103. }
  104.  
  105.  
  106.  
  107. #content{
  108. opacity:.9;
  109. top:0px;
  110. left:190px;
  111. height:100%;
  112. }
  113.  
  114. #content table{
  115. background: transparent;
  116. border: transparent;
  117. }
  118.  
  119. #content #body{
  120. background:url(http://i40.tinypic.com/14jt4xl.jpg);
  121. }
  122.  
  123. #body{
  124. }
  125.  
  126. #content td, th{
  127. border:none;
  128. }
  129.  
  130.  
  131.  
  132. body{
  133. background:url(http://www.pictureshack.us/images/85648_Konachan_com_-_94963_animal_book_fish_fuji_choko_seifuku_tagme_water.jpg);
  134. font-family: 'Century Gothic';
  135. background-repeat:no-repeat;
  136. background-position:center;
  137. background-attachment:fixed;
  138. }
  139.  
  140. #fishy{
  141. z-index:1;
  142. height:200px;
  143. width:200px;
  144. position:fixed;
  145. top:0px;
  146. right:0px;
  147. background:url(http://i39.tinypic.com/n1e3w2.png);
  148. }
  149.  
  150. </style><font color=#fff>
  151. <center>description goes here wheee ~
  152. filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text
  153. <div id="cont-div">
  154. <div id="name">β‰ˆ whale language β‰ˆ</div>
  155. <div id="lb"><br><br> <a href="">main</a>
  156. <a href="galleries">view all</a>
  157. <a href="editstock">edit stock</a>
  158. <a href="stock">stock</a>
  159. <a href="upgrade">upgrade</a>
  160. <a href="categories">manage categories</a>
  161. <a href="editgallery">edit gallery</a>
  162. <br><br><b>Coding by Owly.</b>
  163. </div>
  164. </div>
  165.  
  166. <div id="fishy"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement