Advertisement
Guest User

mlpchan monochrome no colors

a guest
Aug 10th, 2012
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.77 KB | None | 0 0
  1. @font-face {
  2. font-family:'Goudy Bookletter 1911';
  3. src: url('http://zashy.bitbucket.org/resources/font/goudy_bookletter_1911.eot');
  4. src: url('http://zashy.bitbucket.org/resources/font/goudy_bookletter_1911.eot?#iefix') format('eot'), url('http://zashy.bitbucket.org/resources/font/goudy_bookletter_1911.woff') format('woff'), url('http://zashy.bitbucket.org/resources/font/goudy_bookletter_1911.ttf') format('truetype'), url('http://zashy.bitbucket.org/resources/font/goudy_bookletter_1911.svg#FontAwesome') format('svg');
  5. font-weight: normal;
  6. font-style: normal;
  7. }
  8. body{
  9. font-family:'Goudy Bookletter 1911',arial,serif;
  10. font-size:14px;
  11. }
  12. a, a:visited, div.post.reply .body a, div.post.reply .body a:visited, #qrDisplayButton{
  13. transition:color 3s, text-shadow 1s;
  14. -webkit-transition:color 3s, text-shadow 1s;
  15. -moz-transition:color 3s, text-shadow 1s;
  16. -o-transition:color 3s, text-shadow 1s;
  17. }
  18. img{
  19. filter: gray;
  20. -webkit-filter: grayscale(1);
  21. transition:filter 1s;
  22. -webkit-transition:-webkit-filter 1s;
  23. -moz-transition:filter 1s;
  24. -o-transition:filter 1s;
  25. }
  26. img:hover, img.image-hover{
  27. filter:none;
  28. -webkit-filter: grayscale(0);
  29. }
  30. /*menu bars*/
  31. .boardlist.top{
  32. margin:0;
  33. left:0;
  34. height:5px;
  35. overflow:hidden;
  36. transition:height 1s ease-in-out, box-shadow 1s;
  37. -webkit-transition:height 1s ease-in-out, box-shadow 1s;
  38. -moz-transition:height 1s ease-in-out, box-shadow 1s;
  39. -o-transition:height 1s ease-in-out, box-shadow 1s;
  40. z-index:1;
  41. }
  42. .boardlist.top:before{
  43. position:fixed;
  44. top:0;
  45. left:0;
  46. width:100%;
  47. height:15px;
  48. content:"";
  49. z-index:-1;
  50. }
  51. .boardlist.top:after{
  52. position:absolute;
  53. top:0;
  54. left:0;
  55. width:100%;
  56. height:35px;
  57. content:"";
  58. z-index:-1;
  59. }
  60. .boardlist.top:hover{height:32px;}
  61. .boardlist.top .boardlistpart a.boardlistactive, .boardlist.top .boardlistpart a.boardlistactive:visited{
  62. padding:2px 4px;
  63. }
  64. .boardlist.top .boardlistpart a, .boardlist.top .boardlistpart a:visited{
  65. padding:2px 0;
  66. margin:0 2px;
  67. transition:padding 1s, color 1s, background-color .6s, border-top-color 1s;
  68. -webkit-transition:padding 1s, color 1s, background-color .6s, border-top-color 1s;
  69. -moz-transition:padding 1s, color 1s, background-color .6s, border-top-color 1s;
  70. -o-transition:padding 1s, color 1s, background-color .6s, border-top-color 1s;
  71. }
  72. .boardlist.top .boardlistpart a[href="/"], .boardlist.top .boardlistpart.settingsButton a{
  73. padding:2px 4px;
  74. text-transform:capitalize;
  75. }
  76. .boardlist.top .boardlistpart a:hover{
  77. padding:2px 4px;
  78. }
  79. .boardlist.bottom{font-size:12px;margin-top:40px;}
  80. .boardlist.bottom .boardlistpart:first-child, .boardlist.bottom .boardlistpart:last-child{text-transform:capitalize;}
  81. /*title*/
  82. header h1{
  83. font-size:32px;
  84. }
  85. header div.subtitle{
  86. font-size:12px;
  87. }
  88. header h1, header div.subtitle{font-family:monospace;}
  89. /*post form*/
  90. form table{border-spacing:4px;}
  91. form table tr th{
  92. padding:5px;
  93. border-radius:10px;
  94. margin:3px 0;
  95. }
  96. form table tr td{
  97. margin:3px 0;
  98. }
  99. input[type="text"], input[type="password"], textarea{
  100. vertical-align:middle;
  101. font-size:14px;
  102. font-family:'Goudy Bookletter 1911',arial,serif;
  103. transition:border-color 1s, outline-color 1s;
  104. -webkit-transition:border-color 1s, outline-color 1s;
  105. -moz-transition:border-color 1s, outline-color 1s;
  106. -o-transition:border-color 1s, outline-color 1s;
  107. width:200px;
  108. }
  109. textarea{width:300px;}
  110. input[type="text"], input[type="password"]{padding:4px 0;}
  111. /*qr box*/
  112. body>div:last-of-type{
  113. border-radius:10px;
  114. }
  115. #qrname, #qremail, #qrsubject{width:33.3%;}
  116. #qrform textarea{width:100%;}
  117. /*Settings*/
  118. #settingsScreen{
  119. padding: 2px 1px;
  120. }
  121. #settingsScreen h1{font-family:'Goudy Bookletter 1911',arial,serif;}
  122. /*posts*/
  123. div.post.reply{
  124. padding:5px;
  125. border-radius:15px;
  126. padding-bottom:16px;
  127. margin-bottom:6px;
  128. max-width:98%;
  129. transition:box-shadow 2s;
  130. -webkit-transition:box-shadow 2s;
  131. -moz-transition:box-shadow 2s;
  132. -o-transition:box-shadow 2s;
  133. }
  134. p.intro span.subject{font-size:16px;}
  135. p.intro a.email{text-decoration:none;}
  136. span.trip:first-letter{letter-spacing:1px;}
  137. .hashtag{margin-bottom:3px;}
  138. div.post.reply.post-hover{
  139. border-top-right-radius:0;
  140. border-bottom-left-radius:0;
  141. z-index:10;
  142. }
  143. /*pages*/
  144. div.pages {
  145. border-right:none;
  146. border-bottom:none;
  147. }
  148. /*delete area*/
  149. form[name="postcontrols"]{position:relative;}
  150. div.delete{
  151. float:none;
  152. position:absolute;
  153. right:10px;
  154. bottom:-60px;
  155. display:inline-block;
  156. border-top-left-radius:10px;
  157. border-top-right-radius:10px;
  158. padding:10px 5px;
  159. width:340px;
  160. text-align:right;
  161. }
  162. div.delete input[type="text"], div.delete input[type="password"]{
  163. width:80px;
  164. }
  165. div.delete:nth-last-of-type(2){
  166. bottom:-100px;
  167. }
  168. div.delete:nth-last-of-type(1){
  169. bottom:-140px;
  170. border-bottom-left-radius:10px;
  171. border-bottom-right-radius:10px;
  172. border-top-left-radius:0;
  173. border-top-right-radius:0;
  174. }
  175. footer{margin-top:40px;}
  176. /*[[selectedColor]]*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement