Advertisement
Guest User

RPR template

a guest
May 23rd, 2013
115
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.82 KB | None | 0 0
  1. /*fonts*/
  2. @font-face {
  3.     font-family: 'manualito-floregular';
  4.     src: url('http://creepmachine.webs.com/manualito-flo-webfont.eot');
  5.     src: url('http://creepmachine.webs.com/manualito-flo-webfont.eot?#iefix') format('embedded-opentype'),
  6.          src: url('http://creepmachine.webs.com/manualito-flo-webfont.woff') format('woff'),
  7.          src: url('http://creepmachine.webs.com/manualito-flo-webfont.ttf') format('truetype'),
  8.         src: url('http://creepmachine.webs.com/manualito-flo-webfont.svg#manualito-floregular') format('svg');
  9.     font-weight: normal;
  10.     font-style: normal;
  11.  
  12. }
  13.  
  14. @media screen and (-webkit-min-device-pixel-ratio:0) {
  15. @font-face {
  16. font-family: 'manualito-floregular';
  17. src: url('http://creepmachine.webs.com/manualito-flo-webfont.svg') format('svg');
  18.  
  19. }
  20.  
  21. @font-face {
  22.     font-family: 'aquiline';
  23.     src: url('http://creepmachine.webs.com/aquilinetwo-webfont.eot');
  24.     src: url('http://creepmachine.webs.com/aquilinetwo-webfont.eot?#iefix') format('embedded-opentype'),
  25.          url('http://creepmachine.webs.com/aquilinetwo-webfont.woff') format('woff'),
  26.          url('http://creepmachine.webs.com/aquilinetwo-webfont.ttf') format('truetype'),
  27.          url('http://creepmachine.webs.com/aquilinetwo-webfont.svg#aquiline') format('svg');
  28.     font-weight: normal;
  29.     font-style: normal;
  30. }
  31.  
  32. @media screen and (-webkit-min-device-pixel-ratio:0) {
  33. @font-face {
  34. font-family: 'aquiline';
  35. src: url('http://creepmachine.webs.com/aquilinetwo-webfont.svg') format('svg');
  36. }
  37.  
  38. ul#pagetabs li {
  39. text-align:center !important;
  40. }
  41.  
  42. #toolbar {background: rgba(0, 0, 0, .5);
  43. margin-bottom:50px;
  44. font-family: verdana;
  45. font-size: 12px;
  46. text-align: center;
  47. padding-top:5px;
  48. }
  49.  
  50. #toolbar a {
  51. color: #998252;
  52. }
  53.  
  54. /* These attributes can be used to help position the header, or add visual elements to its either side */
  55. #leftheaderside {display: none;}
  56. #rightheaderside {display: none;}
  57.  
  58. #sitecontainer{
  59. width:800px !important;
  60. min-width:800px !important;
  61. margin: 0 auto !important;
  62. }
  63.  
  64. html {
  65.   background: url(http://4photos.net/photosv5/red_velvet_curtain_opening_scene_1347390500.jpg) no-repeat center center fixed;
  66.   -webkit-background-size: cover;
  67.   -moz-background-size: cover;
  68.   -o-background-size: cover;
  69.   background-size: cover;
  70. }
  71.  
  72. /* Page Header */
  73. #charheader {background-image:url(http://i.imgur.com/SaDyAW9.png);
  74. height:464px;
  75. min-height:464px !important;}
  76.  
  77. #charheader div.portraitcontainer {
  78. margin: 0 auto;
  79. position:relative;
  80. top:50px;
  81. float:none !important;
  82. border:none !important;
  83. background-image:url(http://i.imgur.com/bY6CIal.png);
  84. background-repeat:no-repeat;
  85. height:200px;
  86. width:230px;}
  87.  
  88. img.portrait {
  89. margin-left:65px;
  90. margin-top:17px;}
  91.  
  92. h1#characterName {display:none;}
  93. h2#playedBy {display:none;}
  94. ul#pagetabs {
  95. position:relative;
  96. top:200px;
  97. margin:0 auto;
  98. }
  99.  
  100. #alltabs {
  101. background: url(http://i.imgur.com/4CGiqh8.png);
  102. background-repeat: no-repeat;
  103. width: 800px;
  104. height: 100px;
  105. position: relative;
  106. top: 170px;
  107. left: 70px;
  108. }
  109.  
  110. ul#pagetabs {
  111. top: 30px !important;
  112. margin: 0 auto !important;
  113. font-family: 'aquiline', 'papyrus' !important;
  114. font-size: 25px !important;}
  115.  
  116. ul#pagetabs a {
  117. color:#222;
  118. }
  119.  
  120. ul#pagetabs .currentPage a {
  121. color: rgb(160, 23, 23);
  122. }
  123.  
  124. #pagetabs li:nth-child(2) ul.nestedPages {
  125. left:120px !important;
  126. }
  127.  
  128. #pagetabs li:nth-child(3) ul.nestedPages {
  129. left:190px !important;
  130. }
  131.  
  132. /*ul.nestedPages {
  133. left:0px !important;
  134. }*/
  135.  
  136. /* Main body of the page */
  137. div#charcontent {background-image:url(http://i.imgur.com/4u7Ugps.png);
  138. background-repeat:repeat-y;
  139. width:800px !important;
  140. padding:0px !important;}
  141.  
  142. .pagetitle {
  143. display:none;
  144. }
  145.  
  146. .inUseWidgets, .pagetitle{
  147. width:700px !important;
  148. margin:0 auto !important;
  149. color:#998252;
  150. }
  151.  
  152. h2.pagetitle {
  153. font-family: 'manualito-floregular';
  154. font-size: 40px;
  155. text-shadow:2px 2px 3px #000;
  156. color: rgb(219, 186, 115);}
  157.  
  158. h3.widgetTitle {
  159. font-family: 'manualito-floregular';
  160. font-size: 30px;
  161. text-shadow:2px 2px 3px #000;
  162. color: rgb(219, 186, 115);
  163. margin-bottom:15px;
  164. }
  165.  
  166. #charcontent a {
  167. color: rgb(160, 23, 23);
  168. text-decoration:none;
  169. }
  170.  
  171. #charcontent:not(h3){
  172. font-family: verdana;
  173. font-size:13px;
  174. }
  175.  
  176. span.vitalstats_contents strong {
  177. color: rgb(219, 186, 115);
  178. font-family:garamond;
  179. font-size: 16px;}
  180.  
  181. .alwaysnever td:nth-child(even) {
  182. background-color:rgba(30, 30, 30, .50);
  183. }
  184.  
  185. .alwaysnever td:nth-child(odd) {
  186. background-color:rgba(10, 10, 10, .50);
  187. }
  188.  
  189. table, td, tr {
  190. border:none !important;
  191. }
  192.  
  193. .alwaysnever tbody tr:nth-child(1) {
  194. background-color: rgb(95, 1, 1);
  195. }
  196.  
  197. .alwaysnever tbody tr:nth-child(1) td {
  198. padding:5px;
  199. }
  200.  
  201.  
  202. /* Footer */
  203. div#footer {background-image:url(http://i.imgur.com/dM65IPQ.png);
  204. background-repeat:no-repeat;
  205. background-position:top;
  206. height:100px;}
  207. div#footer p {
  208. margin-top:35px;
  209. }
  210.  
  211. div#footer a {
  212. color: #998252;
  213. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement