API tools faq
paste
Advertisement
tsiappoworks

Amai Wikia

tsiappoworks
Sep 26th, 2017
143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  4.  
  5. <style type="text/css">
  6. /*---------------------BODY--------------------*/
  7. ::-webkit-scrollbar-thumb{
  8. background-color:#7192AE;
  9. height:auto;
  10. }
  11.  
  12. ::-webkit-scrollbar {
  13. background-color:transparent;
  14. height:auto;
  15. width:4px;
  16. }
  17.  
  18. ::-webkit-scrollbar:horizontal {
  19. background-color:transparent;
  20. height:4px;
  21. width:auto;}
  22.  
  23.  
  24. hr {
  25. border: 0;
  26. height: 1px;
  27. background-image: linear-gradient(to right, rgba(185, 210, 220, 0), rgba(48, 101, 120, 0.75), rgba(185, 210, 220, 0));
  28. }
  29.  
  30. h1 {
  31. font-weight:normal;
  32. font-size:22px;
  33. text-align:center;
  34. font-style:normal;
  35. line-height:100%;
  36. letter-spacing:1px;
  37. text-transform:normal;
  38. color:#7192AE;
  39. font-family: 'Oswald', sans-serif;
  40. }
  41.  
  42. h2 {
  43. font-size:26px;
  44. text-align:center;
  45. line-height:100%;
  46. letter-spacing:-0.5px;
  47. color:#7192AE;
  48. font-weight:bold;
  49. padding:5px;
  50. font-family: 'Oswald', sans-serif;
  51. }
  52.  
  53. body {
  54. margin:0;
  55. background: url('https://i.imgur.com/mHGowYB.png') repeat top left fixed;
  56. background-color:#dadada;
  57. font-size:13px;
  58. line-height:120%;
  59. word-wrap: break-word;
  60. font-family:Calibri, helvetica, arial, sans-serif;
  61. width:100%;
  62. }
  63.  
  64. pre {
  65. white-space: pre-wrap;
  66. white-space: -moz-pre-wrap;
  67. white-space: -pre-wrap;
  68. white-space: -o-pre-wrap;
  69. word-wrap: break-word;
  70. }
  71.  
  72. small {
  73. font-size:10px;
  74. font-family: calibri,helvetica,arial,sans-serif;
  75. }
  76.  
  77. sub,sup {
  78. font-size:11px;
  79. font-family: calibri,helvetica,arial,sans-serif;
  80. }
  81.  
  82. a {
  83. text-decoration:none;
  84. outline:none;
  85. -moz-outline-style:none;
  86. color:#7192AE;
  87. }
  88.  
  89. img{border:0; max-width:100%;max-height:auto;}
  90.  
  91. /*------------------- THE WHOLE SHEBANG ------------------*/
  92.  
  93. #wrapper {
  94. margin:20px auto;
  95. z-index:990;
  96. width:70%;
  97. padding:0px;
  98. overflow-y:auto;
  99. overflow-x:hidden;
  100. color:#191919;
  101. background-color:#fff;
  102. border:1px solid #ADBBC6;
  103. }
  104.  
  105. #wrapper .title{
  106. font-size:35px;
  107. font-weight:bold;
  108. padding:5px;
  109. }
  110.  
  111. blockquote {
  112. padding:2px 5px 2px 10px;
  113. margin:5px;
  114. border-left:1px dotted {color:body font};
  115. }
  116.  
  117. blockquote img {
  118. max-width:100%;}
  119.  
  120. img{
  121. border:0px;
  122. max-width:100%;
  123. }
  124.  
  125. /*------------------------ TITLE BAR ----------------------------*/
  126. #wrapper #header{
  127. width:100%;
  128. background-color:#ADBBC6;
  129. clear:both;
  130. display:table;
  131. font-size:12px;
  132. border:1px solid #ADBBC6;
  133. }
  134.  
  135. /*------------------------- MAIN CONTENT ------------------------*/
  136. #wrapper #meat {
  137. display:block;
  138. float:left;
  139. width:68%;
  140. background-color:#fff;
  141. margin:0px auto;
  142. padding: 1%;
  143. }
  144.  
  145. #wrapper #meat .title {
  146. font-family: Calibri, helvetica, arial, sans-serif;
  147. font-size:30px;
  148. font-weight:super bold;
  149. letter-spacing:1px;
  150. height:20px;
  151. border-bottom:1px solid #ADBBC6;
  152. }
  153.  
  154. #wrapper #meat .text {
  155. font-family: Calibri, helvetica, arial, sans-serif;
  156. font-size:12px;
  157. font-weight:300;
  158. line-height:140%;
  159. }
  160.  
  161. .text ul li{
  162. list-style-type:circle;
  163. }
  164.  
  165. /*---------------------- STATS SECTION IS HERE -------------------*/
  166. .statsbubble{
  167. width:270px;
  168. float:right;
  169. padding:1px;
  170. margin:0px 0px 0px 7px;
  171. border:5px solid #ADBBC6;
  172. border-radius:15px;
  173. background-color:white;
  174. }
  175.  
  176. .statsbubble .title{
  177. background-color:#ADBBC6;
  178. color:white;
  179. border-radius:9px;
  180. text-align:center;
  181. font-weight:bold;
  182. max-height:15px;
  183. }
  184.  
  185. .statsbubble .label{
  186. background-color:#ADBBC6;
  187. border-radius:9px;
  188. color:white;
  189. text-align:center;
  190. float:left;
  191. width:30%;
  192. margin-top:5px;
  193. margin-left:2px;
  194. padding:1px 2px;
  195. }
  196.  
  197. .statsbubble .define{
  198. background-color:#EEF2F5;
  199. border-radius:9px;
  200. float:right;
  201. width:65%;
  202. margin-top:5px;
  203. padding:1px;
  204. margin-right:2px;
  205. }
  206.  
  207. /*------------------------- CONTENT @ RIGHT ------------------------*/
  208. #wrapper #veggie {
  209. display:block;
  210. float:right;
  211. width:28%;
  212. background-color:#fff;
  213. margin:0px auto;
  214. padding: 1%;
  215. min-height:100%;
  216. }
  217.  
  218. #wrapper #veggie .title {
  219. font-family: Calibri, helvetica, arial, sans-serif;
  220. font-size:20px;
  221. font-weight:super bold;
  222. letter-spacing:1px;
  223. height:20px;
  224. border-bottom:1px solid #ADBBC6;
  225. }
  226.  
  227. #wrapper #veggie .text {
  228. font-family: Calibri, helvetica, arial, sans-serif;
  229. font-size:12px;
  230. font-weight:300;
  231. line-height:140%;
  232. }
  233.  
  234. .text ul li{
  235. list-style-type:circle;
  236. }
  237.  
  238. /*--------------------CREDITS-----------------------*/
  239. #cred
  240. {
  241. position:fixed;
  242. z-index:99;
  243. width: 55px;
  244. height: 18px;
  245. font-family: Arial;
  246. font-size: 7px;
  247. text-transform: uppercase;
  248. text-align: center;
  249. bottom: 10px;
  250. left: 10px;
  251. letter-spacing: 1px;
  252. line-height: 4px;
  253. padding: 10px 3px;
  254. display: block;
  255. position: fixed;
  256. }
  257.  
  258. #cred a
  259. {
  260. font-weight: bold;
  261. line-height: 17px;
  262. font-size: 12px;
  263. font-family: 'Oswald', sans-serif;
  264. text-transform: uppercase;
  265. letter-spacing: 3px;
  266. margin-left:5px;
  267. }
  268.  
  269. {CustomCSS}</style>
  270. </head>
  271. <body>
  272. <!---------------------- MAIN CONTENT ----------------------->
  273.  
  274. <div id="wrapper">
  275. <!------------------------ TITLE BAR --------------------------->
  276. <div id="header">
  277.  
  278. <!------- this is your logo right here ------->
  279. <img src="https://i.imgur.com/BGVEXpf.png" style="width:250px;height:auto;float:left;"><br><br><br>
  280.  
  281. <div class="title" style="float:left;">Utaite Wiki</div>
  282.  
  283. <div style="float:right;text-align:center;padding:5px 7px;border:1px solid white;margin:10px;">ADD NEW PAGE</div>
  284.  
  285. <div class="title" style="float:right;text-align:right;line-height:65%;font-size:30px;">15,300<br><span style="font-size:18px;">PAGES</span></div>
  286.  
  287. <div style="margin-top:40px;">&nbsp;&nbsp;NND UTAITE <small>▼</small> &nbsp;&nbsp;YT SINGERS <small>▼</small> &nbsp;&nbsp;MISC. <small>▼</small> &nbsp;&nbsp;RESOURCES <small>▼</small> &nbsp;&nbsp;EXPLORE <small>▼</small> &nbsp;&nbsp;FORUM</div>
  288. </div>
  289.  
  290. <!------------------------ BODY CONTENT --------------------------->
  291. <div id="meat">
  292.  
  293. <div class="title">Amai</div>
  294.  
  295. <div style="padding:5px 7px;border: 1px solid #ADBBC6;margin:10px;">
  296. <em style="font-size:15px;">This utaite's song list is up-to-date and complete. Most recent upload: <b>August 29, 2017.</b></em>
  297. <br>This article was <span style="color:#7192AE;">last edited</span> by <span style="color:#7192AE">Honey</span> 2 days ago. If you feel the list needs an update, please help by doing so.
  298. </div>
  299.  
  300. <!------------- this is the stats section ------------->
  301. <div class="statsbubble">
  302. <div class="title" style="font-size:20px;">Amai</div>
  303. <img src="https://i.imgur.com/fricWYb.png" style="background-color:#E4E8EC;border-radius:9px;margin:2px 0px;padding:10px 0px;">
  304.  
  305. <div class="label">Japanese:</div> <div class="define">甘い( Amai, lit. "Sweets")</div><br>
  306. <div class="label">Also known as:</div> <div class="define">N/A</div><br>
  307. <div class="label">Gender:</div> <div class="define">Female</div><br>
  308. <div class="label" style="padding:3px 1px;">Born:</div> <div class="define">January 6th (age 17)<sup>[<span style="color:#7192AE;">1</span>]</sup></div><br>
  309. <div class="label">Status:</div> <div class="define">Active</div><br>
  310. <div class="label">Years active:</div> <div class="define">20XX-present</div><br>
  311. <div class="label">YT channels:</div> <div class="define">Amaich</div><br>
  312. <div class="label" style="padding:8.5px 1px;">NND related sites:</div> <div class="define">user/9464826<br>
  313. mylist/326783<br>
  314. amaiyo-channel</div>
  315. <div class="label">Collab partners:</div> <div class="define">Nanami, 96Hime, Momoirohime, hanaK0, Tokun0</div>
  316. </div>
  317.  
  318. <!------- here's where the actual content starts ---------->
  319. <p>Amai (甘い) is an utaite who has been uploading since 20XX. She has a clear and flexible voice, and doesn’t seem to have a default Vocaloid and Genre, causing her selection to be varied. She also occasionally inserts ad-libs and plot dialogue into her covers. Her breakout song was said to be Kisaragi ATTENTION, in which her faceclaim soon changed to a variation of Kisaragi Momo and Mary. She collaborates a lot with Utaites 196Hime, Momoirohime, hanaK0 and Tokun0.
  320.  
  321. <p>Amai is renown for her steady stream of covers in numbers and her voice control/range. This range training has caused her to be known as the “Append Utaite”.
  322.  
  323. <p>Currently, her activity within the community has lowered a bit due to school, but continues to upload new or redone covers in a steady rate, as well as becoming a collaborating lyricist to many producers.
  324.  
  325. <div style="padding:5px 7px;border: 1px solid #ADBBC6;margin:10px;width:200px;">
  326. <div style="font-size:15px;text-align:center;">Contents <small>[<span style="color:#7192AE;">hide</span>]</small></div>
  327. <ol style="margin-left:-15px;">
  328. <li>Groups</li>
  329. <li>CDs</li>
  330. <ol style="margin-left:-15px;">
  331. <li>Doujin</li>
  332. <li>Collaborative</li>
  333. <li>Solo</li>
  334. <li>Drama</li>
  335. </ol>
  336. <li>Trivia</li>
  337. </ol>
  338. </div>
  339.  
  340. <div style="font-size:18px;padding:0px 0px 5px;border-bottom:1px solid #ADBBC6;">Groups</div>
  341. <ol>
  342. <li>VocaBreeze ( Manager | Lyricist | Off and On Member )</li>
  343. <li>Doki Doki Gakuren ( Member )</li>
  344. <li>U^3 ( Member | Leader?? )</li>
  345. <li>ClassiMusiQ ( Member | Lyricist )</li>
  346. </ol>
  347.  
  348. <div style="font-size:18px;padding:0px 0px 5px;border-bottom:1px solid #ADBBC6;">CDs</div>
  349. <ul>
  350. <li><b>Doujin</b>&mdash;4</li>
  351. <ul>
  352. <li>ANTINOMY ~Witch of Solatium and Judicum~</li>
  353. <li>Wasurenagusa</li>
  354. <li>Soliel —Adou Lux Lucis—</li>
  355. <li>Maiden Collector ~PARADE~</li>
  356. </ul>
  357. <li><b>Collaborative</b>&mdash;6</li>
  358. <ul>
  359. <li>Clockwork SEVEN (3 songs)</li>
  360. <li>Two Sides to One (3 songs)</li>
  361. <li>BORGATA Times (2 songs)</li>
  362. <li>Gekkou EGOTIST (1 song)</li>
  363. <li>NEMESIS ~La Tradgedia Noire~ (4 Songs)</li>
  364. </ul>
  365. <li><b>Solo</b>&mdash;3</li>
  366. <ul>
  367. <li>A Dream Wthin A Dream</li>
  368. <li>Magnolia Waltz</li>
  369. <li>Dreaming Up!</li>
  370. </ul>
  371. <li><b>Drama</b>&mdash;5</li>
  372. <ul>
  373. <li>Doki Doki Bishounen Gakuren!! &mdash; <em>Herself / Amai</em></li>
  374. <li>Games Tea Room &mdash; <em>Witch of Solatium; Alice</em></li>
  375. <li>Red Lily Garden &mdash; <em>Lilliei</em></li>
  376. <li>CHECKMaTE &mdash; <em>Elice Cross</em></li>
  377. <li>NEMESIS ~La Ange Noire~ &mdash; <em>Ariadene the Maid</em></li>
  378. <li>Moira &mdash; <em>Artemisia; Youngest Muse</em></li>
  379. </ul>
  380. </ul>
  381.  
  382. <div style="font-size:18px;padding:0px 0px 5px;border-bottom:1px solid #ADBBC6;">Trivia</div>
  383. <ul>
  384. <li>Amai is currently a student at a High School in Tokyo and plans on becoming a professional singer.</li>
  385. <li>Amai was born in Hokkaido.</li>
  386. <li>Amai has two elder brothers, and is the youngest sibling.</li>
  387. <li>She is known to be a massive voice enthusiast, complimenting people on their voices in great detail.</li>
  388. <li>She started uploading covers at the end of Elementary School, but did not reveal her face until she was accepted into High School.</li>
  389. <li>It’s revealed by 196Hime that she and Amai go to the same school, along with people Amai frequently collaborates with.</li>
  390. <li>Despite using the gender-neutral pronoun of “watashi" while singing, in namahousous she’s revealed to refer to herself with the informally feminine “atashi" by default.</li>
  391. <li>She has a calico named Orenji.</li>
  392. <li>She often gives out nicknames for her friend’s privacy. Her best friends are nicknamed "Lion” and “Cinderella”.</li>
  393. <li>Amai and her Utaite friends are often shipped together, so they slip in shipping material to mess with their fans, and find it a hilarious pastime.</li>
  394. <ul>
  395. <li>Amai’s most popular ships are with MomoiroHime and Tokun0, but while Momoiro and Amai explicitly state that they’re best friends, Tokun0 gives vague comments. Amai and Tokun0’s consistent namahousous together don’t help.</li>
  396. </ul>
  397. <li>Similar to the Kagamine Twins, it’s an ongoing joke that Amai plays roles where the character is the victim of tragedy. She calls it the “Blonde Curse”.</li>
  398. <li>Her favorite colors are blue, white and orange.</li>
  399. <li>She likes milk tea and honeybuns, and dislikes eggplants.</li>
  400. </ul>
  401. </div>
  402.  
  403. <!------------------------ SIDEBAR CONTENT --------------------------->
  404. <div id="veggie">
  405.  
  406. <div class="title">Recent Wiki Activity</div>
  407. <br>
  408. <span style="color:#7192AE; font-size:16px;">Tokun0</span><br>
  409. A FANDOM user &middot; 1 hour ago<br>
  410. <br>
  411. <span style="color:#7192AE; font-size:16px;">Nanami</span><br>
  412. A FANDOM user &middot; 5 hours ago<br>
  413. <br>
  414. <span style="color:#7192AE; font-size:16px;">Momoirohime</span><br>
  415. A FANDOM user &middot; 13 hours ago<br>
  416. <br><br>
  417.  
  418. <div class="title">Trending Utaite Articles</div>
  419. <br>
  420. <a href="/" style="color:#191919; font-size:16px;"><img src="http://via.placeholder.com/400x150">
  421. Some kind of ad/article title goes here.</a><br><br>
  422. <a href="/" style="color:#191919; font-size:16px;"><img src="http://via.placeholder.com/400x150">
  423. Some kind of ad/article title goes here.</a><br><br>
  424. <a href="/" style="color:#191919; font-size:16px;"><img src="http://via.placeholder.com/400x150">
  425. Some kind of ad/article title goes here.</a><br><br>
  426. <a href="/" style="color:#191919; font-size:16px;"><img src="http://via.placeholder.com/400x150">
  427. Some kind of ad/article title goes here.</a><br><br>
  428.  
  429. <a href="/"><img src="http://via.placeholder.com/400x250"></a><br><br>
  430.  
  431. </div>
  432.  
  433. <!-------------------------- ENDS --------------------------->
  434. </div>
  435.  
  436. </div></div>
  437.  
  438. </body>
  439.  
  440. <div id="cred"><a href="http://seacrowned.tumblr.com/">CHEDIT</a></div>
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!