HTML4STRICT 26
404 (Page Not Found) Error - Ever feel like you're in the wrong place? Guest on 10th September 2020 01:23:46 PM
  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">
  3.  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>404 (Page Not Found) Error - Ever feel like you're in the wrong place?</title>
  6.  
  7. /*-------------------------------------
  8.            Reset Styles
  9. --------------------------------------*/
  10.  
  11. html, body, div, span, applet, object, iframe,
  12. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  13. a, abbr, acronym, address, big, cite, code,
  14. del, dfn, em, font, img, ins, kbd, q, s, samp,
  15. small, strike, strong, sub, sup, tt, var,
  16. dl, dt, dd, ol, ul, li,
  17. fieldset, form, label, legend,
  18. table, caption, tbody, tfoot, thead, tr, th, td {
  19.         margin: 0;
  20.         padding: 0;
  21.         border: 0;
  22.         outline: 0;
  23.         font-weight: inherit;
  24.         font-style: inherit;
  25.         font-size: 100%;
  26.         font-family: inherit;
  27.         vertical-align: baseline;
  28. }
  29.  
  30. ol, ul {
  31.         list-style: none;
  32. }
  33.  
  34. /*-------------------------------------
  35.            End Reset Styles
  36. --------------------------------------*/
  37.  
  38. body {
  39.         line-height: 1;
  40.         color: black;
  41.         background: white;
  42.         background-image: url(images/body-bg.gif);
  43.         background-position: top;
  44.         background-repeat: repeat-x;
  45.         background-color: #e8e3D0;
  46.         font-family: Georgia, serif;
  47. }
  48.  
  49. .clear-fix:after {
  50.     content: ".";
  51.     display: block;
  52.     visibility: hidden;
  53.     height: 0;
  54.     font-size: 1px;
  55.     clear: both;
  56. }
  57.  
  58. .clear-fix {
  59.         zoom: 1;
  60. }
  61.  
  62. a,
  63. a:link,
  64. a:visited {
  65.         color: blue;
  66.         text-decoration: underline;
  67.         cursor: pointer;
  68. }
  69.  
  70. a:hover {
  71.         text-decoration: none;
  72. }
  73.  
  74. /*-------------------------------------
  75.          Used by multiple pages
  76. --------------------------------------*/
  77.  
  78. .info-container {
  79.         width: 840px;
  80.         border: 1px solid #d8d5c6;
  81.         padding: 4px;
  82.         margin: 40px auto 0;
  83. }
  84.  
  85. .inner-border {
  86.         background-color: #fcfbf9;
  87.         border: 1px solid #d8d5c6;
  88.         padding: 10px 20px;
  89. }
  90.  
  91. /*-------------------------------------
  92.        End Used by multiple pages
  93. --------------------------------------*/
  94.  
  95. /*-------------------------------------
  96.           404 Page Styles
  97. --------------------------------------*/
  98.  
  99. .body-404 {
  100.         width: 980px;
  101.         margin: 0 auto;
  102. }
  103.  
  104. .body-404 h1 {
  105.         background-image: url(images/404.gif);
  106.         background-repeat: no-repeat;
  107.         background-position: center top;
  108.         width: 980px;
  109.         height: 500px;
  110. }
  111.  
  112. .body-404 h1 span {
  113.         display: none;
  114. }
  115.  
  116. .body-404 h2.info-top {
  117.         border-left: 1px solid #d6d3c4;
  118.         border-top: 1px solid #d6d3c4;
  119.         border-right: 1px solid #d6d3c4;
  120.         font-size: 18px;
  121.         background-image: url(images/info-top-bg.gif);
  122.         border-radius: 3px;
  123.         -moz-border-radius: 3px;
  124.         -webkit-border-radius: 3px;
  125.         width: 266px;
  126.         margin: -48px auto 0;
  127.         text-align: center;
  128.         padding: 9px 15px 10px;
  129.         font-weight: bold;
  130. }
  131.  
  132. .body-404 .inner-border {
  133.         .padding-bottom: 0;
  134. }
  135.  
  136. .site-owner-404 {
  137.         float: left;
  138.         width: 400px;
  139.         border-right: 1px solid #d9d6c5;
  140.         font-size: 12px;
  141.         color: #6d6a5b;
  142.         height: 87px;
  143. }
  144.  
  145. .site-owner-404 h3 {
  146.         padding: 10px 0 12px;
  147.         font-size: 14px;
  148.         font-weight: normal;
  149. }
  150.  
  151. .site-owner-404 h3 strong {
  152.         font-weight: bold;
  153.         color: #000;
  154. }
  155.  
  156. .site-owner-404 ol li {
  157.         padding-bottom: 5px;
  158. }
  159.  
  160. .site-visitor-404 {
  161.         float: left;
  162.         font-size: 12px;
  163.         color: #6d6a5b;
  164.         padding-left: 20px;
  165. }
  166.  
  167. .site-visitor-404 h3 {
  168.         padding: 10px 0 12px;
  169.         font-size: 14px;
  170.         font-weight: normal;
  171. }
  172.  
  173. .site-visitor-404 h3 strong {
  174.         font-weight: bold;
  175.         color: #000;
  176. }
  177.  
  178. .site-visitor-404 ol li {
  179.         padding-bottom: 5px;
  180. }
  181.  
  182. .site-visitor-404 ol li.last {
  183.         padding-left: 14px;
  184. }
  185.  
  186. /*-------------------------------------
  187.           End 404 Page Styles
  188. --------------------------------------*/
  189.  
  190.  
  191. /*-------------------------------------
  192.                 500 Page Styles
  193. --------------------------------------*/
  194.  
  195. .body-500 {
  196.         width: 980px;
  197.         margin: 0 auto;
  198. }
  199.  
  200. .body-500 h1 {
  201.         background-image: url(images/500.gif);
  202.         background-repeat: no-repeat;
  203.         background-position: center top;
  204.         width: 980px;
  205.         height: 500px;
  206. }
  207.  
  208. .body-500 h1 span {
  209.         display: none;
  210. }
  211.  
  212. .body-500 h2.info-top {
  213.         border-left: 1px solid #d6d3c4;
  214.         border-top: 1px solid #d6d3c4;
  215.         border-right: 1px solid #d6d3c4;
  216.         font-size: 18px;
  217.         background-image: url(images/info-top-bg.gif);
  218.         border-radius: 3px;
  219.         -moz-border-radius: 3px;
  220.         -webkit-border-radius: 3px;
  221.         width: 260px;
  222.         margin: -48px auto 0;
  223.         text-align: center;
  224.         padding: 9px 15px 10px;
  225.         font-weight: bold;
  226. }
  227.  
  228. .body-500 .info-container .inner-border h3 {
  229.         padding: 20px 0 10px;
  230.         font-size: 14px;
  231.         color: #6d6a5b;
  232.         font-weight: normal;
  233.         .padding: 10px 0 10px;
  234. }
  235.  
  236. /*-------------------------------------
  237.           End 500 Page Styles
  238. --------------------------------------*/
  239.  
  240. /*-------------------------------------
  241.           Coming Soon Page Styles
  242. --------------------------------------*/
  243.  
  244. .body-coming-soon {
  245.         width: 980px;
  246.         margin: 0 auto;
  247. }
  248.  
  249. .body-coming-soon h1 {
  250.         background-image: url(images/comingsoon.gif);
  251.         background-repeat: no-repeat;
  252.         background-position: center top;
  253.         width: 980px;
  254.         height: 500px;
  255. }
  256.  
  257. .body-coming-soon h1 span {
  258.         display: none;
  259. }
  260.  
  261.  
  262.  
  263. .coming-soon-visitor strong,
  264. .coming-soon-owner strong {
  265.         font-weight: bold;
  266.         color: #000;
  267. }
  268.  
  269. .coming-soon-owner {
  270.         float: left;
  271.         font-size: 14px;
  272.         color: #6d6a5b;
  273.         font-weight: normal;
  274.         width: 400px;
  275.         border-right: 1px solid #d9d6c5;
  276.         padding: 10px 0;
  277.         .margin-bottom: 10px;
  278. }
  279.  
  280. .coming-soon-visitor {
  281.         float: left;
  282.         font-size: 14px;
  283.         color: #6d6a5b;
  284.         font-weight: normal;
  285.         padding-left: 20px;
  286.         padding: 10px 0 10px 20px;
  287.         .margin-bottom: 10px;
  288. }
  289.  
  290. /*-------------------------------------
  291.          End Coming Soon Page Styles
  292. --------------------------------------*/
  293.  
  294. /*-------------------------------------
  295.          Suspended Page Styles
  296. --------------------------------------*/
  297.  
  298. .body-suspended {
  299.         width: 980px;
  300.         margin: 0 auto;
  301. }
  302.  
  303. .body-suspended h1 {
  304.         background-image: url(images/suspended.gif);
  305.         background-repeat: no-repeat;
  306.         background-position: center top;
  307.         width: 980px;
  308.         height: 500px;
  309. }
  310.  
  311. .body-suspended h1 span {
  312.         display: none;
  313. }
  314.  
  315.  
  316. /*-------------------------------------
  317.        End Suspended Page Styles
  318. --------------------------------------*/
  319.  
  320. </head>
  321.  
  322.  
  323.         <div class="body-404">
  324.                 <h1>
  325.                         <span>Ever feel you're in the wrong place</span>
  326.                 </h1>
  327.  
  328.                 <div class="info-container">
  329.                         <div class="inner-border clear-fix">
  330.                                 <h2 class="info-top">
  331.                                         404 (Page Not Found) Error
  332.                                 </h2>
  333.  
  334.                                 <div class="site-owner-404">
  335.                                         <h3>If you're the <strong>site owner,</strong> one of two things happened:</h3>
  336.                                         <ol>
  337.                                                 <li>
  338.                                                         1) You entered an incorrect URL into your browser's address bar, or
  339.                                                 </li>
  340.                                                 <li>
  341.                                                         2) You haven't uploaded content.
  342.                                                 </li>
  343.                                         </ol>
  344.                                 </div>
  345.  
  346.                                 <div class="site-visitor-404">
  347.                                         <h3>If you're a <strong>visitor</strong> and not sure what happened:</h3>
  348.                                         <ol>
  349.                                                 <li>
  350.                                                         1) You entered or copied the URL incorrectly or
  351.                                                 </li>
  352.                                                 <li>
  353.                                                         2) The link you used to get here is faulty.
  354.                                                 </li>
  355.                                                 <li class="last">
  356.                                                         (It's an excellent idea to let the link owner know.)
  357.                                                 </li>
  358.                                         </ol>
  359.                                 </div>
  360.                         </div>
  361.                 </div>
  362.         </div>
  363.  
  364. </body>
  365. </html>

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.