API tools faq
paste
Advertisement
s-mg

s-mg theme 1

s-mg
Aug 18th, 2012
444
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.99 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <THEME BY @S-MG>
  5. <DO NOT REMOVE CREDIT OR CLAIM AS YOUR OWN>
  6.  
  7. <meta name="color:background" content="#ffffff">
  8. <meta name="color:font" content="#787776" />
  9. <meta name="color:link hover" content="#fdfdfd" />
  10. <meta name="color:link" content="#c6a37f" />
  11. <meta name="image:sidebar" content=""/>
  12. <meta name="text:Link1" content="/" />
  13. <meta name="text:Link1 Title" content="link1" />
  14. <meta name="text:Link2" content="/" />
  15. <meta name="text:Link2 Title" content="link2" />
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. </head>
  23.  
  24. <body>
  25.  
  26. <style type="text/css">
  27.  
  28. body {
  29. background-color: {color:Background};
  30. fixed no-repeat;
  31. background-position: bottom right;
  32. background-repeat: no-repeat;
  33. background-attachment: fixed;
  34. font-family: arial;
  35. font-size: 9px;
  36. line-height: 10px;
  37. font-color: {color:Font};
  38. }
  39.  
  40. a:link, a:visited, a:active {
  41. color: {color:Link};
  42. text-decoration: none;
  43. font-weight: normal;
  44. -webkit-transition:all 0.5s ease-out;
  45. -moz-transition:all 0.5s ease-out;
  46. transition:all 0.5s ease-out;}
  47.  
  48.  
  49. i, em {font-style:italic;}
  50. u {text-decoration:underline;}
  51. strong, b, strong a, strong a:visited, b a, b a:visited {font-weight: italic; color: {color:font}}
  52. small, small a, small a:visited {font-size: 9px; line-height: 10px;}
  53.  
  54. ul {
  55. list-style-type: square;
  56. }
  57.  
  58. img { border:1px; max-width: 500px; height: auto;}
  59. img:hover { border:0px;}
  60. a.img, a.img:visited { border:0px;}
  61. a.img:hover { border:0px;}
  62.  
  63. h1, h3, h1 a, h3 a, h1 a:link, h3 a:link {
  64. font-family: arial;
  65. font-size: 9px;
  66. padding-bottom: 10px;
  67. color: {color:Font};
  68. font-weight: 500;
  69. letter-spacing: 1px;
  70. text-transform: lowercase;
  71. }
  72.  
  73. h1 a:hover, h3 a:hover {
  74. text-decoration: none;
  75. color: {color:link hover};
  76. }
  77.  
  78.  
  79. .sidebar {
  80. padding: 10px;
  81. width: 200px;
  82. margin-top: 100px;
  83. position: fixed;
  84. color: {color:Font};
  85. margin-left: 20px;
  86. line-height: 10px;
  87. }
  88.  
  89.  
  90. #container {
  91. width: 850px;
  92. margin: auto;
  93. margin-bottom: 100px;
  94. }
  95.  
  96.  
  97. #posts {
  98. width: 500px;
  99. margin-top: 5px;
  100. margin-left: 250px;
  101. }
  102.  
  103. .post {
  104. margin: center;
  105. margin-top: 10px;
  106. width: 500px;
  107. padding: 3px;
  108. padding-top: 15px;
  109. margin-bottom: 15px;
  110. background-color: {color:Background};
  111. font-family: arial;
  112. font-size: 9px;
  113. line-height: 10px;
  114. color: {color:Font};
  115. }
  116.  
  117. .caption {
  118. font-family: arial;
  119. font-size: 9px;
  120. line-height: 10px;
  121. color: {color:Font};
  122. }
  123.  
  124. .post text {
  125. margin-top: 0px;
  126. }
  127.  
  128.  
  129. .photo img:hover {
  130. filter: alpha(opacity=100);}
  131. .photo img {
  132. max-width: 500px;
  133. border:0px;}
  134. .photo img:hover {
  135. max-width: 500px;
  136. }
  137.  
  138. .centeredImage {
  139. display: block;
  140. text-align:center;
  141. margin-top:10px;
  142. margin-bottom:10px;
  143. padding:0px;
  144. }
  145.  
  146. .quote {
  147. width: 500px;
  148. color: {color:Quote};
  149. }
  150.  
  151. blockquote {
  152. display: block;
  153. margin: 20px;
  154. background: {color:Background};
  155. font-family: arial;
  156. font-size: 9px;
  157. padding-left: 10px;
  158. padding-right: 10px;
  159. color: {color:font};
  160. border-left: 0px solid{color:border};
  161. font-style: none;
  162. width: 500px;
  163. }
  164.  
  165. span {
  166. font-weight: italic;
  167. }
  168.  
  169. .chat ul {
  170. list-style-type: none;
  171. width: 500px;
  172. display: block;
  173. margin: auto;
  174. padding: 0px;
  175. font-style: arial;
  176. font-spacing: 0px;
  177. }
  178.  
  179. .odd {
  180. padding: 20px;
  181. color: {color:font};
  182. }
  183.  
  184. .even {
  185. padding: 3px;
  186. color: {color:link};
  187. }
  188.  
  189. .source {
  190. font-family: arial;
  191. font-size: 9px;
  192. line-height: 10px;
  193. color: {color:font};
  194. font-style: normal;
  195. text-transform: lowercase;
  196. padding-top: 10px;
  197. text-align: right;
  198. }
  199.  
  200.  
  201. .footer {
  202. display: none;
  203. }
  204.  
  205.  
  206. .date {
  207. font-family:arial;
  208. font-size: 9px;
  209. text-transform: lowercase;
  210. color: {color:font};
  211. }
  212.  
  213. .date a {
  214. color: {color:link};
  215. text-decoration: none;
  216. font-weight: normal;
  217. -webkit-transition:all 0.5s ease-out;
  218. -moz-transition:all 0.5s ease-out;
  219. transition:all 0.5s ease-out;
  220. }
  221.  
  222. .date a:hover {
  223. color: {color:link hover};
  224. text-decoration: none;
  225. font-weight: normal;
  226. -webkit-transition: all 0.3s ease-out;
  227. -moz-transition: all 0.3s ease-out;
  228. transition: all 0.3s ease-out;
  229. }
  230.  
  231. .stats {font-family: arial;
  232. font-size: 9px;
  233. text-transform: lowercase;
  234. color: {color:font};
  235. letter-spacing: 0px;
  236. font-style: none;
  237. padding: 2px;
  238. background-color: {color:ask};
  239. text-align: left;
  240. margin-top: -0px;}
  241.  
  242. .note_count {
  243. text-align: center;
  244. font-family: arial;
  245. text-transform: lowercase;
  246. font-size: 9px;
  247. }
  248.  
  249. .fnotes {
  250. text-align: center;
  251. font-family:arial;
  252. text-transform: lowercase;
  253. font-size: 9px;
  254. margin-bottom: -30px;
  255. }
  256.  
  257.  
  258. .meta a {
  259. font-size: 9px;
  260. color: {color:link};
  261. text-transform: lowercase;
  262. text-decoration: none;
  263. font-weight: normal;
  264. -webkit-transition: all 0.5s ease-out;
  265. -moz-transition: all 0.5s ease-out;
  266. transition: all 0.5s ease-out;
  267. }
  268.  
  269. .meta a:hover {
  270. color: {color:link hover};
  271. text-decoration: none;
  272. font-weight: normal;
  273. -webkit-transition: all 0.5s ease-out;
  274. -moz-transition: all 0.5s ease-out;
  275. transition: all 0.5s ease-out;
  276. }
  277.  
  278. .meta {
  279. font-family: arial;
  280. font-size: 9px;
  281. color: #deea27;
  282. margin-bottom: 5px;
  283. border-top: 0px solid {color:border};
  284. padding-top: 5px;
  285. }
  286.  
  287. .albumart img {
  288. float: left;
  289. margin-right: 30px;
  290. width: 30px;
  291. height: 10px;
  292. }
  293.  
  294. .audioback {
  295. background-color: White;
  296. display:block;
  297. margin-left:40px;
  298. }
  299.  
  300.  
  301. select, textarea, .textfield {
  302. width: 100px;
  303. background-color: #FFFFFF;
  304. font-family: arial;
  305. font-size: 9px;
  306. line-height: 10px;
  307. color: #9F9F9F;
  308. text-decoration: none;
  309. text-transform: lowercase;
  310. }
  311.  
  312. .button, input {
  313. width: 35px;
  314. background-color: #FFFFFF;
  315. font-family: arial;
  316. font-size:9px;
  317. line-height: 5px;
  318. color: #9F9F9F;
  319. text-decoration: none;
  320. border: 0px solid;
  321. border-color: #E4E4E4;
  322. text-transform: lowercase;
  323. }
  324.  
  325. .post answer {
  326. background-color: #FFFFFF;
  327. width: 500px;
  328. }
  329.  
  330. #question {
  331. background-color: {color:Background};
  332. width: 500px;
  333. height: auto;
  334. margin: auto;
  335. font-family: arial;
  336. font-size: 10px;
  337. line-height: 10px;
  338. color: #a99d95;
  339. font-weight: 500;
  340. letter-spacing: 0px;
  341. font-style: bold;
  342. }
  343.  
  344.  
  345. hr {
  346. display: none;
  347. }
  348.  
  349. .pagination {
  350. text-align: center;
  351. color: {color:shadow};
  352. text-transform: lowercase;
  353. width: 100px;
  354. font-family: arial;
  355. font-size: 20px;
  356. margin-top: 10px;
  357. }
  358.  
  359. .sideimg {
  360. -webkit-border-radius: 0px;
  361. -moz-border-radius: 0px;
  362. border-radius: 0px;
  363. margin-bottom: 3px;
  364. }
  365.  
  366.  
  367. .menu a {
  368. color: {color:font};
  369. text-transform: lowercase;
  370. display: block;
  371. webkit-transition: opacity 0.8s linear;
  372. opacity: 2;
  373. -webkit-transition: all 0.5s ease-out;
  374. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  375. }
  376.  
  377. .menu a:hover {
  378. color: {color:link hover};
  379. text-transform: lowercase;
  380. -webkit-transition: opacity 0.6s linear;
  381. opacity: 1;-webkit-transition:
  382. all 0.5s ease-out;
  383. -moz-transition: all 0.5s ease-out;
  384. transition: all 0.5s ease-out;
  385. }
  386.  
  387. #sidemenu{
  388. padding-top: 40px;
  389. position: fixed;
  390. margin-top: 100px; 
  391. display: block;
  392. margin-left: 100px;
  393. text-align: center;
  394. -webkit-border-radius: -10px;
  395. -moz-border-radius: -10px;
  396. border-radius: -10px;
  397. width: 200px;
  398. height: 140px;
  399. filter:alpha(opacity=10);
  400. -khtml-opacity: 0.10;
  401. opacity: 0.10;
  402. -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;
  403. opacity: 0.3;
  404. -webkit-transition: all 0.5s linear;
  405. -webkit-transition: all 0.4s linear;
  406. -moz-transition: all 0.4s linear;
  407. transition: all 0.4s linear;
  408. }
  409.  
  410.  
  411. #sidemenu:hover{
  412. background: {color:menu hover};
  413. filter:alpha(opacity=10);
  414. -moz-opacity:0.10;
  415. -khtml-opacity: 0.7;
  416. opacity: 0.8;
  417. -webkit-transition: all 0.5s linear;
  418. -webkit-transition: all 0.4s linear;
  419. -moz-transition: all 0.5s linear;
  420. transition: all 0.5s linear;
  421. }
  422.  
  423. .askerb {
  424. font-family: arial;
  425. font-size: 9px;
  426. text-transform: lowercase;
  427. color: {color:link};
  428. padding-left: 5px;
  429. padding-right: 10px;
  430. }
  431.  
  432. .askerb2 {
  433. font-family: georgia;
  434. font-size: 10px;
  435. text-transform: lowercase;
  436. color: {color:font};
  437. padding-left: 10px;
  438. padding-right: 10px;
  439. }
  440.  
  441. .answerb {
  442. font-family: arial;
  443. font-size: 9px;
  444. text-transform: lowercase;
  445. color: {color:font};
  446. margin-top: -0px;
  447. }
  448. .askerb a {
  449. color: {color:link};
  450. }
  451.  
  452. .askbox {
  453. background: {color:background};
  454. margin:0px 0px 0px 0px;
  455. text-align: left;
  456. font-family: arial;
  457. font-size: 9px;
  458. text-transform: lowercase;
  459. }
  460.  
  461. </style>
  462. </head>
  463.  
  464. <body>
  465.  
  466. <div id="container">
  467.  
  468. <div class="sidebar">
  469.  
  470. <center>
  471. <img src="{image:Sidebar}" width="200" height="400" class="sideimg">
  472.  
  473. {Description}
  474. <center>
  475. <a href="/">HOME</a>&nbsp;
  476. <a href="/ask">ASK</a>&nbsp;
  477. <a href="http://s-mg.tumblr.com">CRED</a>&nbsp;
  478. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}&nbsp;
  479. {block:ifLink2} <b></b> <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}&nbsp;
  480. {block:Pagination}
  481. {block:PreviousPage} <a href="{PreviousPage}"><font size="1">-</font></a>{/block:PreviousPage}
  482. {block:JumpPagination length="3"}
  483. {block:CurrentPage}
  484. <span class="current_page">{PageNumber}&nbsp;</span>
  485. {/block:CurrentPage}
  486. {block:JumpPage}
  487. <a class="jump_page" href="{URL}">{PageNumber}&nbsp;</a>
  488. {/block:JumpPage}
  489. {/block:JumpPagination}
  490. {block:NextPage}<a href="{NextPage}"><font size="2">+</font></a>{/block:NextPage}
  491. {/block:Pagination}
  492.  
  493.  
  494.  
  495. </div>
  496.  
  497.  
  498. <div id="posts">
  499.  
  500. {block:Posts}
  501.  
  502. {block:Text}
  503. <div class="post text">
  504. {block:Title}
  505. <h3><a href="{Permalink}">{Title}</a></h3>
  506. {/block:Title}
  507.  
  508. {Body}
  509. </div>
  510. {/block:Text}
  511.  
  512.  
  513.  
  514. {block:Photo}
  515. <div class="post photo">
  516. <p class="autoImage"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></p>
  517. {block:Caption}
  518. <div class="caption">{Caption}</div>
  519. {/block:Caption}
  520. </div>
  521. {/block:Photo}
  522.  
  523.  
  524. {block:Photoset}
  525. <div class="post photoset">
  526. <div style="margin-bottom: 10px;">
  527. {Photoset-500}
  528. {block:Caption}
  529. <div class="caption">{Caption}</div>
  530. {/block:Caption}
  531. </div></div>
  532. {/block:Photoset}
  533.  
  534.  
  535. {block:Quote}
  536. <div class="post quote">
  537. <div style="margin-bottom: 10px;">
  538. <div style="color: {color:font}; font-size: 13px; line-height: 10px;
  539. font-style: italic; font-family:arial; font-weight: 500; letter-spacing: 1px;">"{Quote}"</div>
  540. {block:Source}
  541. <div class="source">- {Source}</div>
  542. {/block:Source}
  543. </div>
  544. </div>
  545. {/block:Quote}
  546.  
  547.  
  548. {block:Link}
  549. <div class="post link">
  550. <h1><a href="{URL}" class="link" {Target}>{Name} ;</a></h1>
  551. {block:Description}
  552. <div class="description">{Description}</div>
  553. {/block:Description}
  554. </div>
  555. {/block:Link}
  556.  
  557.  
  558. {block:Chat}
  559. <div class="post chat">
  560. <div style="margin-bottom: 2px;">
  561. {block:Title}
  562. <h3><a href="{Permalink}">{Title}</a></h3>
  563. {/block:Title}
  564. <ul class="chat">
  565. {block:Lines}
  566. <li class="{Alt} user_{UserNumber}">
  567. {block:Label}
  568. <span class="label">{Label}</span>
  569. {/block:Label}
  570. {Line}
  571. </li>
  572. {/block:Lines}
  573. </ul>
  574. </div>
  575. </div>
  576. {/block:Chat}
  577.  
  578.  
  579. {block:Video}
  580. <div class="post video">
  581. <div style="margin-top: 5px;">
  582. <center>{Video-500}</center>
  583. {block:Caption}
  584. <div class="caption">{Caption}</div>
  585. {/block:Caption}
  586. </div></div>
  587. {/block:Video}
  588.  
  589.  
  590. {block:Audio}
  591. <div class="post audio">
  592. <div style="margin-top: 0px;">
  593. {block:AlbumArt}
  594. <div class="albumart"><img src="{AlbumArtURL}"></div>
  595. {/block:AlbumArt}
  596. <span class="audioback"><center>
  597. {AudioPlayerWhite}</center></span>
  598. {block:Caption}
  599. <div class="caption">{Caption}</div>
  600. {/block:Caption}
  601. </div></div>
  602. {/block:Audio}
  603.  
  604. {block:Answer}
  605. <div class="post answer">
  606. <div class="askbox"><div class="askerb">{Asker} said:</div><div class="askerb2">{Question}</div></div>
  607. <div class="answerb">{Answer}</div>
  608. </div>
  609. {/block:Answer}
  610.  
  611.  
  612.  
  613. {block:PostNotes} <br><div class="note_count">{NoteCountWithLabel}</div>
  614. {PostNotes} {block:NoteCount} {/block:NoteCount}{/block:PostNotes}
  615.  
  616.  
  617. <div class="meta"><div class="fnotes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{block:Date}<div class="date"><center>posted <a href="{Permalink}">{TimeAgo}</a> {block:ContentSource}-<a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}<br>
  618. {block:HasTags}{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}</center>
  619.  
  620.  
  621.  
  622. </div>
  623. </div>
  624.  
  625.  
  626. {/block:Date}
  627.  
  628. {/block:Posts}
  629.  
  630.  
  631. </div>
  632.  
  633. <div style="margin-top: 40px; margin-bottom: 0px">
  634. <a href=""><i></i></a></div>
  635.  
  636. </div>
  637.  
  638. </body>
  639. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!