Guest User

Untitled

a guest
Dec 3rd, 2019
92
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