API tools faq
paste
Advertisement
Slapoguzov

Untitled

Slapoguzov
Dec 15th, 2015
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.63 KB | None | 0 0
raw download clone embed print report
  1. <p style="text-align: center;"><img alt="" src="http://wowjp.net/_ph/8/237128891.png?1450158729" style="max-width: 100%;" /></p>
  2. <p>С каждым днем Легион все ближе, а вы же совсем не готовы! Предлагаю вам пройти тест, который содержит вопросы из истории Варкрафта и вопросы по новому дополнению, чтобы выявить все пробелы и начать интенсивную подготовку к сражению с пылающим Легионом! Уже по традиции, прошедшие тест бойцы получат <strong>уникальную&nbsp;награду<span style="font-size:14px;">*<img alt="" src="/wowjp-dart/Nagradu/awardQuotes.png" /></span></strong>. Удачи! &nbsp; &nbsp;</p>
  3. <p style="text-align: right;"><span style="font-size: 11px; line-height: 17.6px;">*для получения награды вы должны быть зарегистрированы на сайте</span>&nbsp;
  4. <style type="text/css">#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9, #qend {
  5. display:none;
  6. }
  7. .quiz {
  8. width: 90%;
  9. margin: 10px auto;
  10. border-radius: 6px;
  11. background: #473C30;
  12. border: 2px rgba(255, 255, 255, 0.16) solid;
  13. }
  14. .quiz_img .full {
  15. }
  16. .quiz_img img {
  17. margin: 20px auto;
  18. display: block;
  19. padding: 0px;
  20. border: 2px solid rgb(255, 255, 255);
  21. border-radius: 3px;
  22. height: 300px;
  23. }
  24. .quiz_content {
  25. padding-left: 20px;
  26. font-size: 18px;
  27. color: rgb(206, 196, 176);
  28. font-weight: 600;
  29. }
  30. li.selected {
  31. background-color: rgba(255, 141, 0, 0.22) !important;
  32. border: 1px solid rgba(36, 25, 11, 0.4) !important;
  33. }
  34. .quiz_content button {
  35. margin: 10px auto;
  36. display: block;
  37. background: rgba(15, 11, 7, 0.3);
  38. border: 1px solid rgb(170, 153, 118);
  39. border-radius: 5px;
  40. padding: 5px 20px 5px 20px;
  41. color: rgb(170, 153, 118);
  42. font-size: 14px;
  43. }
  44. .quiz_content .opt li {
  45. font-size: 15px;
  46. list-style: none;
  47. margin: 7px 50px 20px 0px;
  48. font-weight: 400;
  49. color: rgb(206, 196, 176);
  50. border: 1px solid rgba(132, 80, 16, 0.35);
  51. width: 140px;
  52. padding: 10px;
  53. border-radius: 4px;
  54. background-color: rgba(255, 129, 20, 0.1);
  55. height: 160px;
  56. display: inline-block;
  57. }
  58. .quiz_content .opt li:hover {
  59. background-color: rgb(104, 77, 50);
  60. }
  61. .buttonShare {
  62. margin: 0 auto;
  63. width: 150px;
  64. }
  65. .quiz .next {
  66. display: none;
  67. }
  68. .quiz_back {
  69. background: url(https://upload.wikimedia.org/wikipedia/ru/2/22/World_of_Warcraft_logo.png);
  70. width: 98%;
  71. height: 100%;
  72. background-size: contain;
  73. background-repeat: no-repeat;
  74. opacity: 0.08;
  75. margin: auto;
  76. position: relative;
  77. background-position-y: 50%;
  78. display: none;
  79. }
  80. .quiz .result {
  81. display: none;
  82. }
  83. .correct_ans {
  84. color: rgb(67, 232, 45);
  85. }
  86. .ncorrect_ans {
  87. color: rgb(224, 52, 52);
  88. }
  89. .quiz_descr {
  90. display: none;
  91. }
  92. .quiz .end {
  93. display:none;
  94. }
  95. .quiz_descr ul {
  96. font-size: 15px;
  97. margin: 7px 20px 7px 40px;
  98. font-weight: 400;
  99. color: rgb(206, 196, 176);
  100. border: 1px solid rgba(132, 80, 16, 0.35);
  101. padding: 10px 0px 10px 10px;
  102. border-radius: 4px;
  103. background-color: rgba(255, 129, 20, 0.1);
  104. max-width: 87%;
  105. }
  106. .quiz_end_content {
  107. font-size: 45px;
  108. text-align: center;
  109. padding: 200px 0px 200px 0px;
  110. color: #F5E6C5;
  111. }
  112. .ulog {
  113. display:none;
  114. }
  115. .fisrt_line,
  116. .second_line {
  117. display: flex;
  118. justify-content: center;
  119. }
  120. .quiz_head_content {
  121. margin-top: 20px;
  122. margin-bottom: 20px;
  123. margin-left: 60px;
  124. display: block;
  125. white-space: nowrap;
  126. margin-right: 13%;
  127. }
  128. .quiz_img_answ img {
  129. border-radius: 100px;
  130. border: 3px solid #ff4d3b;
  131. width: 100%;
  132. height: 100%;
  133. }
  134. .quiz_img_answ,
  135. .quiz_quote {
  136. display: inline-block;
  137. }
  138. .quiz_img_answ {
  139. width: 20%;
  140. max-width: 146px;
  141. max-height: 146px;
  142. vertical-align: top;
  143. }
  144. .quiz_quote {
  145. min-height: 50px;
  146. margin: 3% 30px 3% 30px;
  147. border: 2px solid #ff4d3b;
  148. border-radius: 5px;
  149. position: relative;
  150. white-space: normal;
  151. padding-right: 50px;
  152. }
  153. .quiz_quote:before {
  154. content: "";
  155. position: absolute;
  156. left: -20px;
  157. top: 10px;
  158. width: 0;
  159. height: 0;
  160. border-right: 18px solid rgb(255, 77, 59);
  161. border-top: 13px solid transparent;
  162. border-bottom: 13px solid transparent
  163. }
  164. .quiz_quote:after {
  165. content: "";
  166. position: absolute;
  167. left: -17px;
  168. top: 11px;
  169. width: 0;
  170. height: 0;
  171. border-right: 18px solid #473C30;
  172. border-top: 12px solid transparent;
  173. border-bottom: 12px solid transparent;
  174. }
  175. .quiz_audio img {
  176. width: 24px;
  177. margin-left: 30px;
  178. margin-top: 7px;
  179. opacity: 0.7;
  180. }
  181. .quiz_audio img:hover {
  182. opacity: 1;
  183. }
  184. .quiz_text_quote {
  185. padding: 10px;
  186. }
  187. .quiz_text_quote,
  188. .quiz_audio {
  189. display: inline-block;
  190. float: left;
  191. }
  192. .quiz_audio {
  193. position: absolute;
  194. right: 14px;
  195. vertical-align: middle;
  196. }
  197. ul.opt {
  198. margin: 0 auto;
  199. width: 430px;
  200. }
  201. .answ_img img {
  202. width: 90px;
  203. margin: 0 auto;
  204. display: block;
  205. border-radius: 90px;
  206. }
  207. .answ_text {
  208. text-align: center;
  209. margin-top: 5px;
  210. }
  211. .quiz_content button:hover {
  212. background: rgba(15, 11, 7, 0.41);
  213. border: 1px solid rgba(170, 153, 118, 0.5);
  214. }
  215. .coreect_ch {
  216. background-color: rgb(76, 104, 50) !important;
  217. border: 1px solid rgba(38, 87, 49, 0.48) !important;
  218. }
  219. .uncoreect_ch {
  220. background-color: rgb(104, 62, 50) !important;
  221. border: 1px solid rgba(87, 52, 38, 0.48) !important;
  222. }
  223. </style>
  224. </p>
  225. <div class="quiz">
  226. <div class="quiz_back">&nbsp;</div>
  227. <div id="q1">
  228. <div class="quiz_head_content">
  229. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  230. <div class="quiz_quote"><div class="quiz_text_quote">Сражайтесь, друзья, убейте его и покончите с проклятьем, лежащем на моем народе. Будьте осторожны, друзья. Отступник уединился во дворе неподалеку отсюда. Берегитесь его взгляда, не смотрите ему в глаза!</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_1" src="/testQuotes/1.mp3"></audio></div></div>
  231. </div>
  232. <div class="quiz_content">
  233. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  234. <div class="result">Правильно!</div>
  235. <div class="quiz_descr">Объединившись с Майев Песнь Теней, тюремщиком которой он был, Акама с группой авантюристов проник в Черный Храм и пробился на его вершину, чтобы сразиться с Иллиданом и победить.</div>
  236. <ul class="opt">
  237. <div class="fisrt_line">
  238. <li id="a1_1"><div class="answ_img"><img src="/testQuotes/12.png"></div> <div class="answ_text"><div>Сюэнь Белый тигр</div></li>
  239. <li id="a1_2"><div class="answ_img"><img src="/testQuotes/17.png"></div> <div class="answ_text"><div>Хранитель истории Чо</div></li>
  240. </div>
  241. <div class="second_line">
  242. <li id="a1_3"><div class="answ_img"><img src="/testQuotes/1.png"></div> <div class="answ_text"><div>Акама</div></li>
  243. <li id="a1_4"><div class="answ_img"><img src="/testQuotes/11.png"></div> <div class="answ_text"><div>Гневион</div></li>
  244. </div>
  245. </ul>
  246. <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  247. </div>
  248. <div id="q2">
  249. <div class="quiz_head_content">
  250. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  251. <div class="quiz_quote"><div class="quiz_text_quote">Волшебники Кирин-Тора, я приказываю вам открыть ворота и склониться перед силой плети!</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_2" src="/testQuotes/2.mp3"></audio></div></div>
  252. </div>
  253. <div class="quiz_content">
  254. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  255. <div class="result">Правильно!</div>
  256. <div class="quiz_descr">Артас Менетил, кронпринц Лордерона и рыцарь Cеребряной Длани был сыном короля Теренаса Менетила II и наследником трона.</div>
  257. <ul class="opt">
  258. <div class="fisrt_line">
  259. <li id="a2_1"><div class="answ_img"><img src="/testQuotes/19.png"></div> <div class="answ_text"><div>Анетерон</div></li>
  260. <li id="a2_2"><div class="answ_img"><img src="/testQuotes/18.png"></div> <div class="answ_text"><div>Всадник без головы</div></li>
  261. </div>
  262. <div class="second_line">
  263. <li id="a2_3"><div class="answ_img"><img src="/testQuotes/14.png"></div> <div class="answ_text"><div>Ловчий Аттумен</div></li>
  264. <li id="a2_4"><div class="answ_img"><img src="/testQuotes/2.png"></div> <div class="answ_text"><div>Артас</div></li>
  265. </div>
  266. </ul>
  267. <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  268. </div>
  269. <div id="q3">
  270. <div class="quiz_head_content">
  271. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  272. <div class="quiz_quote"><div class="quiz_text_quote">Почувствуйте ненависть десяти тысяч лет! Вы недостойны даже коснуться меня!</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_3" src="/testQuotes/3.mp3"></audio></div></div>
  273. </div>
  274. <div class="quiz_content">
  275. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  276. <div class="result">Правильно!</div>
  277. <div class="quiz_descr">Иллидан Ярость Бури был самопровозглашенным Владыкой Запределья, правившим из Черного Храма.</div>
  278. <ul class="opt">
  279. <div class="fisrt_line">
  280. <li id="a3_1"><div class="answ_img"><img src="/testQuotes/27.png"></div> <div class="answ_text"><div>Архимонд</div></li>
  281. <li id="a3_2"><div class="answ_img"><img src="/testQuotes/3.png"></div> <div class="answ_text"><div>Иллидан Ярость Бури</div></li>
  282. </div>
  283. <div class="second_line">
  284. <li id="a3_3"><div class="answ_img"><img src="/testQuotes/26.png"></div> <div class="answ_text"><div>Кил'Джеден</div></li>
  285. <li id="a3_4"><div class="answ_img"><img src="/testQuotes/21.png"></div> <div class="answ_text"><div>Терон Кровожад</div></li>
  286. </div>
  287. </ul>
  288. <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  289. </div>
  290. <div id="q4">
  291. <div class="quiz_head_content">
  292. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  293. <div class="quiz_quote"><div class="quiz_text_quote">Увы, иногда приходится брать все в свои руки. Вы справились с моими лучшими советниками, но перед мощью кровавого молота не устоит никто!</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_4" src="/testQuotes/4.mp3"></audio></div></div>
  294. </div>
  295. <div class="quiz_content">
  296. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  297. <div class="result">Правильно!</div>
  298. <div class="quiz_descr">Принц Кель'тас Солнечный Скиталец (англ. Kael'thas Sunstrider) или просто Кель был могущественным магом и членом Совета Шести - высшего тайного совета Кирин Тора.</div>
  299. <ul class="opt">
  300. <div class="fisrt_line">
  301. <li id="a4_1"><div class="answ_img"><img src="/testQuotes/20.png"></div> <div class="answ_text"><div>Ша Страха</div></li>
  302. <li id="a4_2"><div class="answ_img"><img src="/testQuotes/16.png"></div> <div class="answ_text"><div>Варок Саурфанг</div></li>
  303. </div>
  304. <div class="second_line">
  305. <li id="a4_3"><div class="answ_img"><img src="/testQuotes/4.png"></div> <div class="answ_text"><div>Кель'тас Солнечный Скиталец</div></li>
  306. <li id="a4_4"><div class="answ_img"><img src="/testQuotes/23.png"></div> <div class="answ_text"><div>Рагнарос</div></li>
  307. </div>
  308. </ul>
  309. <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  310. </div>
  311. <div id="q5">
  312. <div class="quiz_head_content">
  313. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  314. <div class="quiz_quote"><div class="quiz_text_quote">Ты прав, Фордринг. Я действительно послал их на верную смерть. Их жизни ничего не стоят, но вот твоя...</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_5" src="/testQuotes/5.mp3"></audio></div></div>
  315. </div>
  316. <div class="quiz_content">
  317. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  318. <div class="result">Правильно!</div>
  319. <div class="quiz_descr">Король-лич является владыкой и повелителем Плети, которой он телепатически правит со своего Ледяного трона, стоящего на верхушке Цитадели Ледяной Короны.</div>
  320. <ul class="opt">
  321. <div class="fisrt_line">
  322. <li id="a5_1"><div class="answ_img"><img src="/testQuotes/5.png"></div> <div class="answ_text"><div>Король-лич</div></li>
  323. <li id="a5_2"><div class="answ_img"><img src="/testQuotes/24.png"></div> <div class="answ_text"><div>Тень Арана</div></li>
  324. </div>
  325. <div class="second_line">
  326. <li id="a5_3"><div class="answ_img"><img src="/testQuotes/15.png"></div> <div class="answ_text"><div>Норусхен</div></li>
  327. <li id="a5_4"><div class="answ_img"><img src="/testQuotes/13.png"></div> <div class="answ_text"><div>Тажань Чжу</div></li>
  328. </div>
  329. </ul>
  330. <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  331. </div>
  332. <div id="q6">
  333. <div class="quiz_head_content">
  334. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  335. <div class="quiz_quote"><div class="quiz_text_quote">Иллидан должен быть пойман, изловлен, схвачен, скручен, связан и посажен на цепь</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_6" src="/testQuotes/6.mp3"></audio></div></div>
  336. </div>
  337. <div class="quiz_content">
  338. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  339. <div class="result">Правильно!</div>
  340. <div class="quiz_descr">Майев Песнь Теней - ночная эльфийка, которая в прошлом была одной из жриц Элуны, но присоединилась к рядам Стражей.</div>
  341. <ul class="opt">
  342. <div class="fisrt_line">
  343. <li id="a6_1"><div class="answ_img"><img src="/testQuotes/32.png"></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  344. <li id="a6_2"><div class="answ_img"><img src="/testQuotes/6.png"></div> <div class="answ_text"><div>Майев Песнь Теней</div></li>
  345. </div>
  346. <div class="second_line">
  347. <li id="a6_3"><div class="answ_img"><img src="/testQuotes/31.png"></div> <div class="answ_text"><div>Сильвана Ветрокрылая</div></li>
  348. <li id="a6_4"><div class="answ_img"><img src="/testQuotes/30.png"></div> <div class="answ_text"><div>Элуна</div></li>
  349. </div>
  350. </ul>
  351. <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  352. </div>
  353. <div id="q7">
  354. <div class="quiz_head_content">
  355. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  356. <div class="quiz_quote"><div class="quiz_text_quote">Чья бы корова мычала. Нет, медвежьих услуг мне не надо. Холод тут собачий. Тьфу, слово сказать нельзя</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_7" src="/testQuotes/7.mp3"></audio></div></div>
  357. </div>
  358. <div class="quiz_content">
  359. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  360. <div class="result">Правильно!</div>
  361. <div class="quiz_descr">Рексар, Чемпион Орды – повелитель зверей из клана Мок'Натал, наполовину орк и наполовину огр.</div>
  362. <ul class="opt">
  363. <div class="fisrt_line">
  364. <li id="a7_1"><div class="answ_img"><img src="/testQuotes/29.png"></div> <div class="answ_text"><div>Малфурион Ярость Бури</div></li>
  365. <li id="a7_2"><div class="answ_img"><img src="/testQuotes/33.png"></div> <div class="answ_text"><div>Тралл</div></li>
  366. </div>
  367. <div class="second_line">
  368. <li id="a7_3"><div class="answ_img"><img src="/testQuotes/34.png"></div> <div class="answ_text"><div>Дуротан</div></li>
  369. <li id="a7_4"><div class="answ_img"><img src="/testQuotes/7.png"></div> <div class="answ_text"><div>Рексар</div></li>
  370. </div>
  371. </ul>
  372. <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  373. </div>
  374. <div id="q8">
  375. <div class="quiz_head_content">
  376. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  377. <div class="quiz_quote"><div class="quiz_text_quote">Ты так ничему и не научился, мальчишка? В тебе соединилось все, с чем бился твой отец. Как трусливый Артас ты позволил тьме и ненависти затмить твой разум. Боль тех, кого ты мучил и убивал, лишь укрепляла тебя</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_8" src="/testQuotes/8.mp3"></audio></div></div>
  378. </div>
  379. <div class="quiz_content">
  380. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  381. <div class="result">Правильно!</div>
  382. <div class="quiz_descr">Верховный Лорд Тирион Фордринг, является Верховным Главнокомандующим Серебряного Авангарда, и владельцем Испепелителя.</div>
  383. <ul class="opt">
  384. <div class="fisrt_line">
  385. <li id="a8_1"><div class="answ_img"><img src="/testQuotes/36.png"></div> <div class="answ_text"><div>Кадгар</div></li>
  386. <li id="a8_2"><div class="answ_img"><img src="/testQuotes/35.png"></div> <div class="answ_text"><div>Болвар</div></li>
  387. </div>
  388. <div class="second_line">
  389. <li id="a8_3"><div class="answ_img"><img src="/testQuotes/37.png"></div> <div class="answ_text"><div>Вариан Ринн</div></li>
  390. <li id="a8_4"><div class="answ_img"><img src="/testQuotes/8.png"></div> <div class="answ_text"><div>Тирион Фордринг</div></li>
  391. </div>
  392. </ul>
  393. <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  394. </div>
  395. <div id="q9">
  396. <div class="quiz_head_content">
  397. <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  398. <div class="quiz_quote"><div class="quiz_text_quote">Настал час молота. Я бью два раза: один по голове, другой по крышке гроба. Кто не с нами, тот против нас. Мой молот укрепит вашу веру. Пусть сгинет тьма</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"><audio class="audio_quote" id="aud_9" src="/testQuotes/9.mp3"></audio></div></div>
  399. </div>
  400. <div class="quiz_content">
  401. <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  402. <div class="result">Правильно!</div>
  403. <div class="quiz_descr">Утер Светоносный - был первым паладином из Ордена Серебряной Длани, кто повел свой орден на битву против Орды во времена Второй Войны.</div>
  404. <ul class="opt">
  405. <div class="fisrt_line">
  406. <li id="a9_1"><div class="answ_img"><img src="/testQuotes/9.png"></div> <div class="answ_text"><div>Утер</div></li>
  407. <li id="a9_2"><div class="answ_img"><img src="/testQuotes/38.png"></div> <div class="answ_text"><div>Мурадин</div></li>
  408. </div>
  409. <div class="second_line">
  410. <li id="a9_3"><div class="answ_img"><img src="/testQuotes/39.png"></div> <div class="answ_text"><div>Бранн</div></li>
  411. <li id="a9_4"><div class="answ_img"><img src="/testQuotes/40.png"></div> <div class="answ_text"><div>Магни</div></li>
  412. </div>
  413. </ul>
  414. <button class="answer">Ответить</button><button class="end">Завершить</button></div>
  415. </div>
  416. <div id="qend">
  417. <div class="quiz_end_content">Ваш результат <span class="res">..</span> из 9.
  418. <div class="ulog">Вы получаете награду <img src="/wowjp-dart/Nagradu/awardQuotes.png" style="border:0;vertical-align: middle;" /></div>
  419. <div class="shareVK">Поделись с друзьями своим результатом:
  420. <div class="buttonShare">&nbsp;</div>
  421. </div>
  422. </div>
  423. </div>
  424. </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!