Advertisement
legilimens

theme 027: underwater (revamp)

Sep 1st, 2014
1,351
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.37 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--------------------------------------------------------------
  5.  
  6. theme 027: underwater (revamp) by legilimen.
  7. shoot me a message if you need help!
  8.  
  9. ---------------------------------------------------------->
  10.  
  11. <html>
  12. <head>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <meta name="description" content="{MetaDescription}" />
  16.  
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:highlight" content="#eee"/>
  20. <meta name="color:text when highlighted" content="#fff"/>
  21. <meta name="color:text" content="#363535"/>
  22. <meta name="color:link" content="#a0a0a0"/>
  23. <meta name="color:link hover" content="#000000"/>
  24. <meta name="color:scrollbar" content="#D6D5D5">
  25. <meta name="color:ask text" content="#000000"/>
  26. <meta name="color:header links" content="#000"/>
  27. <meta name="color:header background" content="#eee"/>
  28. <meta name="color:sidebar2 linkbg" content="#CCFF33"/>
  29.  
  30. <meta name="text:subtitle" content="close my eyes"/>
  31. <meta name="image:sidebar" content="">
  32.  
  33. <meta name="if:SecondSidebar" content="1">
  34.  
  35. <meta name="if:CircularIcon" content="1">
  36. <meta name="if:SquareIcon" content="0">
  37.  
  38. <meta name="if:Shrink" content="0">
  39. <meta name="if:Crush" content="0">
  40. <meta name="if:Grow" content="1">
  41.  
  42.  
  43. <meta name="if:NoCaptions" content="0">
  44. <meta name="if:HoverCaptions" content="1">
  45. <meta name="if:ShowCaptions" content="0">
  46. <meta name="if:ShowPostInfo" content="0">
  47. <meta name="if:HoverPostInfo" content="1">
  48. <meta name="if:ShowPostInfoTop" content="0">
  49. <meta name="if:HoverPostInfoTop" content="0">
  50.  
  51. <meta name="text:link1" content="">
  52. <meta name="text:link1 url" content="/">
  53. <meta name="text:link2" content="">
  54. <meta name="text:link2 url" content="/">
  55. <meta name="text:link3" content="">
  56. <meta name="text:link3 url" content="/">
  57. <meta name="text:link4" content="">
  58. <meta name="text:link4 url" content="/">
  59. <meta name="text:link5" content="">
  60. <meta name="text:link5 url" content="/">
  61. <meta name="text:link6" content="">
  62. <meta name="text:link6 url" content="/">
  63.  
  64. <meta name="select:subtitle opacity" content="1">
  65. <meta name="select:subtitle opacity" content=".8">
  66. <meta name="select:subtitle opacity" content=".5">
  67. <meta name="select:subtitle opacity" content=".1">
  68.  
  69. <meta name="select:subtitle font" content="'Snippet', sans-serif;" title="Snippet">
  70. <meta name="select:subtitle font" content="'Lato', sans-serif;" title="Lato">
  71. <meta name="select:subtitle font" content="'Codystar', cursive;" title="Codystar">
  72. <meta name="select:subtitle font" content="'Michroma', sans-serif;" title="Michroma">
  73. <meta name="select:subtitle font" content="'Pompiere', cursive;" title="Pompiere">
  74. <meta name="select:subtitle font" content="'Poiret One', cursive;" title="Poiret One">
  75. <meta name="select:subtitle font" content="'Syncopate', sans-serif;" title="Syncopate">
  76. <meta name="select:subtitle font" content="'Philosopher', sans-serif;" title="Philosopher">
  77. <meta name="select:subtitle font" content="'Quicksand', sans-serif;" title="Quicksand">
  78. <meta name="select:subtitle font" content="'Tenor Sans', sans-serif;" title="Tenor Sans">
  79. <meta name="select:subtitle font" content="'Josefin Sans', sans-serif;" title="Josefin Sans">
  80. <meta name="select:subtitle font" content="'Cantarell', sans-serif;" title="Cantarell">
  81.  
  82. <meta name="select:subtitle font" content="'Muli', sans-serif;" title="Muli">
  83. <meta name="select:subtitle font" content="'Monoton', cursive;" title="Monoton">
  84. <meta name="select:subtitle font" content="'PT Sans Caption', sans-serif;" title="PT Sans Caption">
  85. <meta name="select:subtitle font" content="'Pontano Sans', sans-serif;" title="Pontano Sans">
  86. <meta name="select:subtitle font" content="'Orbitron', sans-serif;" title="Orbitron">
  87. <meta name="select:subtitle font" content="'Comfortaa', cursive;" title="Comfortaa">
  88. <meta name="select:subtitle font" content="'Electrolize', sans-serif;" title="Electrolize">
  89. <meta name="select:subtitle font" content="'Julius Sans One', sans-serif;" title="Julius Sans One">
  90. <meta name="select:subtitle font" content="'Gruppo', cursive;" title="Gruppo">
  91. <meta name="select:subtitle font" content="'Cinzel Decorative', cursive;" title="Cinzel Decorative">
  92. <meta name="select:subtitle font" content="'Megrim', cursive;" title="Megrim">
  93. <meta name="select:subtitle font" content="'Milonga', cursive;" title="Milonga">
  94.  
  95. <meta name="select:subtitle font" content="Arial" title="Arial">
  96. <meta name="select:subtitle font" content="Times" title="Times">
  97. <meta name="select:subtitle font" content="Calibri" title="Calibri">
  98. <meta name="select:subtitle font" content="Helvetica" title="Helvetica">
  99.  
  100. <link href='http://fonts.googleapis.com/css?family=Snippet|Lato|Codystar|Michroma|Pompiere|Poiret+One|Syncopate|Philosopher|Quicksand|Tenor+Sans|Josefin+Sans|Cantarell|Muli|Monoton|PT+Sans+Caption|Pontano+Sans|Orbitron|Comfortaa|Electrolize|Julius+Sans+One|Gruppo|Cinzel+Decorative|Megrim|Milonga' rel='stylesheet' type='text/css'>
  101.  
  102.  
  103. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  104. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  105. <link rel="shortcut icon" href="{Favicon}" />
  106. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  107.  
  108.  
  109.  
  110. <script type="text/javascript" src="http://static.tumblr.com/qlfmldj/1H6mmbwdm/jquery-1.7.1.min.js"></script>
  111.  
  112.  
  113. <style type="text/css">
  114.  
  115. *, body, a, a:hover {cursor: url(http://i1347.photobucket.com/albums/p715/breezeblocks/themes/cursor_zpsc12dc478.png), auto;}
  116.  
  117.  
  118. a {
  119. color:{color:link};
  120. text-decoration:none;
  121. -moz-transition-duration:0.5s;
  122. -webkit-transition-duration:0.5s;
  123. -o-transition-duration:0.5s;
  124. }
  125.  
  126. a:hover {
  127. color:{color:link hover};
  128. text-decoration:underline;
  129. -moz-transition-duration:0.5s;
  130. -webkit-transition-duration:0.5s;
  131. -o-transition-duration:0.5s;
  132. }
  133.  
  134.  
  135. ::selection {
  136. background-color:{color:highlight};
  137. color: {color:text when highlighted};
  138. }
  139. ::-moz-selection {
  140. background-color:{color:highlight};
  141. color: {color:text when highlighted};
  142. }
  143.  
  144.  
  145. ::-webkit-scrollbar-thumb{
  146. background-color: {color:scrollbar};
  147. border: 2px solid {color:background};
  148. height:auto;
  149. border-radius: 500px;
  150. }
  151.  
  152. ::-webkit-scrollbar {
  153. height:auto;
  154. width:11px;
  155. background-color: {color:scrollbar};
  156. border:5px solid {color:background};
  157. border-radius: 500px;
  158. }
  159.  
  160. body {
  161. background-color:{color:background};
  162. font-family:helvetica;
  163. font-weight:lighter;
  164. font-size:9;
  165. }
  166.  
  167. h1 {
  168. font-weight:normal;
  169. font-size:9px;
  170. text-align:center;
  171. font-style:italic;
  172. font-family:arial;
  173. line-height:80%;
  174. letter-spacing:0px;
  175. text-transform:none;
  176. color:{color:text};
  177. }
  178.  
  179. h2 {
  180. font-size:15px;
  181. text-align:center;
  182. line-height:100%;
  183. letter-spacing:-0.5px;
  184. color:{color:text};
  185. font-weight:normal;
  186. padding:10px;
  187. }
  188.  
  189. blockquote {
  190. border-left:1px solid {color:link};
  191. padding-left:20px;
  192. padding-top:10px;
  193. padding-bottom:10px;
  194. margin:10px;
  195. }
  196.  
  197.  
  198. #theme {
  199. background-color:{color:background};
  200. width:700px;
  201. margin: 0 auto -12px auto;
  202. text-align: center;
  203. }
  204.  
  205. #sidebar {
  206. color:{color:text};
  207. width:700px;
  208. padding-left:0px;
  209. padding-right:0px;
  210. margin-top:50px;
  211. }
  212.  
  213. #sidebar img{
  214. width:60px;
  215. {block:IfCircularIcon}border-radius:50%;{/block:IfCircularIcon}
  216. {block:IfSquareIcon}border-radius:0px;{/block:IfSquareIcon}
  217. position:relative;
  218. }
  219.  
  220. .links {
  221. font-family:helvetica;
  222. margin-top:0px;
  223. margin-bottom:10px;
  224. font-size:9px;
  225. text-transform:uppercase;
  226. letter-spacing:10px;
  227. width:400px;
  228. text-align:center;
  229. line-height:300%;
  230. margin-left:150px;
  231. padding-bottom:7px;
  232. position:relative;
  233. background-color:{color:header background};
  234. }
  235.  
  236. .links a{
  237. padding:1px;
  238. color:{color:header links};
  239. letter-spacing:1px;
  240. text-decoration:none;
  241. -moz-transition-duration:.5s;
  242. -webkit-transition-duration:.5s;
  243. -o-transition-duration:.5s;
  244. }
  245.  
  246. .links a:hover{
  247. -webkit-filter: blur(1px);
  248. padding:1px;
  249. color:{color:header links};
  250. letter-spacing:1px;
  251. text-decoration:none;
  252. -moz-transition-duration:0.5s;
  253. -webkit-transition-duration:0.5s;
  254. -o-transition-duration:0.5s;
  255. }
  256.  
  257.  
  258. #sidebar2 {
  259. color:{color:text};
  260. width:150px;
  261. position:fixed;
  262. top:0;
  263. left:0;
  264. margin-left:250px;
  265. margin-top:200px;
  266. z-index:1;
  267. display:none;
  268. text-align:left;
  269. }
  270.  
  271. #sidebar2 img{
  272. width:60px;
  273. {block:IfCircularIcon}border-radius:50%;{/block:IfCircularIcon}
  274. {block:IfSquareIcon}border-radius:0px;{/block:IfSquareIcon}
  275. margin-bottom:20px;
  276. margin-left:20px;
  277. }
  278.  
  279. .links2 {
  280. font-family:helvetica;
  281. margin-top:0px;
  282. margin-bottom:10px;
  283. font-size:9px;
  284. text-transform:uppercase;
  285. letter-spacing:10px;
  286. width:200px;
  287. margin-left:20px;
  288. text-align:left;
  289. line-height:150%;
  290. }
  291.  
  292. .links2 a{
  293. padding:1px;
  294. color:{color:header links};
  295. letter-spacing:2px;
  296. text-decoration:none;
  297. background-image: linear-gradient(to right,
  298. {color:sidebar2 linkbg},
  299. {color:sidebar2 linkbg} 50%,
  300. transparent 50%,
  301. transparent);
  302. background-position: 100% 0;
  303. background-size: 200% 100%;
  304. transition: all .3s ease-in;
  305. }
  306.  
  307. .links2 a:hover{
  308. padding:1px;
  309. background-position: 0 0;
  310. color:{color:header links};
  311. letter-spacing:2px;
  312. text-decoration:none;
  313. transition: all .3s ease-in;
  314. }
  315.  
  316.  
  317. #subtitle {
  318. margin-left:150px;
  319. font-family: {select:subtitle font};
  320. text-transform: uppercase;
  321. position:relative;
  322. margin-top: 0px;
  323. width: 400px;
  324. font-weight:lighter;
  325. line-height:90%;
  326. padding-top:20px;
  327. margin-top:0px;
  328. padding-bottom:10px;
  329. text-align:center;
  330. padding-bottom:22px;
  331. background-color:{color:header background};
  332. }
  333.  
  334. #subtitle a{
  335. letter-spacing:12px;
  336. color: {color:text};
  337. font-size: 20px;
  338. }
  339.  
  340. #subtitle a:hover{
  341. {block:IfShrink}
  342. letter-spacing:2px;
  343. {/block:IfShrink}
  344. {block:IfGrow}
  345. font-size: 25px;
  346. letter-spacing:12px;
  347. {/block:IfGrow}
  348. {block:IfCrush}
  349. font-size:10px;
  350. letter-spacing:12px;
  351. {/block:IfCrush}
  352. opacity:{select:subtitle opacity};
  353. text-decoration:none;
  354. }
  355.  
  356.  
  357. .desc {
  358. margin-top:0px;
  359. padding-bottom:10px;
  360. text-align:center;
  361. font-style:none;
  362. font-size:9px;
  363. font-family: helvetica;
  364. color:{color:text};
  365. letter-spacing:1px;
  366. line-height:120%;
  367. border-width:2px;
  368. padding-top: 3px;
  369. width:200px;
  370. position:relative;
  371. padding-left:100px;
  372. padding-right:100px;
  373. margin-left:150px;
  374. background-color:{color:header background};
  375.  
  376. }
  377.  
  378. .arrow-up {
  379. width: 0;
  380. height: 0;
  381. border-left: 15px solid transparent;
  382. border-right: 15px solid transparent;
  383. margin-left:335px;
  384. margin-top:35px;
  385. border-bottom: 15px solid {color:header background};
  386. }
  387.  
  388.  
  389.  
  390. .pagination {
  391. text-transform:uppercase;
  392. letter-spacing:0px;
  393. text-align:center;
  394. position:fixed;
  395. background-color:rgba(255, 255, 255, .8);
  396. font-family:times;
  397. margin-left:150px;
  398. margin-top:50px;
  399. opacity:1;
  400. width:400px;
  401. bottom:0;
  402. letter-spacing:10px;
  403. text-align:center;
  404. }
  405.  
  406. .pagination a {
  407. color:{color:text};
  408. }
  409.  
  410. .jump_page {
  411. padding: 5px;
  412. color:#585858;
  413. font-family:{text:font};
  414. font-size:9px;
  415. opacity:1;
  416. text-decoration:none;
  417. }
  418.  
  419. .current_page, .jump_page:hover {
  420. padding: 5px;
  421. color: #585858;
  422. font-family:{text:font};
  423. font-size:9px;
  424. font-style:bold;
  425. text-decoration:none;
  426. }
  427.  
  428. #stuffcontainer {
  429. float:left;
  430. margin-left:150px;
  431. margin-top:0px;
  432. margin-bottom:30px;
  433. text-align:justify;
  434. text-transform:none;
  435. background-color:{color:background};
  436. color:{color:text};
  437. margin-bottom: 35px;
  438. }
  439.  
  440. #stuff {
  441. width:400px;
  442. margin-top:200px;
  443. margin-bottom:200px;
  444. text-align:justify;
  445. font-size:9px;
  446. font-family:arial;
  447. line-height:100%;
  448. color:{color:text};
  449. }
  450.  
  451. {block:IfShowCaptions}
  452.  
  453. .caption {
  454. width:400px;
  455. text-align:justify;
  456. line-height:120%;
  457. text-transform:none;
  458. }
  459.  
  460. {/block:IfShowCaptions}
  461.  
  462. {block:IfHoverCaptions}
  463.  
  464. .caption {
  465. width:350px;
  466. text-align:justify;
  467. line-height:120%;
  468. padding-top:20px;
  469. padding-bottom:20px;
  470. font-family:arial;
  471. text-transform:none;
  472. }
  473.  
  474. .captionholder{
  475. position:absolute;
  476. width:350px;
  477. background:#fff;
  478. margin-left:15px;
  479. margin-top:0px;
  480. padding:0px 10px 5px 10px;
  481. opacity:0;
  482. filter: alpha(opacity = 0);
  483. -moz-transition: all 0.5s;
  484. -webkit-transition: all 0.5s;
  485. -o-transition: all 0.5s;
  486. transition: all 0.5;
  487. }
  488.  
  489. .captionholder blockquote{
  490. padding:5px 0px 5px 10px;
  491. margin:7px 0px 5px 1px;
  492. border-left: 1px solid {color:Text};
  493. }
  494.  
  495. .photo_entry:hover .captionholder{
  496. margin-top:15px;
  497. opacity:0.8;
  498. filter: alpha(opacity = 80);
  499. -moz-transition: all 0.5s;
  500. -webkit-transition: all 0.5s;
  501. -o-transition: all 0.5s;
  502. transition: all 0.5;
  503. }
  504.  
  505. .entry:hover .captionholder{
  506. margin-top:15px;
  507. opacity:0.8;
  508. filter: alpha(opacity = 80);
  509. -moz-transition: all 0.5s;
  510. -webkit-transition: all 0.5s;
  511. -o-transition: all 0.5s;
  512. transition: all 0.5;
  513. }
  514.  
  515. .permalink{
  516. text-align:right;
  517. font-size:9px;
  518. -moz-transition: all 0.3s;
  519. -webkit-transition: all 0.3s;
  520. -o-transition: all 0.3s;
  521. transition: all 0.3;
  522. }
  523.  
  524. .permalink:hover{
  525. -moz-transition: all 0.3s;
  526. -webkit-transition: all 0.3s;
  527. -o-transition: all 0.3s;
  528. transition: all 0.3;
  529. }
  530.  
  531. .photo_entry{
  532. width:400px;
  533. padding-bottom:5px;
  534. overflow:hidden;
  535. }
  536.  
  537. .photo_entry img{
  538. max-width:400px;
  539. }
  540.  
  541. .photoset_entry{
  542. width:400px;
  543. padding-bottom:5px;
  544. overflow:hidden;
  545. }
  546.  
  547. .photoset_entry img{
  548. max-width:400px;
  549. }
  550.  
  551. .photoset_entry:hover .captionholder{
  552. margin-top:15px;
  553. opacity:0.8;
  554. filter: alpha(opacity = 80);
  555. -moz-transition: all 0.5s;
  556. -webkit-transition: all 0.5s;
  557. -o-transition: all 0.5s;
  558. transition: all 0.5;
  559. }
  560.  
  561.  
  562. {/block:IfHoverCaptions}
  563.  
  564.  
  565.  
  566.  
  567. /**Ask Posts**/
  568.  
  569. .ask {
  570. padding:15px;
  571. text-align:left;
  572. font-size:15px;
  573. line-height:110%;
  574. color:{color:ask text};
  575. background-color:{color:header background};
  576. }
  577.  
  578. .ask2 {
  579. font-size:11px;
  580. }
  581.  
  582. .ans {
  583. text-align:left;
  584. padding:5px;
  585. margin-top:5px;
  586. color:{color:text};
  587. }
  588.  
  589. .arrow-down {
  590. width: 0;
  591. height: 0;
  592. border-left: 15px solid transparent;
  593. border-right: 15px solid transparent;
  594. margin-left:25px;
  595. margin-top:0px;
  596. border-top: 15px solid {color:header background};
  597. }
  598.  
  599. /**Audio Posts**/
  600.  
  601. .audio {
  602. height:60px;
  603. padding:5px;
  604. }
  605.  
  606. .audio-album {
  607. position:absolute;
  608. width:50px;
  609. -webkit-transition: opacity 0.6s linear;
  610. opacity: 1;
  611. }
  612.  
  613. .audio-player {
  614. opacity:1;
  615. filter:alpha(opacity=90);
  616. width:25px;
  617. height:25px;
  618. overflow:hidden;
  619. position:absolute;
  620. border:30px;
  621. z-index:2;
  622. margin-left:12px;
  623. margin-top:12px;
  624. opacity:0;
  625. -webkit-transition: all 0.6s ease-out;
  626. -o-transition: all 0.6s ease-out;
  627. -webkit-transition: all 0.6s ease-out;
  628. -moz-transition: all 0.6s ease-out;
  629. }
  630.  
  631. .audio-info {
  632. font-size:15px;
  633. margin-top:4px;
  634. position:relative;
  635. margin-left:70px;
  636. line-height:110%;
  637. padding:2px;
  638. }
  639.  
  640. .audio:hover .audio-player {
  641. opacity:.6;
  642. -webkit-transition: all 0.6s ease-out;
  643. -o-transition: all 0.6s ease-out;
  644. -webkit-transition: all 0.6s ease-out;
  645. -moz-transition: all 0.6s ease-out;
  646. }
  647.  
  648. /**Chat Posts**/
  649.  
  650. .chat ol {
  651. line-height:500%;
  652. }
  653.  
  654. .label {
  655. font-weight:bold;
  656. padding-right:1px;
  657. letter-spacing:1px;
  658. text-transform:uppercase;
  659. }
  660. /**Post Info, Notes**/
  661.  
  662. {block:IfHoverPostInfo}
  663.  
  664. #postinfo {
  665. {block:IndexPage}opacity:0;{/block:IndexPage}
  666. font-family:helvetica;
  667. width:380px;
  668. font-size:9px;
  669. text-transform:lowercase;
  670. font-style:normal;
  671. text-align:left;
  672. margin-top:-16px;
  673. padding:5px 10px 0px 0px;
  674. {block:IndexPage}
  675. -moz-transition-duration:0.5s;
  676. -webkit-transition-duration:0.5s;
  677. -o-transition-duration:0.5s;
  678. {/block:IndexPage}
  679. }
  680.  
  681. #postinfo a {
  682. color:{color:text};
  683. -moz-transition-duration:0.5s;
  684. -webkit-transition-duration:0.5s;
  685. -o-transition-duration:0.5s;
  686. }
  687.  
  688. #postinfo a:hover {
  689. color:{color:link hover};
  690. -moz-transition-duration:0.5s;
  691. -webkit-transition-duration:0.5s;
  692. -o-transition-duration:0.5s;
  693. }
  694.  
  695. .tags {
  696. {block:IndexPage}opacity:0;{/block:IndexPage}
  697. text-transform:lowercase;
  698. font-size:9px;
  699. font-family:helvetica;
  700. text-align:left;
  701. margin-top:-11px;
  702. width:380px;
  703. letter-spacing:0px;
  704. padding:3px 10px 5px 0px;
  705. {block:IndexPage}
  706. -moz-transition-duration:0.5s;
  707. -webkit-transition-duration:0.5s;
  708. -o-transition-duration:0.5s;
  709. {/block:IndexPage}
  710. }
  711.  
  712. .tags a{
  713. color:{color:text};
  714. -moz-transition-duration:0.5s;
  715. -webkit-transition-duration:0.5s;
  716. -o-transition-duration:0.5s;
  717. }
  718.  
  719. .tags a:hover {
  720. color:{color:link hover};
  721. -moz-transition-duration:0.5s;
  722. -webkit-transition-duration:0.5s;
  723. -o-transition-duration:0.5s;
  724. }
  725.  
  726. {block:IndexPage}
  727.  
  728. #stuff:hover #postinfo{
  729. opacity:1;
  730. -moz-transition-duration:0.5s;
  731. -webkit-transition-duration:0.5s;
  732. -o-transition-duration:0.5s;
  733. }
  734. #stuff:hover .tags{
  735. opacity:1;
  736. -moz-transition-duration:0.5s;
  737. -webkit-transition-duration:0.5s;
  738. -o-transition-duration:0.5s;
  739. }
  740.  
  741. {/block:IndexPage}
  742.  
  743. {/block:IfHoverPostInfo}
  744.  
  745. {block:IfHoverPostInfoTop}
  746.  
  747. #postinfo {
  748. {block:IndexPage}opacity:0;{/block:IndexPage}
  749. font-family:helvetica;
  750. width:380px;
  751. font-size:9px;
  752. text-transform:lowercase;
  753. font-style:normal;
  754. {block:IndexPage}
  755. text-align:center;
  756. {/block:IndexPage}
  757. {block:PermalinkPage}
  758. text-align:left;
  759. {/block:PermalinkPage}
  760. margin-top:0px;
  761. {block:PermalinkPage}
  762. margin-top:-16px;
  763. {/block:PermalinkPage}
  764. {block:IndexPage}
  765. margin-bottom:10px;
  766. {/block:IndexPage}
  767. padding:5px 10px 0px 0px;
  768. {block:IndexPage}
  769. -moz-transition-duration:0.5s;
  770. -webkit-transition-duration:0.5s;
  771. -o-transition-duration:0.5s;
  772. {/block:IndexPage}
  773. }
  774.  
  775. #postinfo a {
  776. color:{color:text};
  777. -moz-transition-duration:0.5s;
  778. -webkit-transition-duration:0.5s;
  779. -o-transition-duration:0.5s;
  780. }
  781.  
  782. #postinfo a:hover {
  783. color:{color:link hover};
  784. -moz-transition-duration:0.5s;
  785. -webkit-transition-duration:0.5s;
  786. -o-transition-duration:0.5s;
  787. }
  788.  
  789. .tags {
  790. {block:IndexPage}opacity:0;{/block:IndexPage}
  791. text-transform:lowercase;
  792. font-size:9px;
  793. font-family:helvetica;
  794. {block:IndexPage}
  795. text-align:center;
  796. margin-top:-10px;
  797. {/block:IndexPage}
  798. {block:PermalinkPage}
  799. text-align:left;
  800. margin-top:0px;
  801. {/block:PermalinkPage}
  802. width:380px;
  803. letter-spacing:0px;
  804. padding:3px 10px 5px 0px;
  805. {block:IndexPage}
  806. -moz-transition-duration:0.5s;
  807. -webkit-transition-duration:0.5s;
  808. -o-transition-duration:0.5s;
  809. {/block:IndexPage}
  810. }
  811.  
  812. .tags a{
  813. color:{color:text};
  814. -moz-transition-duration:0.5s;
  815. -webkit-transition-duration:0.5s;
  816. -o-transition-duration:0.5s;
  817. }
  818.  
  819. .tags a:hover {
  820. color:{color:link hover};
  821. -moz-transition-duration:0.5s;
  822. -webkit-transition-duration:0.5s;
  823. -o-transition-duration:0.5s;
  824. }
  825.  
  826. {block:IndexPage}
  827.  
  828. #stuff:hover #postinfo{
  829. opacity:1;
  830. -moz-transition-duration:0.5s;
  831. -webkit-transition-duration:0.5s;
  832. -o-transition-duration:0.5s;
  833. }
  834. #stuff:hover .tags{
  835. opacity:1;
  836. -moz-transition-duration:0.5s;
  837. -webkit-transition-duration:0.5s;
  838. -o-transition-duration:0.5s;
  839. }
  840.  
  841. {/block:IndexPage}
  842.  
  843. {/block:IfHoverPostInfoTop}
  844.  
  845.  
  846. {block:IfShowPostInfo}
  847.  
  848. #postinfo {
  849. font-family:{text:font};
  850. width:380px;
  851. font-size:9px;
  852. text-transform:lowercase;
  853. font-style:normal;
  854. text-align:left;
  855. margin-top:-16px;
  856. padding:5px 10px 0px 0px;
  857. }
  858.  
  859. #postinfo a {
  860. color:{color:text};
  861. -moz-transition-duration:.2s;
  862. -webkit-transition-duration:.2s;
  863. -o-transition-duration:.2s;
  864. }
  865.  
  866. #postinfo a:hover {
  867. color:{color:link hover};
  868. text-transform:underline;
  869. -moz-transition-duration:.2s;
  870. -webkit-transition-duration:.2s;
  871. -o-transition-duration:.2s;
  872. }
  873.  
  874. #tags {
  875. text-transform:lowercase;
  876. font-size:9px;
  877. font-family:{text:font};
  878. text-align:left;
  879. margin-top:-11px;
  880. width:380px;
  881. letter-spacing:0px;
  882. padding:3px 10px 5px 0px;
  883. }
  884.  
  885. #tags a{
  886. color:{color:text};
  887. -moz-transition-duration:.2s;
  888. -webkit-transition-duration:.2s;
  889. -o-transition-duration:.2s;
  890. }
  891.  
  892. #tags a:hover {
  893. color:{color:link hover};
  894. text-transform:underline;
  895. -moz-transition-duration:.2s;
  896. -webkit-transition-duration:.2s;
  897. -o-transition-duration:.2s;
  898. }
  899.  
  900. {/block:IfShowPostInfo}
  901.  
  902. {block:IfShowPostInfoTop}
  903.  
  904. #postinfo {
  905. font-family:helvetica;
  906. width:380px;
  907. font-size:9px;
  908. text-transform:lowercase;
  909. font-style:normal;
  910. {block:IndexPage}
  911. text-align:center;
  912. {/block:IndexPage}
  913. {block:PermalinkPage}
  914. text-align:left;
  915. {/block:PermalinkPage}
  916. margin-top:0px;
  917. {block:PermalinkPage}
  918. margin-top:-16px;
  919. {/block:PermalinkPage}
  920. {block:IndexPage}
  921. margin-bottom:10px;
  922. {/block:IndexPage}
  923. padding:5px 10px 0px 0px;
  924. }
  925.  
  926. #postinfo a {
  927. color:{color:text};
  928. -moz-transition-duration:0.5s;
  929. -webkit-transition-duration:0.5s;
  930. -o-transition-duration:0.5s;
  931. }
  932.  
  933. #postinfo a:hover {
  934. color:{color:link hover};
  935. -moz-transition-duration:0.5s;
  936. -webkit-transition-duration:0.5s;
  937. -o-transition-duration:0.5s;
  938. }
  939.  
  940. .tags {
  941. text-transform:lowercase;
  942. font-size:9px;
  943. font-family:helvetica;
  944. {block:IndexPage}
  945. text-align:center;
  946. margin-top:-10px;
  947. {/block:IndexPage}
  948. {block:PermalinkPage}
  949. text-align:left;
  950. margin-top:0px;
  951. {/block:PermalinkPage}
  952. width:380px;
  953. letter-spacing:0px;
  954. padding:3px 10px 5px 0px;
  955. }
  956.  
  957. .tags a{
  958. color:{color:text};
  959. -moz-transition-duration:0.5s;
  960. -webkit-transition-duration:0.5s;
  961. -o-transition-duration:0.5s;
  962. }
  963.  
  964. .tags a:hover {
  965. color:{color:link hover};
  966. -moz-transition-duration:0.5s;
  967. -webkit-transition-duration:0.5s;
  968. -o-transition-duration:0.5s;
  969. }
  970.  
  971. {/block:IfShowPostInfoTop}
  972.  
  973. .note {
  974. text-transform:lowercase;
  975. font-style:normal;
  976. letter-spacing:0px;
  977. font-size: 9px;
  978. text-align:left;
  979. line-height:90%;
  980. margin-left:0px;
  981. margin-top: 50px;
  982. }
  983.  
  984. .note li {
  985. list-style-type:none;
  986. padding:10px 10px 10px 10px;
  987. text-align:left;
  988. -moz-transition-duration:0.5s;
  989. -webkit-transition-duration:0.5s;
  990. -o-transition-duration:0.5s;
  991. }
  992.  
  993. .note img{
  994. display:none;
  995. }
  996.  
  997. .note li a{
  998. font-style: none;
  999. padding:10px 10px 10px 10px;
  1000. }
  1001.  
  1002. .note li a:hover{
  1003. font-style:none;
  1004. background-color: {color:background};
  1005. padding:10px 10px 10px 10px;
  1006. }
  1007.  
  1008. #credit {
  1009. position:fixed;
  1010. font-size:10px;
  1011. font-weight:normal;
  1012. line-height:150%;
  1013. right:10px;
  1014. bottom:10px;
  1015. text-transform:uppercase;
  1016. text-align:center;
  1017. letter-spacing: 2px;
  1018. }
  1019.  
  1020. #credit a {
  1021. padding:3px;
  1022. color:{color:link};
  1023. background-color:{color:background};
  1024. -moz-transition-duration:0.5s;
  1025. -webkit-transition-duration:0.5s;
  1026. -o-transition-duration:0.5s;
  1027. }
  1028.  
  1029. #credit a:hover{
  1030. text-decoration:none;
  1031. -webkit-filter: blur(1px);
  1032. -moz-transition-duration:0.5s;
  1033. -webkit-transition-duration:0.5s;
  1034. -o-transition-duration:0.5s;
  1035.  
  1036. }
  1037.  
  1038.  
  1039.  
  1040. {CustomCSS}
  1041.  
  1042. #s-m-t-tooltip {
  1043. max-width:300px;
  1044. padding:2px 2px 2px 2px;
  1045. margin:10px 0px 0px 10px;
  1046. background-color:#fff;
  1047. font-family:arial;
  1048. font-style:none;
  1049. font-size:8px;
  1050. line-height:10px;
  1051. letter-spacing:1px;
  1052. text-transform:none;
  1053. color:{color:text};
  1054. z-index: 100;
  1055. }
  1056.  
  1057. </style></head>
  1058.  
  1059. {block:IfSecondSidebar}
  1060. <script type="text/javascript">
  1061. $(document).scroll(function () {
  1062. var y = $(this).scrollTop();
  1063. if (y > 400) {
  1064. $('#sidebar2').fadeIn();
  1065. } if (y < 400) {
  1066. $('#sidebar2').fadeOut();
  1067. }
  1068.  
  1069. });
  1070. </script>
  1071.  
  1072. <script type="text/javascript">
  1073. $(document).scroll(function () {
  1074. var y = $(this).scrollTop();
  1075. if (y > 400) {
  1076. $('#sidebar2image').fadeIn();
  1077. } if (y < 400) {
  1078. $('#sidebar2image').fadeOut();
  1079. }
  1080.  
  1081. });
  1082. </script>
  1083.  
  1084. <script type="text/javascript">
  1085. $(document).scroll(function () {
  1086. var y = $(this).scrollTop();
  1087. if (y > 400) {
  1088. $('.links2').fadeIn();
  1089. } if (y < 400) {
  1090. $('.links2').fadeOut();
  1091. }
  1092.  
  1093. });
  1094. </script>
  1095. {/block:IfSecondSidebar}
  1096.  
  1097.  
  1098. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1099. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1100. <script>
  1101. (function($){
  1102. $(document).ready(function(){
  1103. $("a[title]").style_my_tooltips({
  1104. tip_follows_cursor:true,
  1105. tip_delay_time:100,
  1106. tip_fade_speed:100,
  1107. attribute:"title"
  1108. });
  1109. });
  1110. })(jQuery);
  1111. </script>
  1112.  
  1113.  
  1114. <div id="theme">
  1115.  
  1116. <div id="sidebar">
  1117. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  1118. <div class="arrow-up"></div>
  1119. <div id="subtitle"><a href="/">{text:Subtitle}</a></div>
  1120. <div class="desc">
  1121. {Description}
  1122. </div>
  1123. <div class="links">
  1124.  
  1125. {block:IfLink1}
  1126. <a href="{text:link1 url}">{text:link1}</a>
  1127. {/block:IfLink1}
  1128. {block:IfLink2}
  1129. <a href="{text:link2 url}">{text:link2}</a>
  1130. {/block:IfLink2}
  1131. {block:IfLink3}
  1132. <a href="{text:link3 url}">{text:link3}</a>
  1133. {/block:IfLink3}
  1134. {block:IfLink4}
  1135. <a href="{text:link4 url}">{text:link4}</a>
  1136. {/block:IfLink4}
  1137. {block:IfLink5}
  1138. <a href="{text:link5 url}">{text:link5}</a>
  1139. {/block:IfLink5}
  1140. {block:IfLink6}
  1141. <a href="{text:link6 url}">{text:link6}</a>
  1142. {/block:IfLink6}</div></div>
  1143.  
  1144. <div class="pagination">{block:Pagination}
  1145. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&larr;</a>{/block:PreviousPage}
  1146. {block:JumpPagination length="5"}
  1147. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1148. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1149. {block:NextPage}<a href="{NextPage}" class="jump_page">&rarr;</a>{/block:NextPage}
  1150. {/block:Pagination}</div></center>
  1151.  
  1152. <div id="sidebar2">
  1153. <div id="sidebar2image"><img src="{image:sidebar}">
  1154. <div class="links2">
  1155.  
  1156. {block:IfLink1}
  1157. <a href="{text:link1 url}">✕ {text:link1}</a>
  1158. {/block:IfLink1}<br>
  1159. {block:IfLink2}
  1160. <a href="{text:link2 url}">✕ {text:link2}</a>
  1161. {/block:IfLink2}<br>
  1162. {block:IfLink3}
  1163. <a href="{text:link3 url}">✕ {text:link3}</a>
  1164. {/block:IfLink3}<br>
  1165. {block:IfLink4}
  1166. <a href="{text:link4 url}">✕ {text:link4}</a>
  1167. {/block:IfLink4}<br>
  1168. {block:IfLink5}
  1169. <a href="{text:link5 url}">✕ {text:link5}</a>
  1170. {/block:IfLink5}<br>
  1171. {block:IfLink6}
  1172. <a href="{text:link6 url}">✕ {text:link6}</a>
  1173. {/block:IfLink6}
  1174. </div></div>
  1175.  
  1176.  
  1177.  
  1178. </div>
  1179.  
  1180. <div id="stuffcontainer">
  1181.  
  1182. {block:Posts}
  1183.  
  1184. <div id="stuff">
  1185.  
  1186. {block:IfHoverPostInfoTop}
  1187. {block:IndexPage}
  1188. <div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}</div>{/block:IndexPage}
  1189. {/block:IfHoverPostInfoTop}
  1190.  
  1191. {block:IfShowPostInfoTop}
  1192. {block:IndexPage}
  1193. <div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}</div>{/block:IndexPage}
  1194. {/block:IfShowPostInfoTop}
  1195.  
  1196. {block:IfShowCaptions}
  1197.  
  1198. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  1199.  
  1200. {block:Quote}<h2>“{Quote}”</h2><h1>– {Source}</h1>{/block:Quote}
  1201.  
  1202. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  1203. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1204.  
  1205. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1206.  
  1207. {block:Photoset}<center>{Photoset-400}</center>
  1208. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1209.  
  1210. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label"><u>{Label}</u></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1211.  
  1212. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1213.  
  1214. {/block:IfShowCaptions}
  1215.  
  1216. {block:IfHoverCaptions}
  1217.  
  1218. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  1219.  
  1220. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  1221.  
  1222. {block:Link}<div class="link"><a href="{URL}">{Name}</a></div>
  1223. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1224.  
  1225. {block:Photo} <div class="photo_entry"> {block:IndexPage}{block:Caption}<div class="captionholder">{Caption} </div>{/block:Caption}{/block:IndexPage} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>{block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} </div> {/block:Photo}
  1226.  
  1227. {block:Photoset} <div class="photoset_entry"> {block:IndexPage}{block:Caption}<div class="captionholder">{Caption} </div>{/block:Caption}{/block:IndexPage} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Photoset-400}{block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} </div> {/block:Photoset}
  1228.  
  1229. {block:Chat}<div class="chat ol">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}<br>{/block:Lines}</div>{/block:Chat}
  1230.  
  1231. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1232.  
  1233. {/block:IfHoverCaptions}
  1234.  
  1235. {block:IfNoCaptions}
  1236.  
  1237. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  1238.  
  1239. {block:Quote}<h2>“{Quote}”</h2><h1>– {Source}</h1>{/block:Quote}
  1240.  
  1241. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  1242. {block:PermalinkPage}{block:Description}<p>{Description}</p>{/block:Description}{/block:PermalinkPage}{/block:Link}
  1243.  
  1244. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  1245.  
  1246. {block:Photoset}<center>{Photoset-400}</center>
  1247. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  1248.  
  1249. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label"><u>{Label}</u></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1250.  
  1251. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1252.  
  1253. {/block:IfNoCaptions}
  1254.  
  1255. {block:Answer}<div class="ask"><i>{Asker} is typing...</i><br><div class="ask2">{Question}</div></div><div class="arrow-down"></div><div class="ans">{Answer}</div>
  1256. <div style= text-align:center;></div>{/block:answer}
  1257.  
  1258. {block:Audio}
  1259. <div class="audio">
  1260. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  1261. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  1262.  
  1263. <div class="audio-info">
  1264. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  1265. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  1266. </div></div>
  1267. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  1268. {/block:Audio}
  1269. <br><br>
  1270.  
  1271. {block:IfHoverPostInfoTop}
  1272. {block:PermalinkPage}<div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}<div style="float:right">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&nbsp&nbsp{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div><br><div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag},</a> &nbsp&nbsp{/block:Tags}{/block:HasTags}</div></div>{/block:PermalinkPage}{block:IndexPage}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag},</a> &nbsp&nbsp{/block:Tags}{/block:HasTags}</div> {/block:IndexPage}{/block:IfHoverPostInfoTop}
  1273.  
  1274. {block:IfShowPostInfoTop}
  1275. {block:PermalinkPage}<div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}<div style="float:right">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&nbsp&nbsp{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div><br><div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag},</a> &nbsp&nbsp{/block:Tags}{/block:HasTags}</div></div>{/block:PermalinkPage}{block:IndexPage}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag},</a> &nbsp&nbsp{/block:Tags}{/block:HasTags}</div> {/block:IndexPage}{/block:IfShowPostInfoTop}
  1276.  
  1277. {block:IfHoverPostInfo}
  1278. <div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} {block:PermalinkPage}<div style="float:right">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&nbsp&nbsp{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div>{/block:PermalinkPage}</div><br><div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag},</a> &nbsp&nbsp{/block:Tags}{/block:HasTags}</div></div>
  1279. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes} </div> {/block:IfHoverPostInfo}
  1280.  
  1281. {block:IfShowPostInfo}
  1282. <div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} {block:PermalinkPage}<div style="float:right">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&nbsp&nbsp{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div>{/block:PermalinkPage}</div><br><div id="tags">{block:HasTags}<u>filed under:</u>{block:Tags} &nbsp&nbsp&nbsp&nbsp<a href="{TagURL}">{Tag},</a>{/block:Tags}{/block:HasTags}</div></div>
  1283. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes} </div> {/block:IfShowPostInfo}
  1284. {/block:Posts}
  1285.  
  1286.  
  1287. <div id="credit"><a href="http://legilimen.tumblr.com" title="@legilimenthemes">☼</a></div>
  1288.  
  1289. </div>
  1290. </div>
  1291. </div>
  1292. </body>
  1293. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement