mausamixoxo

Tragedy Theme 12

Jul 12th, 2013
1,389
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.16 KB | None | 0 0
  1. <!--
  2. Tragedy Theme 12 by euphoricthemes
  3. Keep the credit on your blog or i will report you. k bye.
  4. *audio post coding belongs to trustwurthy*
  5. -->
  6.  
  7. <!DOCTYPE html>
  8.  
  9. <html lang="en">
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="http://i1101.photobucket.com/albums/g424/tutorialsandmore/favicons/th_icons16.gif" />
  15.  
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  17. <meta name="color:Background" content="#f7f7f7"/>
  18. <meta name="color:Description Background" content="#f7f5f5"/>
  19. <meta name="color:Blog Title Shadow" content="#e1e2e4"/>
  20. <meta name="color:Header and Description Borders" content="#e9e9e9"/>
  21. <meta name="color:Links" content="#e08aa8"/>
  22. <meta name="color:Link shadow" content="#fff"/>
  23. <meta name="color:Hover" content="#aaa"/>
  24. <meta name="color:Text" content="#aaa"/>
  25. <meta name="color:Header" content="#f7f5f5"/>
  26. <meta name="color:Title" content="#b7d18a"/>
  27. <meta name="color:Scrollbar" content="#e9a3c4"/>
  28. <meta name="color:Blog title" content="#b7cadd"/>
  29. <meta name="image:Background" content="1"/>
  30. <meta name="image:Header" content="1"/>
  31. <meta name="text:Blog Title" content="if our love is a tragedy," />
  32. <meta name="text:Blog Title 2" content="why are you my remedy?" />
  33. <meta name="text:Link 1" content="/" />
  34. <meta name="text:Link 1 Title" content="Link" />
  35. <meta name="text:Link 2" content="/ask" />
  36. <meta name="text:Link 2 Title" content="Link" />
  37. <meta name="text:Link 3" content="" />
  38. <meta name="text:Link 3 Title" content="Link" />
  39. <meta name="text:Link 4" content="" />
  40. <meta name="text:Link 4 Title" content="Link" />
  41. <meta name="text:Link 5" content="" />
  42. <meta name="text:Link 5 Title" content="Link" />
  43. <meta name="text:Link 6" content="" />
  44. <meta name="text:Link 6 Title" content="Link" />
  45. <meta name="text:Blog Title Size" content="22"/>
  46. <meta name="if:Faded Posts" content="1"/>
  47. <meta name="if:Blog Title Shadow" content="0"/>
  48.  
  49. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
  52.  
  53. <style type="text/css">
  54.  
  55. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  56.  
  57. ::-webkit-scrollbar {
  58. width: 8px;
  59. height: 4px;
  60. background: #fff;
  61. border-left: 1px transparent #aaaaaa; }
  62. ::-webkit-scrollbar-thumb {
  63. background-color:{color:Scrollbar};
  64. border:2px solid #fff; }
  65.  
  66. #tumblr_controls {
  67. right:0px !important;
  68. position: fixed !important;
  69. -webkit-filter: invert(100%) }
  70.  
  71. @font-face {
  72. font-family: "basket";
  73. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  74.  
  75. body {
  76. padding: 0px;
  77. margin: 0px;
  78. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  79. font-family:calibri;
  80. text-transform:none;
  81. line-height: 10px;
  82. font-size: 10px;
  83. letter-spacing: 0px;
  84. background-attachment: fixed;
  85. background-repeat: repeat;
  86. background-color: {color:Background};
  87. background-image:url({image:Background});
  88. color:{color:Text}; }
  89.  
  90. a:link, a:active, a:visited{
  91. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  92. color: {color:Links};
  93. text-decoration: none;
  94. transition: all 0.9s ease;
  95. -o-transition-transition: all 0.9s ease;
  96. -webkit-transition: all 0.9s ease;
  97. -moz-transition: all 0.9s ease; }
  98.  
  99. a:hover {
  100. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  101. color:{color:Hover};
  102. text-shadow:1px 1px 1px {color:Link shadow};
  103. transition: all 0.9s ease;
  104. -o-transition-transition: all 0.9s ease;
  105. -webkit-transition: all 0.9s ease;
  106. -moz-transition: all 0.9s ease; }
  107.  
  108. div#center{
  109. margin:auto;
  110. position:relative;
  111. width:100%;
  112. overflow:auto;
  113. overflow-y:hidden; }
  114.  
  115. #topbar {
  116. position:fixed;
  117. margin-left:342px;
  118. margin-top:-145px;
  119. width:500px;
  120. height:100px;
  121. z-index:2;
  122. border:1px solid {color:Header and Description Borders}; }
  123.  
  124. #blogtitle {
  125. position:fixed;
  126. width:500px;
  127. text-align:center;
  128. margin-top:30px;
  129. margin-left:0px;
  130. font-family:basket;
  131. line-height: 25px;
  132. color:{color:Blog Title};
  133. font-size: {text:Blog Title Size}px;
  134. {block:ifblogtitleshadow}
  135. text-shadow:-3px 3px 0px {color:Blog Title Shadow},-3px -3px 0px {color:Blog Title Shadow};
  136. {/block:ifblogtitleshadow} }
  137.  
  138. #blogtitle2 {
  139. position:fixed;
  140. width:500px;
  141. text-align:center;
  142. margin-top:50px;
  143. margin-left:0px;
  144. font-family:basket;
  145. line-height: 25px;
  146. color:{color:Blog Title};
  147. font-size: {text:Blog Title Size}px;
  148. {block:ifblogtitleshadow}
  149. text-shadow:-3px 3px 0px {color:Blog Title Shadow},-3px -3px 0px {color:Blog Title Shadow};
  150. {/block:ifblogtitleshadow} }
  151.  
  152. #info {
  153. position:fixed;
  154. width:491px;
  155. height:40px;
  156. text-align:center;
  157. padding:5px;
  158. margin-left:-1px;
  159. margin-top:105px;
  160. font-family:lucida sans unicode;
  161. line-height:12px;
  162. border:1px solid {color:Header and Description Borders};
  163. background:{color:Description Background}; }
  164.  
  165. #links {
  166. position:fixed;
  167. text-transform:none;
  168. letter-spacing:0px;
  169. text-align:center;
  170. font-size:9px;
  171. width:492px;
  172. margin-left:-5px;
  173. padding:3px;
  174. margin-top:0px;
  175. color:#ddd;
  176. font-family:lucida sans unicode;
  177. background:{color:Description Background}; }
  178.  
  179. img {
  180. border: 0;
  181. max-width: 100%; }
  182.  
  183. #posts {
  184. width:550px;
  185. z-index:1;
  186. opacity:1;
  187. margin-top:150px;
  188. margin-left:322px;
  189. right:auto;
  190. margin-right:auto;
  191. position:relative;
  192. padding:10px;
  193. overflow-y: hidden; }
  194.  
  195. #posts blockquote {
  196. border: 1px solid #eee;
  197. background:#f7f7f7;
  198. margin-left:5px;
  199. width:85%;
  200. border-radius:5px;
  201. padding: 10px; }
  202.  
  203. #entry {
  204. float:left;
  205. display: block;
  206. overflow:hidden;
  207. width:220px;
  208. margin:13px;
  209. padding:7px 7px 4px 7px;
  210. font-family:consolas;
  211. font-size: 10px;
  212. text-transform:normal;
  213. letter-spacing:0px;
  214. line-height:13px;
  215. z-index:0;
  216. border-radius:5px;
  217. background:white;
  218. border:1px solid #f3f3f3;
  219. {block:PermalinkPage}
  220. width:400px;
  221. margin-left:55px;
  222. {/block:PermalinkPage}
  223. transition: all 0.9s ease;
  224. -o-transition-transition: all 0.9s ease;
  225. -webkit-transition: all 0.9s ease;
  226. -moz-transition: all 0.9s ease; }
  227.  
  228. #entry img{
  229. opacity:1;
  230. {block:ifFadedPosts}
  231. opacity:0.8;
  232. {/block:ifFadedPosts}
  233. -webkit-transition: all 0.7s ease-out;
  234. -moz-transition: all 0.7s ease-out;
  235. transition: all 0.7s ease-out; }
  236.  
  237. #entry img:hover{
  238. opacity: 1;
  239. -webkit-transition: all 0.7s ease-out;
  240. -moz-transition: all 0.7s ease-out;
  241. transition: all 0.7s ease-out; }
  242.  
  243. #entry .permados{
  244. bottom:-20px;
  245. left:-7px;
  246. width:240px;
  247. height:15px;
  248. font-family:source code pro;
  249. position: absolute;
  250. font-size: 8px;
  251. line-height:15px;
  252. text-align:center;
  253. z-index:99999;
  254. text-transform:uppercase;
  255. overflow:hidden;
  256. background:white;
  257. padding: 0px;
  258. opacity:0;
  259. border-top:2px solid {color:Blog Title};
  260. -webkit-transition: opacity 0.5s linear;
  261. -webkit-transition: all 0.5s linear;
  262. -moz-transition: all 0.5s linear;
  263. transition: all 0.5s linear; }
  264.  
  265. #entry:hover .permados{
  266. overflow:visible;
  267. opacity:1;
  268. border-bottom:1px solid #f7f7f7;
  269. bottom:-1px; }
  270.  
  271. .permalinktext {
  272. display:block;
  273. padding: 2px;
  274. margin: 0px 0px 0px 0px;
  275. text-transform:uppercase;
  276. font-family:calibri;
  277. font-size: 8px;
  278. color: #ccc;
  279. line-height: 10px;
  280. letter-spacing:1px;
  281. text-align: right;
  282. text-decoration: none;
  283. border-top:0px solid #eee;
  284. webkit-transition: all 0.2s linear;
  285. -webkit-transition: all 0.2s linear;
  286. -moz-transition: all 0.2s linear;
  287. transition: all 0.2s linear;
  288. {block:PermalinkPage}
  289. display:none;
  290. {/block:PermalinkPage} }
  291.  
  292. .permalinktext:hover{
  293. webkit-transition: all 0.2s linear;
  294. -webkit-transition: all 0.2s linear;
  295. -moz-transition: all 0.2s linear;
  296. transition: all 0.2s linear; }
  297.  
  298. #posts #entry #tags .comma:last-child {
  299. display: none; }
  300.  
  301. #mausami a{
  302. position:fixed;
  303. width:25px;
  304. height:25px;
  305. background:white;
  306. right:5px;
  307. bottom:5px;
  308. border-radius:20px;
  309. padding:5px;
  310. line-height:21px;
  311. font-size:27px;
  312. font-family:calibri;
  313. font-weight:bold;
  314. text-transform:uppercase;
  315. color:#ddd; }
  316.  
  317. .title{
  318. text-align: center;
  319. font-family:source code pro;
  320. text-transform:uppercase;;
  321. font-size: 10px;
  322. line-height:12px;
  323. letter-spacing: 0px;
  324. color: {color:Title}; }
  325.  
  326. #infscr-loading{
  327. bottom: -70px;
  328. position: absolute;
  329. left: 50%;
  330. margin-left:-8px;
  331. width:16px;
  332. height:11px;
  333. overflow:hidden;
  334. margin-bottom: 50px; }
  335.  
  336. mausami{
  337. font-family:source code pro;
  338. font-size:8px;
  339. letter-spacing:1px;
  340. text-transform:uppercase;
  341. color:{color:Links}; }
  342.  
  343. .chat ul {
  344. list-style: none;
  345. margin: 0px;
  346. padding: 0; }
  347.  
  348. .chat li {
  349. border-radius: 0.2em;
  350. margin-bottom: 2%;
  351. padding: 2%;
  352. width: 210px; }
  353.  
  354. .chat .odd {
  355. float: left;
  356. background:white;
  357. margin-left:0px; }
  358.  
  359. .chat .even {
  360. float: right;
  361. background: #fcfcfc; }
  362.  
  363. .audioplayerr {
  364. position:absolute;
  365. background: white;
  366. border:5px solid #fff;
  367. text-align:center;
  368. margin-left:16px;
  369. margin-top:16px;
  370. width:20px;
  371. height:20px;
  372. opacity:0.7;
  373. overflow:hidden;
  374. -webkit-transition: all 0.5s ease-in-out;
  375. -moz-transition: all 0.5s ease-in-out;
  376. -o-transition: all 0.5s ease-in-out;
  377. -ms-transition: all 0.5s ease-in-out;
  378. transition: all 0.5s ease-in-out; }
  379.  
  380. .audioplayerr:hover {
  381. opacity:1;
  382. -webkit-transition: all 0.5s ease-in-out;
  383. -moz-transition: all 0.5s ease-in-out;
  384. -o-transition: all 0.5s ease-in-out;
  385. -ms-transition: all 0.5s ease-in-out;
  386. transition: all 0.5s ease-in-out; }
  387.  
  388. .audioplayerr1{
  389. padding:1px;
  390. margin-top:-5px;
  391. margin-left:-5px;
  392. background-color: #fff; }
  393.  
  394. .audioplayerr1:hover {
  395. opacity:1; }
  396.  
  397. .albumartt {
  398. margin-left:0px; }
  399.  
  400. .albumartt img {
  401. background:#f7f7f7;
  402. max-width:40px;
  403. float:left;
  404. padding:10px;
  405. border:1px solid #f0f0f0; }
  406.  
  407. .infooo {
  408. position:relative;
  409. background:transparent;
  410. font-family:calibri;
  411. text-transform:none;
  412. font-size:10px;
  413. letter-spacing:0px;
  414. height:40px;
  415. width:140px;
  416. margin-top:-7px;
  417. margin-left:65px;
  418. line-height:15px;
  419. padding:5px; }
  420.  
  421. .notes img{
  422. width:15px;
  423. position:relative;
  424. top:3px;
  425. border-radius:5px; }
  426.  
  427. </style>
  428.  
  429. {block:IndexPage}
  430. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  431. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  432.  
  433. <script type="text/javascript">
  434. $(window).load(function(){
  435. var $wall = $('#posts');
  436. $wall.imagesLoaded(function(){
  437. $wall.masonry({
  438. itemSelector: '#entry, #entry_photo',
  439. isAnimated : false
  440. });
  441. });
  442.  
  443. $wall.infinitescroll({
  444. navSelector : '#pagination',
  445. nextSelector : '#pagination a',
  446. itemSelector : '#entry, #entry_photo',
  447. bufferPx : 2000,
  448. debug : false,
  449. errorCallback: function() {
  450. $('#infscr-loading').fadeOut('normal');
  451. }},
  452. function( newElements ) {
  453. var $newElems = $( newElements );
  454. $newElems.hide();
  455. $newElems.imagesLoaded(function(){
  456. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  457. });
  458. }); $('#posts').show(500);
  459. });
  460. </script>
  461. {/block:IndexPage}
  462.  
  463. </head>
  464. <body>
  465. <div id="center">
  466. <div id="mausami"><a href="http://euphoricaly.tumblr.com/" target="_blank">M</a></div>
  467. <div id="topbar">
  468. <a href="/"><img src="{image:Header}" style="position:fixed; width:500px; height:100px; margin-top:0px; padding:0px; border-radius:0px; opacity:0.6; background:{color:Header};"></a>
  469. <div id="blogtitle">{text:Blog Title}</div>
  470. <div id="blogtitle2">{text:Blog Title 2}</div>
  471. <div id="info">
  472. {description} <br>
  473. <div id="links">
  474. <a href="{text:Link 1}">{text:Link 1 Title}</a> /
  475. <a href="{text:Link 2}">{text:Link 2 Title}</a> /
  476. <a href="{text:Link 3}">{text:Link 3 Title}</a> /
  477. <a href="{text:Link 4}">{text:Link 4 Title}</a> /
  478. <a href="{text:Link 5}">{text:Link 5 Title}</a> /
  479. <a href="{text:Link 6}">{text:Link 6 Title}</a> </div> </div>
  480. </div></div>
  481.  
  482. <div class="left">
  483. <div id="posts">
  484. {block:Posts}
  485. <div id="entry" >
  486.  
  487. {block:Answer}
  488. <div style="min-height:30px; padding: 3px; border:1px solid #eee; background:#f7f7f7; color:{color:text}; padding:2px; border-radius:3px;">
  489. <img src="{AskerPortraitURL-24}" align="left" style="border-radius:3px; padding:3px;"><mausami>{Asker}</mausami>: {Question}&nbsp;</div>{Answer}
  490. <div class="permalinktext"> This post has <a href="{permalink}">{NoteCountwithlabel}</a></div>
  491. {/block:Answer}
  492.  
  493. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  494. {/block:Text}
  495.  
  496. {block:Link}<br><a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body" >{Description}</div>{/block:Description} <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>{block:Link}
  497.  
  498. {block:Photo}
  499. {block:IndexPage}
  500. <div class="permados">
  501. <a href="{reblogurl}">reblog</a> this post with <a href="{permalink}">{notecountwithlabel}</a></div>
  502. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=220px style="border-radius:3px;"></a>{LinkCloseTag}</center>
  503. {/block:IndexPage}
  504. {block:PermalinkPage}
  505. {LinkOpenTag}
  506. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>
  507. {LinkCloseTag}
  508. {/block:PermalinkPage}
  509. {/block:Photo}
  510.  
  511. {block:Photoset}
  512. {block:IndexPage}
  513. <center>
  514. {Photoset-250}</center>
  515. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  516. {/block:IndexPage}
  517. {block:PermalinkPage}
  518. <center>
  519. {Photoset-500}</center>
  520. {/block:PermalinkPage}
  521. {/block:Photoset}
  522.  
  523. {LinkCloseTag}
  524. {/block:PermalinkPage}
  525. {/block:Photo}
  526.  
  527. {block:Quote}<span class="title">"{Quote}"</span><br> {block:Source}<div style="text-align:right; font-weight:bold;"> — {Source}</div>{/block:Source}<div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Quote}
  528.  
  529. {block:Chat}
  530. {block:Title}<span class="title">{Title}</span>{/block:Title}
  531. <div class="chat">
  532. <ul>
  533. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  534. </ul>
  535. </div>
  536. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  537. {/block:Chat}
  538.  
  539. {block:Audio}
  540. <div class="albumartt"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  541. <div class="audioplayerr"><div class="audioplayerr1">{AudioPlayer}</div></div>
  542. <div class="infooo"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount} </div><br></br> <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  543. {block:IndexPage}
  544. {/block:IndexPage}
  545. {/block:Audio}
  546.  
  547. {block:Video}
  548. {block:IndexPage}
  549. <center>
  550. {Video-250}</center>
  551. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  552. {/block:IndexPage}
  553. {block:PermalinkPage}
  554. <center>
  555. {Video-400}</center>
  556. {/block:PermalinkPage}
  557. {block:Video}
  558.  
  559. {block:PermalinkPage}
  560. <center>
  561. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  562. {block:RebloggedFrom}
  563. posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  564. Original Source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  565. {block:NoteCount} <div style="text-align: center; margin: 10px;"></div>{/block:NoteCount}
  566. </center>
  567. {/block:PermalinkPage}
  568.  
  569. {block:PostNotes}<div align="left"></div>
  570. <center></center></span><br>
  571. <left>{PostNotes}</left>
  572. <center>{block:ContentSource}
  573. <br><a href="{SourceURL}">
  574. {lang:Source}:
  575. {block:SourceLogo}
  576. <img src="{BlackLogoURL}" width="{LogoWidth}"
  577. height="{LogoHeight}" alt="{SourceTitle}" />
  578. {/block:SourceLogo}
  579. {block:NoSourceLogo}
  580. {SourceLink}
  581. {/block:NoSourceLogo}
  582. </a>
  583. {/block:ContentSource}</center>
  584. {/block:PostNotes}
  585. </div>
  586. {/block:Posts}
  587. {block:IndexPage}
  588. {block:Pagination}
  589. <div id="pagination">
  590. {block:NextPage}
  591. <a id="nextPage" href="{NextPage}"></a>
  592. {/block:NextPage}
  593. {block:PreviousPage}
  594. <a href="{PreviousPage}"></a>
  595. {/block:PreviousPage}
  596. </div>
  597. {/block:Pagination}
  598. {/block:IndexPage}
  599. </div></
  600.  
  601. <BODY onselectstart="return false;" ondragstart="return false;">
  602.  
  603. <script type="text/javascript">
  604. <!--
  605.  
  606. // Disable Right Click Script
  607.  
  608. function IE(e)
  609. {
  610. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  611. {
  612. return false;
  613. }
  614. }
  615. function NS(e)
  616. {
  617. if (document.layers || (document.getElementById && !document.all))
  618. {
  619. if (e.which == "2" || e.which == "3")
  620. {
  621. return false;
  622. }
  623. }
  624. }
  625. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  626.  
  627. //-->
  628. </script>
  629.  
  630. </html>
Advertisement
Add Comment
Please, Sign In to add comment