Advertisement
Guest User

stylesheet

a guest
Nov 17th, 2010
269
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.54 KB | None | 0 0
  1. /*
  2. Theme Name: an ordinary theme
  3. Theme URI: http://www.blog.ordinary.ch/?page_id=269
  4. Version: 2.5
  5. Description: A simple theme with two corresponding random pictures in the header and a suckertree navigation thereunder. Optionally one or two columns. Two color schemes available. Widget ready. Please read the readme.txt file.
  6. Author: Fabian Schmid
  7. Author URI: http://www.blog.ordinary.ch/
  8. Tags: one-column, two-columns, fixed-width, white, black, light
  9. */
  10.  
  11. /* STANDARDS */
  12.  
  13. body {
  14. background: #ffffff;
  15. color: #000000;
  16. display: block;
  17. font-family: Arial, Verdana, Helvetica, sans-serif;
  18. font-size: .75em;
  19. }
  20. table tr td {
  21. font-family: "Arial";
  22. font-size: 11px;
  23. }
  24. .tabletext {
  25. line-height:1.7em;
  26. margin:0 0 10px;
  27. }
  28.  
  29. p {
  30. text-align: left;
  31. }
  32. h2 {
  33. color: #c11415;
  34. font-size: 1.2em;
  35. margin: 0;
  36. text-transform: uppercase;
  37. }
  38. h3 {
  39. text-transform: uppercase;
  40. }
  41. a {
  42. color: #c11415;
  43. text-decoration: none;
  44. }
  45. a:hover {
  46. color: #a1a1a1;
  47. }
  48. img {
  49. border: none;
  50. }
  51. blockquote {
  52. background: url("images/blockquote.jpg") no-repeat top left;
  53. font-style: italic;
  54. padding-left: 30px;
  55. }
  56. .alignleft {
  57. text-align: left;
  58. }
  59. .alignright {
  60. text-align: right;
  61. }
  62. .aligncenter {
  63. text-align: center;
  64. }
  65.  
  66. /* MAIN CONTAINERS */
  67.  
  68. #contentwrap {
  69. margin-top: 30px;
  70. min-height: 480px;
  71. width: 800px;
  72. }
  73. #left{
  74. float: left;
  75. width: 600px;
  76. }
  77. #right{
  78. float: right;
  79. width: 200px;
  80. }
  81.  
  82. /* HEADER */
  83.  
  84. #titleanddesc {
  85. padding: 20px 1px 0 1px;
  86. width: 800px;
  87. }
  88. #blogtitle {
  89. color: #000000;
  90. float: left;
  91. font-size: 11px;
  92. font-weight: bold;
  93. text-align: left;
  94. text-transform: uppercase;
  95. }
  96. #blogtitle a {
  97. text-decoration: none;
  98. }
  99. #blogdescription {
  100. color: #a9a9a9;
  101. float: left;
  102. font-size: 11px;
  103. text-transform: uppercase;
  104. }
  105. #leftbanner {
  106. border: 3px solid #000000;
  107. clear: both;
  108. float: left;
  109. height: 377px;
  110. width: 282px;
  111. }
  112. #rightbanner {
  113. border: 3px solid #000000;
  114. float: right;
  115. height: 377px;
  116. width: 503px;
  117. }
  118. #navigation {
  119. border: 3px solid #000000;
  120. float: left;
  121. height: 17px;
  122. margin-top: 3px;
  123. width: 794px;
  124. }
  125.  
  126. /* LEFT (POST & ENTRIES) */
  127.  
  128. .posts{
  129. margin-right: 10px;
  130. }
  131. .postdate {
  132. color: #000000;
  133. font-size: 1.7em;
  134. font-weight: bold;
  135. margin-top: 20px;
  136. text-transform: uppercase;
  137. }
  138. .pagetitle {
  139. color: #000000;
  140. font-size: 1.7em;
  141. font-weight: bold;
  142. margin-top: 20px;
  143. text-transform: uppercase;
  144. }
  145. .posttitle {
  146. font-size: 1.2em;
  147. font-weight: bold;
  148. text-transform: uppercase;
  149. }
  150. .posttitle a {
  151. color: #c11415;
  152. text-decoration: none;
  153. }
  154. .posttitle a:hover {
  155. color: #000000;
  156. }
  157. .category a {
  158. text-decoration: none;
  159. text-transform: lowercase;
  160. }
  161. .postmetadatabottom {
  162. background: #DDDDDD;
  163. margin: 0 0 0 10px;
  164. padding: 0;
  165. text-transform: uppercase;
  166. width: 100px;
  167. }
  168. .postmetadatabottom a {
  169. color: #000000;
  170. text-decoration: none;
  171. }
  172. .postmetadatabottom a:hover {
  173. color: #ffffff;
  174. }
  175. .entry {
  176. border-bottom: 1px dotted #a9a9a9;
  177. font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  178. font-size: 16px;
  179. line-height: 24px;
  180. padding-bottom: 10px;
  181. }
  182. .entry ul, ol{
  183. margin-left: 25px;
  184. padding-left: 0;
  185. }
  186.  
  187. /* RIGHT (SEARCH & WIDGETS) */
  188.  
  189. .search {
  190. float: right;
  191. margin-top: 20px;
  192. display:none;
  193. }
  194. #searchsubmit {
  195. display: none;
  196. }
  197. #s{
  198. background: #000000 url("images/magnifier-black.png") no-repeat top left;
  199. border: none;
  200. color: #ffffff;
  201. margin-bottom: 20px;
  202. padding: 1px 2px 1px 17px;
  203. width: 180px;
  204. }
  205. .widgets{
  206. border: 3px solid #FFFFFF;
  207. border-top: 0;
  208. float: right;
  209. margin-bottom: 18px;
  210. width: 193px;
  211. }
  212. .widgets ul{
  213. list-style-type: none;
  214. margin: 0;
  215. padding-left: 0;
  216. }
  217. .widgets ul li ul li{
  218. padding: 1px 4px;
  219. }
  220. .widgets ul li a{
  221. color: #000000;
  222. font-size: 12px;
  223. font-weight: bold;
  224. text-decoration: none;
  225. text-transform: uppercase;
  226. }
  227. .widgets ul li a:hover{
  228. background-color: #000000;
  229. color: #ffffff;
  230. cursor: pointer;
  231. }
  232. h2.widgettitle{
  233. background-color: #000000;
  234. border-bottom: 3px solid #000000;
  235. border-top: 3px solid #000000;
  236. color: #ffffff;
  237. font-size: 12px;
  238. font-weight: bold;
  239. padding: 1px 4px;
  240. text-decoration: none;
  241. text-transform: uppercase;
  242. }
  243. h2.widgettitle:hover{
  244. background-color: #000000;
  245. color: #ffffff;
  246. cursor: pointer;
  247. }
  248.  
  249. /* FOOTER */
  250.  
  251. #navlink {
  252. clear: both;
  253. font-weight: bold;
  254. margin: 25px 0 25px 0;
  255. text-transform: uppercase;
  256. }
  257. #footer {
  258. border-top: 3px solid #000000;
  259. clear: both;
  260. font-size: 11px;
  261. padding: 0 1px 30px 1px;
  262. width: 800px;
  263. }
  264. #footer a {
  265. font-weight: bold;
  266. text-decoration: none;
  267. }
  268. #footerleft {
  269. float: left;
  270. text-transform: uppercase;
  271. }
  272. #footerright {
  273. color: #c11415;
  274. float: right;
  275. font-weight: bold;
  276. text-transform: uppercase;
  277. }
  278.  
  279. /* COMMENTS */
  280.  
  281. #comments {
  282. clear: both;
  283. padding-top: 20px;
  284. }
  285. #comments h3{
  286. background: #DDDDDD;
  287. }
  288. .comment-info-split {
  289. clear: both;
  290. }
  291. .commentmetadata {
  292. text-transform: uppercase;
  293. }
  294. .commentlist div.alt {
  295. background: #DDDDDD;
  296. color: #000000;
  297. padding: 10px;
  298. }
  299. .commentlist div {
  300. padding: 10px;
  301. }
  302. .comment-div {
  303. display: block;
  304. }
  305. .comment-left {
  306. width: 30%;
  307. }
  308. .comment-right {
  309. width: 70%;
  310. }
  311.  
  312. /* WORDPRESS STYLES */
  313.  
  314. img.alignright {
  315. float:right;
  316. margin:0 0 1em 1em;
  317. }
  318. img.alignleft {
  319. float:left;
  320. margin:0 1em 1em 0;
  321. }
  322. img.aligncenter {
  323. display: block;
  324. margin-left: auto;
  325. margin-right: auto;
  326. }
  327. a img.alignright {
  328. float:right;
  329. margin:0 0 1em 1em;
  330. }
  331. a img.alignleft {
  332. float:left;
  333. margin:0 1em 1em 0;
  334. }
  335. a img.aligncenter {
  336. display: block;
  337. margin-left: auto;
  338. margin-right: auto;
  339. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement