SHARE
TWEET

Untitled

a guest Dec 3rd, 2019 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <title>SZYBKI START Z BRACKETS</title>
  8.     <meta name="description" content="Interaktywny poradnik szybkiego startu dla Brackets.">
  9.     <link rel="stylesheet" href="main.css">
  10.     <link rel="stylesheet" href="xd.css">
  11.     <style>
  12.  
  13.  
  14.  
  15. /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  16.  
  17. /* Document
  18.    ========================================================================== */
  19.  
  20. /**
  21.  * 1. Correct the line height in all browsers.
  22.  * 2. Prevent adjustments of font size after orientation changes in iOS.
  23.  */
  24.  
  25. html {
  26.   line-height: 1.15; /* 1 */
  27.   -webkit-text-size-adjust: 100%; /* 2 */
  28. }
  29.  
  30. /* Sections
  31.    ========================================================================== */
  32.  
  33. /**
  34.  * Remove the margin in all browsers.
  35.  */
  36.  
  37. body {
  38.   margin: 0;
  39. }
  40.  
  41. /**
  42.  * Render the `main` element consistently in IE.
  43.  */
  44.  
  45. main {
  46.   display: block;
  47. }
  48.  
  49. /**
  50.  * Correct the font size and margin on `h1` elements within `section` and
  51.  * `article` contexts in Chrome, Firefox, and Safari.
  52.  */
  53.  
  54. h1 {
  55.   font-size: 2em;
  56.   margin: 0.67em 0;
  57. }
  58.  
  59. /* Grouping content
  60.    ========================================================================== */
  61.  
  62. /**
  63.  * 1. Add the correct box sizing in Firefox.
  64.  * 2. Show the overflow in Edge and IE.
  65.  */
  66.  
  67. hr {
  68.   box-sizing: content-box; /* 1 */
  69.   height: 0; /* 1 */
  70.   overflow: visible; /* 2 */
  71. }
  72.  
  73. /**
  74.  * 1. Correct the inheritance and scaling of font size in all browsers.
  75.  * 2. Correct the odd `em` font sizing in all browsers.
  76.  */
  77.  
  78. pre {
  79.   font-family: monospace, monospace; /* 1 */
  80.   font-size: 1em; /* 2 */
  81. }
  82.  
  83. /* Text-level semantics
  84.    ========================================================================== */
  85.  
  86. /**
  87.  * Remove the gray background on active links in IE 10.
  88.  */
  89.  
  90. a {
  91.   background-color: transparent;
  92. }
  93.  
  94. /**
  95.  * 1. Remove the bottom border in Chrome 57-
  96.  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  97.  */
  98.  
  99. abbr[title] {
  100.   border-bottom: none; /* 1 */
  101.   text-decoration: underline; /* 2 */
  102.   text-decoration: underline dotted; /* 2 */
  103. }
  104.  
  105. /**
  106.  * Add the correct font weight in Chrome, Edge, and Safari.
  107.  */
  108.  
  109. b,
  110. strong {
  111.   font-weight: bolder;
  112. }
  113.  
  114. /**
  115.  * 1. Correct the inheritance and scaling of font size in all browsers.
  116.  * 2. Correct the odd `em` font sizing in all browsers.
  117.  */
  118.  
  119. code,
  120. kbd,
  121. samp {
  122.   font-family: monospace, monospace; /* 1 */
  123.   font-size: 1em; /* 2 */
  124. }
  125.  
  126. /**
  127.  * Add the correct font size in all browsers.
  128.  */
  129.  
  130. small {
  131.   font-size: 80%;
  132. }
  133.  
  134. /**
  135.  * Prevent `sub` and `sup` elements from affecting the line height in
  136.  * all browsers.
  137.  */
  138.  
  139. sub,
  140. sup {
  141.   font-size: 75%;
  142.   line-height: 0;
  143.   position: relative;
  144.   vertical-align: baseline;
  145. }
  146.  
  147. sub {
  148.   bottom: -0.25em;
  149. }
  150.  
  151. sup {
  152.   top: -0.5em;
  153. }
  154.  
  155. /* Embedded content
  156.    ========================================================================== */
  157.  
  158. /**
  159.  * Remove the border on images inside links in IE 10.
  160.  */
  161.  
  162. img {
  163.   border-style: none;
  164. }
  165.  
  166. /* Forms
  167.    ========================================================================== */
  168.  
  169. /**
  170.  * 1. Change the font styles in all browsers.
  171.  * 2. Remove the margin in Firefox and Safari.
  172.  */
  173.  
  174. button,
  175. input,
  176. optgroup,
  177. select,
  178. textarea {
  179.   font-family: inherit; /* 1 */
  180.   font-size: 100%; /* 1 */
  181.   line-height: 1.15; /* 1 */
  182.   margin: 0; /* 2 */
  183. }
  184.  
  185. /**
  186.  * Show the overflow in IE.
  187.  * 1. Show the overflow in Edge.
  188.  */
  189.  
  190. button,
  191. input { /* 1 */
  192.   overflow: visible;
  193. }
  194.  
  195. /**
  196.  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  197.  * 1. Remove the inheritance of text transform in Firefox.
  198.  */
  199.  
  200. button,
  201. select { /* 1 */
  202.   text-transform: none;
  203. }
  204.  
  205. /**
  206.  * Correct the inability to style clickable types in iOS and Safari.
  207.  */
  208.  
  209. button,
  210. [type="button"],
  211. [type="reset"],
  212. [type="submit"] {
  213.   -webkit-appearance: button;
  214. }
  215.  
  216. /**
  217.  * Remove the inner border and padding in Firefox.
  218.  */
  219.  
  220. button::-moz-focus-inner,
  221. [type="button"]::-moz-focus-inner,
  222. [type="reset"]::-moz-focus-inner,
  223. [type="submit"]::-moz-focus-inner {
  224.   border-style: none;
  225.   padding: 0;
  226. }
  227.  
  228. /**
  229.  * Restore the focus styles unset by the previous rule.
  230.  */
  231.  
  232. button:-moz-focusring,
  233. [type="button"]:-moz-focusring,
  234. [type="reset"]:-moz-focusring,
  235. [type="submit"]:-moz-focusring {
  236.   outline: 1px dotted ButtonText;
  237. }
  238.  
  239. /**
  240.  * Correct the padding in Firefox.
  241.  */
  242.  
  243. fieldset {
  244.   padding: 0.35em 0.75em 0.625em;
  245. }
  246.  
  247. /**
  248.  * 1. Correct the text wrapping in Edge and IE.
  249.  * 2. Correct the color inheritance from `fieldset` elements in IE.
  250.  * 3. Remove the padding so developers are not caught out when they zero out
  251.  *    `fieldset` elements in all browsers.
  252.  */
  253.  
  254. legend {
  255.   box-sizing: border-box; /* 1 */
  256.   color: inherit; /* 2 */
  257.   display: table; /* 1 */
  258.   max-width: 100%; /* 1 */
  259.   padding: 0; /* 3 */
  260.   white-space: normal; /* 1 */
  261. }
  262.  
  263. /**
  264.  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  265.  */
  266.  
  267. progress {
  268.   vertical-align: baseline;
  269. }
  270.  
  271. /**
  272.  * Remove the default vertical scrollbar in IE 10+.
  273.  */
  274.  
  275. textarea {
  276.   overflow: auto;
  277. }
  278.  
  279. /**
  280.  * 1. Add the correct box sizing in IE 10.
  281.  * 2. Remove the padding in IE 10.
  282.  */
  283.  
  284. [type="checkbox"],
  285. [type="radio"] {
  286.   box-sizing: border-box; /* 1 */
  287.   padding: 0; /* 2 */
  288. }
  289.  
  290. /**
  291.  * Correct the cursor style of increment and decrement buttons in Chrome.
  292.  */
  293.  
  294. [type="number"]::-webkit-inner-spin-button,
  295. [type="number"]::-webkit-outer-spin-button {
  296.   height: auto;
  297. }
  298.  
  299. /**
  300.  * 1. Correct the odd appearance in Chrome and Safari.
  301.  * 2. Correct the outline style in Safari.
  302.  */
  303.  
  304. [type="search"] {
  305.   -webkit-appearance: textfield; /* 1 */
  306.   outline-offset: -2px; /* 2 */
  307. }
  308.  
  309. /**
  310.  * Remove the inner padding in Chrome and Safari on macOS.
  311.  */
  312.  
  313. [type="search"]::-webkit-search-decoration {
  314.   -webkit-appearance: none;
  315. }
  316.  
  317. /**
  318.  * 1. Correct the inability to style clickable types in iOS and Safari.
  319.  * 2. Change font properties to `inherit` in Safari.
  320.  */
  321.  
  322. ::-webkit-file-upload-button {
  323.   -webkit-appearance: button; /* 1 */
  324.   font: inherit; /* 2 */
  325. }
  326.  
  327. /* Interactive
  328.    ========================================================================== */
  329.  
  330. /*
  331.  * Add the correct display in Edge, IE 10+, and Firefox.
  332.  */
  333.  
  334. details {
  335.   display: block;
  336. }
  337.  
  338. /*
  339.  * Add the correct display in all browsers.
  340.  */
  341.  
  342. summary {
  343.   display: list-item;
  344. }
  345.  
  346. /* Misc
  347.    ========================================================================== */
  348.  
  349. /**
  350.  * Add the correct display in IE 10+.
  351.  */
  352.  
  353. template {
  354.   display: none;
  355. }
  356.  
  357. /**
  358.  * Add the correct display in IE 10.
  359.  */
  360.  
  361. [hidden] {
  362.   display: none;
  363. }
  364.  
  365.  
  366.  
  367.    #wrapper {
  368.      
  369.        height: 100%;
  370.        width: 100%;
  371.        background-color: royalblue;
  372.  
  373.    }
  374. html, body {
  375.   height: 100%;
  376. }
  377.    aside {
  378.        background-color: darkblue;
  379.        float: left;
  380.        color: white;
  381.        height: 100%;
  382.        width: 20%;
  383.    }
  384.  
  385.    .main {
  386.        background-color: royalblue;
  387.        float: left;
  388.        width: 80%;
  389.  
  390.    }
  391.  
  392.    p {
  393.        text-align: center;
  394.        padding: 20px;
  395.    }
  396.  
  397.    option {
  398.        width: 150px;
  399.  
  400.    }
  401.  
  402.    form {
  403.        border-style: solid;
  404.        border-width: 25px;
  405.        border-color: darkslategrey;
  406.        background-color: deepskyblue;
  407.        padding-top: 7px;
  408.        padding-bottom: 7px;
  409.    }
  410.  
  411.    footer {
  412.        background-color: cornflowerblue;
  413.        clear: both;
  414.        height: 10%;
  415.  
  416.  
  417.    }
  418.  
  419.    h1 {
  420.        text-align: center;
  421.    }
  422.  
  423.    #xd {
  424.        text-align: center
  425.    }
  426.  
  427.     </style>
  428. </head>
  429.  
  430. <body>
  431.  
  432.  
  433.  
  434.  
  435.     <section id="wrapper">
  436.         <aside>
  437.             <h3>Dostępne gatunki filmu</h3>
  438.             <ol>
  439.                 <li>Sci-fi</li>
  440.                 <li>animacja</li>
  441.                 <li>dramat</li>
  442.                 <li>komedia</li>
  443.                 <a href="index.html">Pobierz obraz</a><br>
  444.                 <a href="index.html">Sprawdź repedfsa</a>
  445.             </ol>
  446.         </aside>
  447.         <section class="main">
  448.             <h1>FILMOTEKA</h1>
  449.             <form action="#">
  450.                 Tytuł: <input type="text" name="tytul" value=""><br><br>
  451.                 Gatunek filmu
  452.                 <select name="gatunek">
  453.                     <option value="1">1</option>
  454.                     <option value="2">2</option>
  455.                 </select><br><br>
  456.                 Rok produkcji:
  457.                 <select name="rok">
  458.                     <option value="1">1</option>
  459.                     <option value="2">2</option>
  460.                 </select> <br><br>
  461.                 Ocena:
  462.  
  463.                 <select name="ocena">
  464.                     <option value="1">1</option>
  465.                     <option value="2">2</option>
  466.                 </select><br><br>
  467.  
  468.                 <input type="submit" value="Submit">
  469.  
  470.             </form>
  471.             <div id="xd"><img src="kadr.jpg" /></div>
  472.  
  473.         </section>
  474.         <footer>
  475.             <p>Autor strony: 00123141235</p>
  476.         </footer>
  477.     </section>
  478. </body>
  479.  
  480. </html>
RAW Paste Data
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
 
Top