API tools faq
paste
Advertisement
kevin_neven

Untitled

kevin_neven
Jun 16th, 2016
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html><head>
  3. <title>C: /IMAGE.EXE</title>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <link rel="icon" href="assets/Logo.png">
  7.  
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  9.  
  10. <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
  11.  
  12. <script src="JS/bootstrap.js"></script>
  13. <script src="JS/bootstrap.min.js"></script>
  14. <script src="JS/npm.js"></script>
  15. <script src="JS/show.js"></script>
  16. <script src="JS/cookie.js"></script>
  17. <!-- Latest compiled and minified CSS -->
  18. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  19.  
  20. <!-- Optional theme -->
  21. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
  22.  
  23. <!-- Latest compiled and minified JavaScript -->
  24. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
  25.  
  26. <link rel="stylesheet" type="text/css" href="CSS/bootstrap.css">
  27. <link rel="stylesheet" type="text/css" href="CSS/bootstrap.min.css">
  28. <link rel="stylesheet" type="text/css" href="CSS/bootstrap-theme.css">
  29. <link rel="stylesheet" type="text/css" href="CSS/bootstrap-theme.min.css">
  30. <link rel="stylesheet" type="text/css" href="CSS/bootstrap.css">
  31. <link rel="stylesheet" type="text/css" href="CSS/bootstrap.min.css">
  32. <link rel="stylesheet" type="text/css" href="CSS/bootstrap-theme.css">
  33. <link rel="stylesheet" type="text/css" href="CSS/bootstrap-theme.min.css">
  34. <link rel="stylesheet" type="text/css" title="blue" href="CSS/stylesheet.css">
  35. <script src="JS/show_replys.js"></script>
  36. </head><body onload="load_replys(2, 69)">
  37. <div class="site">
  38. <nav class="navbar navbar-custom" style="margin-bottom: 0;">
  39. <div class="container-fluid">
  40. <div class="navbar-header">
  41. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  42. <span class="icon-bar"></span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-bar"></span>
  45. </button>
  46. <a href="index.php" class="navbar-brand"><p class="name">C: /IMAGE.EXE</p></a>
  47. </div>
  48. <div class="collapse navbar-collapse" id="myNavbar">
  49. <ul class="nav navbar-nav">
  50. <li class="active "><a href="index.php"><span>Home</span></a></li>
  51. <li><a href="contact.php"><span>About &amp; Contact</span></a></li>
  52. <li><a href="profile.php"><span>Profile</span></a></li>
  53. <li onclick="themediv()"><a><span>Theme</span></a></li>
  54. </ul>
  55. <ul class="nav navbar-nav navbar-right">
  56. <li><form action="replypage.php?board_link=a&amp;post=69" method="post"><input type="submit" name="logout" value="logout"></form></li>
  57.  
  58. </ul>
  59. </div>
  60. </div>
  61. </nav>
  62.  
  63. <div class="container-fluid logindiv">
  64. <div class="row">
  65. <form action="replypage.php?board_link=a&amp;post=69" method="post">
  66. </form>
  67. </div>
  68. </div>
  69. <div class="container-fluid registerdiv">
  70. <div class="row">
  71. <form action="replypage.php?board_link=a&amp;post=69" method="post" enctype="multipart/form-data">
  72. <div class="col-md-4 register">
  73. <input type="text" placeholder="Username" name="register_username" style="color: #000000">
  74. </div>
  75. <div class="col-md-4 register">
  76. <input type="password" placeholder="Choose Password" name="register_password" style="color: #000000">
  77. </div>
  78. <div class="col-md-4 register">
  79. <input type="email" placeholder="E-mail" name="register_email" style="color: #000000">
  80. </div>
  81. <div class="col-md-6 register">
  82. <textarea class="Bio" name="register_bio" style="color: #000000"></textarea>
  83. </div>
  84. <div class="col-md-6 register pull-right">
  85. <input class="btnLR" type="submit" value="Register" name="register">
  86. <label class="btn btn-file btnLR">Upload Profile Picture<input type="file" name="register_profile_image" style="display: none;" class="btnLR"></label>
  87. </div>
  88. <div class="col-md-12">
  89.  
  90. </div>
  91. </form>
  92. </div>
  93. </div><div class="container-fluid themediv">
  94. <div class="row">
  95. <form action="replypage.php" method="post">
  96. <div class="col-md-12 theme">
  97. <input class="btnL" type="submit" name="theme" value="Pink Theme" id="pink">
  98. <input class="btnL" type="submit" name="theme" value="red Theme" id="red">
  99. <input class="btnL" type="submit" name="theme" value="Blue Theme" id="blue">
  100. <input class="btnL" type="submit" name="theme" value="black Theme" id="black">
  101. <input class="btnL" type="submit" name="theme" value="yellow Theme" id="yellow">
  102. <input class="btnL" type="submit" name="theme" value="orange Theme" id="orange">
  103. <input class="btnL" type="submit" name="theme" value="green Theme" id="green">
  104. </div>
  105. </form>
  106. </div>
  107. </div> <div class="container-fluid page">
  108. <div class="row">
  109. <div class="col-md-1 add col-height" style="
  110. height: ca;
  111. ">adv.</div> <div class="col-md-10 main">
  112. <div class="col-md-10 col-md-offset-1 whatisthis"></div>
  113.  
  114. <h2>Post/Comment</h2>
  115. <form class="col-md-10" action="replypage.php?board_link=a&amp;post=69" method="post" enctype="multipart/form-data">
  116. <label class="btn btn-default btn-file">Upload<input type="file" name="post_image" style="display: none;"></label>
  117. Message<textarea name="message"></textarea>
  118. <input type="submit" name="post" value="Post">
  119. </form>
  120. <form action="replypage.php?board_link=a&amp;post=69" method="post">
  121. <section class="row" id="posts">
  122. <article id="69">hoi</article>
  123.  
  124. <article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="70">
  125. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  126. <p>haha great picture</p>
  127. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="71">
  128. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  129. <p>haha great picture</p>
  130. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="72">
  131. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  132. <p>haha great picture</p>
  133. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="73">
  134. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  135. <p>haha great picture</p>
  136. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="74">
  137. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  138. <p>hoi hoi</p>
  139. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="75">
  140. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  141. <p>hoi hoi</p>
  142. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="76">
  143. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  144. <p>hoi hoi</p>
  145. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="77">
  146. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  147. <p>hoi hoi</p>
  148. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="78">
  149. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  150. <p>hoi ik ben een reactie</p>
  151. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="79">
  152. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  153. <p>hoi ik ben een reactie</p>
  154. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="80">
  155. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  156. <p>hoi ik ben een reactie</p>
  157. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="81">
  158. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  159. <p>hoi ik ben een reactie</p>
  160. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="82">
  161. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  162. <p>hoi ik ben een reactie</p>
  163. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="83">
  164. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  165. <p>test</p>
  166. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="84">
  167. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  168. <p>hohi haohfea;f</p>
  169. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="85">
  170. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  171. <p>hey hey</p>
  172. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="86">
  173. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  174. <p>hohi haohfea;f</p>
  175. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="87">
  176. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  177. <p>hey hey</p>
  178. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="88">
  179. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  180. <p>hey hey</p>
  181. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="89">
  182. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  183. <p>hohi haohfea;f</p>
  184. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="90">
  185. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  186. <p>hey hey</p>
  187. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="91">
  188. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  189. <p>hey hey</p>
  190. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="92">
  191. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  192. <p>hey hey</p>
  193. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="93">
  194. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  195. <p>hey hey</p>
  196. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="94">
  197. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  198. <p>hey hey</p>
  199. </article><article class="col-lg-8 col-md-8 col-xs-8 container-fluid" id="95">
  200. <small>By </small><strong><a href="./profile.php?username=C: IMAGE.EXE">C: IMAGE.EXE</a></strong>
  201. <p>bfghj</p>
  202. </article></section>
  203. </form>
  204. </div>
  205. <div class="col-md-1 add col-height">adv.</div> </div>
  206. </div>
  207.  
  208. <footer class="container-fluid footer">
  209. <div class="row">
  210. <div class="col-md-12">Created by: Sintje en een klasgenoot die geen ruk doet</div>
  211. </div>
  212. </footer> </div>
  213.  
  214.  
  215. </body></html>
  216.  
  217. css
  218. .btn-file {
  219. position: relative;
  220. overflow: hidden;
  221. }
  222. .btn-file input[type=file] {
  223. position: absolute;
  224. top: 0;
  225. right: 0;
  226. min-width: 100%;
  227. min-height: 100%;
  228. font-size: 100px;
  229. text-align: right;
  230. filter: alpha(opacity=0);
  231. opacity: 0;
  232. outline: none;
  233. background: white;
  234. cursor: inherit;
  235. display: block;
  236. }
  237.  
  238.  
  239.  
  240. /* Pinktheme */
  241.  
  242. .pinktheme nav.navbar-custom
  243. {
  244. background-color: pink;
  245. border-radius: 0;
  246. }
  247.  
  248. .pinktheme div.site
  249. {
  250. background-color:#ffe2e7;
  251. }
  252.  
  253. .pinktheme .navbar-custom .navbar-nav li a:hover
  254. {
  255. background-color:#fb9bac;
  256. color: #ffffff;
  257. cursor: pointer;
  258. }
  259.  
  260. .pinktheme .footer
  261. {
  262. background-color: pink;
  263. color: #000000;
  264. }
  265.  
  266. .pinktheme .login
  267. {
  268. background-color: pink;
  269. color: #000000;
  270. }
  271.  
  272. .pinktheme .register
  273. {
  274. background-color: pink;
  275. color: #000000;
  276. }
  277.  
  278. .pinktheme .theme
  279. {
  280. background-color: pink;
  281. color: #000000;
  282. }
  283.  
  284. .pinktheme .btnL:hover
  285. {
  286. background-color:#fb9bac;
  287. }
  288.  
  289. .pinktheme .btnLR:hover
  290. {
  291. background-color:#fb9bac;
  292. }
  293.  
  294. /* Blacktheme */
  295.  
  296. .blacktheme nav.navbar-custom
  297. {
  298. background-color: black;
  299. border-radius: 0;
  300. }
  301.  
  302. .blacktheme div.site
  303. {
  304. background-color:#dddddd;
  305. }
  306.  
  307. .blacktheme .navbar-custom .navbar-nav li a:hover
  308. {
  309. background-color:#181818;
  310. color: #ffffff;
  311. cursor: pointer;
  312. }
  313.  
  314. .blacktheme .footer
  315. {
  316. background-color: black;
  317. color: #ffffff;
  318. }
  319.  
  320. .blacktheme .login
  321. {
  322. background-color: black;
  323. color: #ffffff;
  324. }
  325.  
  326. .blacktheme .register
  327. {
  328. background-color: black;
  329. color: #ffffff;
  330. }
  331.  
  332. .blacktheme .theme
  333. {
  334. background-color: black;
  335. color: #ffffff;
  336. }
  337.  
  338. .blacktheme .btnL:hover
  339. {
  340. background-color:#181818;
  341. }
  342.  
  343. .blacktheme .btnLR:hover
  344. {
  345. background-color:#181818;
  346. }
  347.  
  348. /* yellowtheme */
  349.  
  350. .yellowtheme nav.navbar-custom
  351. {
  352. background-color: yellow;
  353. border-radius: 0;
  354. }
  355.  
  356. .yellowtheme div.site
  357. {
  358. background-color:#f4ff97;
  359. }
  360.  
  361. .yellowtheme .navbar-custom .navbar-nav li a:hover
  362. {
  363. background-color:#e7e701;
  364. color: #ffffff;
  365. cursor: pointer;
  366. }
  367.  
  368. .yellowtheme .footer
  369. {
  370. background-color: yellow;
  371. color: #000000;
  372. }
  373.  
  374. .yellowtheme .login
  375. {
  376. background-color: yellow;
  377. color: #000000;
  378. }
  379.  
  380. .yellowtheme .register
  381. {
  382. background-color: yellow;
  383. color: #000000;
  384. }
  385.  
  386. .yellowtheme .theme
  387. {
  388. background-color: yellow;
  389. color: #000000;
  390. }
  391.  
  392. .yellowtheme .btnL:hover
  393. {
  394. background-color: #e7e701;
  395. }
  396.  
  397. .yellowtheme .btnLR:hover
  398. {
  399. background-color: #e7e701;
  400. }
  401.  
  402. /* redtheme */
  403.  
  404. .redtheme nav.navbar-custom
  405. {
  406. background-color: red;
  407. border-radius: 0;
  408. }
  409.  
  410. .redtheme div.site
  411. {
  412. background-color:#fdbebe
  413. }
  414.  
  415. .redtheme .navbar-custom .navbar-nav li a:hover
  416. {
  417. background-color:#cc0303;
  418. color: #ffffff;
  419. cursor: pointer;
  420. }
  421.  
  422. .redtheme .footer
  423. {
  424. background-color: red;
  425. color: #ffffff;
  426. }
  427.  
  428. .redtheme .login
  429. {
  430. background-color: red;
  431. color: #ffffff;
  432. }
  433.  
  434. .redtheme .register
  435. {
  436. background-color: red;
  437. color: #ffffff;
  438. }
  439.  
  440. .redtheme .theme
  441. {
  442. background-color: red;
  443. color: #ffffff;
  444. }
  445.  
  446. .redtheme .btnL:hover
  447. {
  448. background-color: #cc0303;
  449. }
  450.  
  451. .redtheme .btnLR:hover
  452. {
  453. background-color: #cc0303;
  454. }
  455.  
  456. /* greentheme */
  457.  
  458. .greentheme nav.navbar-custom
  459. {
  460. background-color: green;
  461. border-radius: 0;
  462. }
  463.  
  464. .greentheme div.site
  465. {
  466. background-color:#b3ffc7;
  467. }
  468.  
  469. .greentheme .navbar-custom .navbar-nav li a:hover
  470. {
  471. background-color:#006300;
  472. color: #ffffff;
  473. cursor: pointer;
  474. }
  475.  
  476. .greentheme .footer
  477. {
  478. background-color: green;
  479. color: #ffffff;
  480. }
  481.  
  482. .greentheme .login
  483. {
  484. background-color: green;
  485. color: #000000;
  486. }
  487.  
  488. .greentheme .register
  489. {
  490. background-color: green;
  491. color: #000000;
  492. }
  493.  
  494. .greentheme .theme
  495. {
  496. background-color: green;
  497. color: #000000;
  498. }
  499.  
  500. .greentheme .btnL:hover
  501. {
  502. background-color: #006300;
  503. }
  504.  
  505. .greentheme .btnLR:hover
  506. {
  507. background-color: #006300;
  508. }
  509.  
  510. /* orangetheme */
  511.  
  512. .orangetheme nav.navbar-custom
  513. {
  514. background-color: orange;
  515. border-radius: 0;
  516. }
  517.  
  518. .orangetheme div.site
  519. {
  520. background-color:#f4e482;
  521. }
  522.  
  523. .orangetheme .navbar-custom .navbar-nav li a:hover
  524. {
  525. background-color:#d48a03;
  526. color: #ffffff;
  527. cursor: pointer;
  528. }
  529.  
  530. .orangetheme .footer
  531. {
  532. background-color: orange;
  533. color: #000000;
  534. }
  535.  
  536. .orangetheme .login
  537. {
  538. background-color: orange;
  539. color: #000000;
  540. }
  541.  
  542. .orangetheme .register
  543. {
  544. background-color: orange;
  545. color: #000000;
  546. }
  547.  
  548. .orangetheme .theme
  549. {
  550. background-color: orange;
  551. color: #000000;
  552. }
  553.  
  554. .orangetheme .btnL:hover
  555. {
  556. background-color: #d48a03;
  557. }
  558.  
  559. .orangetheme .btnLR:hover
  560. {
  561. background-color: #d48a03;
  562. }
  563.  
  564.  
  565. /*DEFAULT*/
  566.  
  567. body
  568. {
  569. height: 100%;
  570. margin: 0;
  571. padding: 0;
  572. font-family: "Arial Black", Gadget, sans-serif;
  573. }
  574.  
  575. .site
  576. {
  577. height:auto;
  578. width:auto;
  579. background-color: #cafbff;
  580. }
  581.  
  582. .name
  583. {
  584. color: #ffffff;
  585. }
  586.  
  587. nav.navbar-custom
  588. {
  589. background-color: #14c6eb;
  590. border-radius: 0;
  591. }
  592.  
  593. .navbar-custom .navbar-nav li a:hover
  594. {
  595. background-color:#11a8c8;
  596. color: #ffffff;
  597. cursor: pointer;
  598. }
  599.  
  600. .icon-bar
  601. {
  602. background-image:url('../assets/icon.png');
  603. }
  604.  
  605. .add{
  606. min-height: auto;
  607. background-color: #c0ffb0;
  608. }
  609.  
  610. .main
  611. {
  612. height:auto;
  613. }
  614.  
  615. .footer
  616. {
  617. background-color: #14c6eb;
  618. color: #ffffff;
  619. text-align: center;
  620. min-height: 10vw;
  621. line-height: 10vw;
  622. font-size: 3vw;
  623. }
  624. .login
  625. {
  626. background-color: #14c6eb;
  627. text-align: center;
  628. color: #ffffff;
  629. min-height: 20vw;
  630. display: none;
  631. }
  632.  
  633. .register
  634. {
  635. background-color: #14c6eb;
  636. text-align: center;
  637. color: #ffffff;
  638. min-height: 20vw;
  639. display: none;
  640. }
  641.  
  642. .theme
  643. {
  644. background-color: #14c6eb;
  645. text-align: center;
  646. color: #ffffff;
  647. min-height: 20vw;
  648. display: none;
  649. }
  650.  
  651. .page
  652. {
  653. margin-top: 0;
  654. }
  655.  
  656. .btnL
  657. {
  658. margin-left: 0.5vw;
  659. width: 50vw;
  660. border: none;
  661. background-color: transparent;
  662. line-height: 2vw;
  663. height: 10vw;
  664. cursor: pointer;
  665. }
  666.  
  667. .btnL:hover
  668. {
  669. background-color: #11a8c8;
  670. }
  671.  
  672. .whatisthis
  673. {
  674. text-align: center;
  675. border:solid #000000 0.8vw;
  676. background-color: #0099CC;
  677. padding-top: 10vw;
  678. margin-top: 2vw;
  679. border-radius: 2vw;
  680. }
  681.  
  682. .Bio
  683. {
  684. width: 50vw;
  685. height: 20vw;
  686. }
  687.  
  688. .btnLR
  689. {
  690. margin-left: 0.5vw;
  691. width: 75vw;
  692. border: none;
  693. background-color: transparent;
  694. line-height: 2vw;
  695. height: 10vw;
  696. cursor: pointer;
  697. }
  698.  
  699. .btnLR:hover
  700. {
  701. background-color: #11a8c8;
  702. }
  703. .registerdiv
  704. {
  705. width: 100vw;
  706. }
  707. .boarddiv
  708. {
  709. background-color: #97aeff;
  710. border-left: solid #000000 0.01vw;
  711. border-right: solid #000000 0.01vw;
  712. }
  713. .searchBoard
  714. {
  715. color: #000000;
  716. }
  717.  
  718. .boardList
  719. {
  720. list-style-type: none;
  721. text-align: center;
  722. padding: 0;
  723. }
  724. .boardContainer
  725. {
  726. margin-left: auto;
  727. margin-right: auto;
  728. }
  729. .boardMenu
  730. {
  731. background: linear-gradient(#0000FF, #b3b3b3); /* Standard syntax */
  732. color: #ffffff;
  733. text-align: center;
  734. margin-top: 20vw;
  735. border-radius: 3vw;
  736. }
  737.  
  738. .boardFooter
  739. {
  740. background: linear-gradient(#b3b3b3, #0000FF); /* Standard syntax */
  741. color: #ffffff;
  742. text-align: center;
  743. height: 5vw;
  744. border-radius:3vw;
  745. margin-bottom: 2vw;
  746. }
  747.  
  748.  
  749. @media only screen and (min-width: 995px) {
  750. div.add{
  751. height: auto;
  752. }
  753. div.main
  754. {
  755. height: auto;
  756. }
  757. footer.footer
  758. {
  759. min-height: 5vw;
  760. font-size: 1.5vw;
  761. line-height: 5vw;
  762. }
  763. div.login
  764. {
  765. min-height: 3vw;
  766. }
  767. div.register
  768. {
  769. min-height: 6vw;
  770. }
  771. div.theme
  772. {
  773. min-height: 3vw;
  774. }
  775. .btnL
  776. {
  777. margin-left: 0.5vw;
  778. width: 10vw;
  779. border: none;
  780. background-color: transparent;
  781. line-height: 2vw;
  782. height: 3vw;
  783. }
  784. .btnLR
  785. {
  786. margin-left: 0.5vw;
  787. width: 20vw;
  788. border: none;
  789. background-color: transparent;
  790. line-height: 2vw;
  791. height: 3vw;
  792. }
  793. .whatisthis
  794. {
  795. border: solid #000000 0.3vw;
  796. margin-top:2vw;
  797. }
  798. .Bio
  799. {
  800. width: 50vw;
  801. height: 5vw;
  802. }
  803. }
  804.  
  805.  
  806.  
  807.  
  808.  
  809.  
  810. /* jur nakijken */
  811. .card {
  812. padding-top: 20px;
  813. margin: 10px 0 20px 0;
  814. background-color: rgba(214, 224, 226, 0.2);
  815. border-top-width: 0;
  816. border-bottom-width: 2px;
  817. -webkit-border-radius: 3px;
  818. -moz-border-radius: 3px;
  819. border-radius: 3px;
  820. -webkit-box-shadow: none;
  821. -moz-box-shadow: none;
  822. box-shadow: none;
  823. -webkit-box-sizing: border-box;
  824. -moz-box-sizing: border-box;
  825. box-sizing: border-box;
  826. }
  827.  
  828. .card .card-heading {
  829. padding: 0 20px;
  830. margin: 0;
  831. }
  832.  
  833. .card .card-heading.simple {
  834. font-size: 20px;
  835. font-weight: 300;
  836. color: #777;
  837. border-bottom: 1px solid #e5e5e5;
  838. }
  839.  
  840. .card .card-heading.image img {
  841. display: inline-block;
  842. width: 46px;
  843. height: 46px;
  844. margin-right: 15px;
  845. vertical-align: top;
  846. border: 0;
  847. -webkit-border-radius: 50%;
  848. -moz-border-radius: 50%;
  849. border-radius: 50%;
  850. }
  851.  
  852. .card .card-heading.image .card-heading-header {
  853. display: inline-block;
  854. vertical-align: top;
  855. }
  856.  
  857. .card .card-heading.image .card-heading-header h3 {
  858. margin: 0;
  859. font-size: 14px;
  860. line-height: 16px;
  861. color: #262626;
  862. }
  863.  
  864. .card .card-heading.image .card-heading-header span {
  865. font-size: 12px;
  866. color: #999999;
  867. }
  868.  
  869. .card .card-body {
  870. padding: 0 20px;
  871. margin-top: 20px;
  872. }
  873.  
  874. .card .card-media {
  875. padding: 0 20px;
  876. margin: 0 -14px;
  877. }
  878.  
  879. .card .card-media img {
  880. max-width: 100%;
  881. max-height: 100%;
  882. }
  883.  
  884. .card .card-actions {
  885. min-height: 30px;
  886. padding: 0 20px 20px 20px;
  887. margin: 20px 0 0 0;
  888. }
  889.  
  890. .card .card-comments {
  891. padding: 20px;
  892. margin: 0;
  893. background-color: #f8f8f8;
  894. }
  895.  
  896. .card .card-comments .comments-collapse-toggle {
  897. padding: 0;
  898. margin: 0 20px 12px 20px;
  899. }
  900.  
  901. .card .card-comments .comments-collapse-toggle a,
  902. .card .card-comments .comments-collapse-toggle span {
  903. padding-right: 5px;
  904. overflow: hidden;
  905. font-size: 12px;
  906. color: #999;
  907. text-overflow: ellipsis;
  908. white-space: nowrap;
  909. }
  910.  
  911. .card-comments .media-heading {
  912. font-size: 13px;
  913. font-weight: bold;
  914. }
  915.  
  916. .card.people {
  917. position: relative;
  918. display: inline-block;
  919. width: 170px;
  920. height: 300px;
  921. padding-top: 0;
  922. margin-left: 20px;
  923. overflow: hidden;
  924. vertical-align: top;
  925. }
  926.  
  927. .card.people:first-child {
  928. margin-left: 0;
  929. }
  930.  
  931. .card.people .card-top {
  932. position: absolute;
  933. top: 0;
  934. left: 0;
  935. display: inline-block;
  936. width: 170px;
  937. height: 150px;
  938. background-color: #ffffff;
  939. }
  940.  
  941. .card.people .card-top.green {
  942. background-color: #53a93f;
  943. }
  944.  
  945. .card.people .card-top.blue {
  946. background-color: #427fed;
  947. }
  948.  
  949. .card.people .card-info {
  950. position: absolute;
  951. top: 150px;
  952. display: inline-block;
  953. width: 100%;
  954. height: 101px;
  955. overflow: hidden;
  956. background: #ffffff;
  957. -webkit-box-sizing: border-box;
  958. -moz-box-sizing: border-box;
  959. box-sizing: border-box;
  960. }
  961.  
  962. .card.people .card-info .title {
  963. display: block;
  964. margin: 8px 14px 0 14px;
  965. overflow: hidden;
  966. font-size: 16px;
  967. font-weight: bold;
  968. line-height: 18px;
  969. color: #404040;
  970. }
  971.  
  972. .card.people .card-info .desc {
  973. display: block;
  974. margin: 8px 14px 0 14px;
  975. overflow: hidden;
  976. font-size: 12px;
  977. line-height: 16px;
  978. color: #737373;
  979. text-overflow: ellipsis;
  980. }
  981.  
  982. .card.people .card-bottom {
  983. position: absolute;
  984. bottom: 0;
  985. left: 0;
  986. display: inline-block;
  987. width: 100%;
  988. padding: 10px 20px;
  989. line-height: 29px;
  990. text-align: center;
  991. -webkit-box-sizing: border-box;
  992. -moz-box-sizing: border-box;
  993. box-sizing: border-box;
  994. }
  995.  
  996. .card.hovercard {
  997. position: relative;
  998. padding-top: 0;
  999. overflow: hidden;
  1000. text-align: center;
  1001. background-color: rgba(214, 224, 226, 0.2);
  1002. }
  1003.  
  1004. .card.hovercard .cardheader {
  1005. background: url("http://lorempixel.com/850/280/nature/4/");
  1006. background-size: cover;
  1007. height: 135px;
  1008. }
  1009.  
  1010. .card.hovercard .avatar {
  1011. position: relative;
  1012. top: -50px;
  1013. margin-bottom: -50px;
  1014. }
  1015.  
  1016. .card.hovercard .avatar img {
  1017. width: 100px;
  1018. height: 100px;
  1019. max-width: 100px;
  1020. max-height: 100px;
  1021. -webkit-border-radius: 50%;
  1022. -moz-border-radius: 50%;
  1023. border-radius: 50%;
  1024. border: 5px solid rgba(255,255,255,0.5);
  1025. }
  1026.  
  1027. .card.hovercard .info {
  1028. padding: 4px 8px 10px;
  1029. }
  1030.  
  1031. .card.hovercard .info .title {
  1032. margin-bottom: 4px;
  1033. font-size: 24px;
  1034. line-height: 1;
  1035. color: #262626;
  1036. vertical-align: middle;
  1037. }
  1038.  
  1039. .card.hovercard .info .desc {
  1040. overflow: hidden;
  1041. font-size: 12px;
  1042. line-height: 20px;
  1043. color: #737373;
  1044. text-overflow: ellipsis;
  1045. }
  1046.  
  1047. .card.hovercard .bottom {
  1048. padding: 0 20px;
  1049. margin-bottom: 17px;
  1050. }
  1051.  
  1052. .btn{ border-radius: 50%; width:32px; height:32px; line-height:18px; }
  1053.  
  1054. .top-post{
  1055. border-bottom: 1px solid gray;
  1056. }
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!