Advertisement
Guest User

Untitled

a guest
Nov 19th, 2017
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.40 KB | None | 0 0
  1. @CHARSET "UTF-8";
  2. /*style reset*/
  3. a, abbr, address, article, aside, audio, b, blockquote, body, canvas,
  4. caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
  5. figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
  6. html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
  7. object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
  8. sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  9.   margin: 0;
  10.   padding: 0;
  11.   border: 0;
  12.   font-size: 100%;
  13.   font-weight: inherit;
  14.   font-style: inherit;
  15.   vertical-align: baseline;
  16. }
  17.  
  18. article, aside, canvas, details, figcaption, figure, footer, header,
  19. hgroup, menu, nav, section, summary {
  20.   display: block;
  21. }
  22.  
  23. a, ins, del {
  24.   text-decoration: none;
  25. }
  26.  
  27. ul, ol {
  28.   list-style: none;
  29. }
  30.  
  31.  
  32. caption {
  33.   text-align: left;
  34. }
  35.  
  36. q:after, q:before {
  37.   content: "";
  38. }
  39. /*end of style reset*/
  40.  
  41. /*global*/
  42. body{
  43.     #background-image: url('../images/baner-bg.jpg');
  44.     background-repeat: repeat-x;
  45.     background-color: #00615c;
  46.     #border-top: 11px solid #c9d8d1;
  47. }
  48. h1{
  49.     font-size: 22px;
  50.     padding-bottom: 20px;
  51. }
  52. /*end global*/
  53.  
  54. /*ID section*/
  55. #baner{
  56.     background-color: #fff;
  57.     margin-top: 1px;
  58.     height: 1px;
  59.     border: 5px solid #5fd1cb;
  60.    
  61.     color: #00615c;
  62. }
  63. #baner img{
  64.     float: right;
  65.     margin-right: 140px;
  66. }
  67. #baner p{
  68.     font-size: 32px;
  69.     font-style: italic;
  70.     width: 500px;
  71.     margin-top: 65px;
  72.     margin-left: 70px; 
  73. }
  74. #container{
  75.     position: relative;
  76.     width: 980px;
  77.     margin: 0 auto;
  78.     text-align: left;/*cleaning after centering for IE6*/
  79. }
  80. #content{
  81.     height: 300px;
  82.     border-bottom: 1px solid #05736e;
  83. }
  84. #content div{
  85.     float: left;
  86.     height: 100%;
  87.     width: 98%;
  88.     #background-image: url('../images/vert-line.jpg');
  89.     background-repeat: no-repeat;
  90.     background-position: left;
  91.     padding-left: 10px;
  92. }
  93. #content div:first-child{
  94.     background-image: none;
  95.     padding-left: 0px;
  96. }
  97. #content p{
  98.     font-family: arial;
  99.     font-size: 15px;
  100.     padding-right: 10px;
  101. }
  102.  
  103. #footer{
  104.     background-color: #5fd1cb;
  105.     margin: 15px 0px;
  106.     color: #132a29;
  107.     height: 54px;
  108. }
  109. #footer p{
  110.     padding: 0 8px;
  111.     line-height: 54px;
  112. }
  113. #footer a{
  114.     color: #132a29;
  115.     text-decoration: underline;
  116. }
  117. #global{
  118.     color: #fff;
  119.     width: 100%;
  120.     position: absolute;
  121.     text-align: center; /*IE6*/
  122. }
  123. #header{
  124.     height: 50px;
  125. }
  126. #menu{
  127.     background-image: url('../images/logo.png');
  128.     background-repeat: no-repeat;
  129.     background-color: #5fd1cb;
  130.     height: 51px;
  131.     line-height: 51px; 
  132. }
  133. #menu a{
  134.     color: #fff;   
  135. }
  136. #menu ul{
  137.     float: right;
  138. }
  139. #menu ul li{
  140.     display: inline;
  141.     padding: 0 10px;
  142. }
  143. #menu ul li:hover{
  144.     background-color: #00615c;
  145.     padding: 14px 10px 14px 10px;
  146. }
  147. #upmenu{
  148.     color: #00615c;
  149.     height: 51px;
  150.     line-height: 51px;
  151. }
  152. #upmenu a{
  153.     color:  #00615c;   
  154. }
  155. #upmenu ul{
  156.     float: right;
  157. }
  158. #upmenu ul li{
  159.     display: inline;
  160.     padding: 0 0 0 10px;
  161. }
  162. #footer, #upmenu{
  163.     font-family: arial;
  164.     font-size: 12px;
  165. }
  166. /*end ID section*/
  167.  
  168. /*class*/
  169.  
  170. .bolded{
  171.     font-weight: bold;
  172. }
  173. .f2left{
  174.     float: left;
  175. }
  176. .f2right{
  177.     float: right;
  178. }
  179. .f2top{
  180.     float: top;
  181. }
  182. .more-button{
  183.     font-size: 11px;
  184.     font-family: arial;
  185.     color: #132A29;
  186.     background-color: #18bdb4;
  187.     float: top;
  188.     padding: 7px 21px;
  189.     margin-top: 15px;
  190.     bottom: 0px;
  191. }
  192. .more-button a{
  193.     color: #132A29;
  194. }
  195. .underlined{
  196.     text-decoration: underline;
  197. }
  198.  
  199. #formularz {
  200.         width:100px; /* ustawiamy szerokość formularza */
  201.         margin:0 auto; /* jeżeli nasz formularz ma ustawioną szerokość wyśrodkowujemy go */
  202.         background-color:#fff; /* dodajemy kolor tła naszemu formularzowi */
  203.         border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
  204.         border-radius:10px; /* zaokrąglamy tło naszego formularza */
  205.         padding:20px; /* dodajemy margines wewnątrz naszego formularza */
  206.         margin-top:20px; /* dodajemy margines górny naszego formularza */
  207. }
  208.  
  209. #formularz label {
  210.     display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
  211.     margin-bottom:5px;/* dodajemy margines dolny */
  212.     font-weight:bold; /* pogrubiamy czcionkę */
  213.     text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
  214.     font-size:12px; /* ustawiamy wielkość czcionki */
  215.     color:#555555; /* ustawiamy kolor czcionki */
  216. }
  217.  
  218. #formularz textarea,
  219. #formularz input {
  220.     padding:5px; /* dodajemy margines wewnątrz naszego pola */
  221.     border-radius:3px; /* dodajemy zaokraglone rogi */
  222.     border:1px solid #ccc; /* dodajemy obramowanie */
  223.     margin-bottom:25px; /* dodajemy margines dolny */
  224.     width:255px; /* ustalamy szerokość */
  225. }
  226.  
  227. #formularz input#submit {
  228.     width:100px; /* ustalamy szerokość */
  229.     cursor:pointer; /* zmieniamy kursor */
  230.     margin-bottom:0px;/* resetujemy margines dolny */
  231. }
  232.  
  233. #formularz p.copy {
  234.     color:#555555; /* ustawiamy kolor czcionki */
  235.     margin-bottom:0px; /* resetujemy margines dolny */
  236.     font-size:12px; /* ustawiamy rozmiar czcionki */
  237.     text-align: center; /* wyśrodkowywujemy tekst */
  238. }
  239.  
  240. #formularz p.copy a {
  241.     color:#555555;/* ustawiamy kolor czcionki */
  242.     text-decoration: none; /* usuwamy podkreślenie linku */
  243.     font-weight:bold; /* pogrubiamy czcionkę */
  244. }  
  245. #scroll-to-top{
  246.    position:fixed;
  247.    bottom:15px;
  248.    right:20px;
  249.    opacity:0.8;
  250. }
  251.  
  252. #scroll-to-top2{
  253.    bottom:95px;
  254.    right:20px;
  255.    opacity:0.8;
  256. }
  257. #scroll-to-top:hover{
  258.    opacity:1;
  259. }
  260. #scroll-to-top2:hover{
  261.    opacity:1;
  262. }
  263. * {
  264. margin: 0;
  265. padding: 0;
  266. }
  267. .css_gallery {
  268. margin: 0 auto;
  269. width: 720px; /* szerokosc najszerszego zdjęcia + szerokosc miniatur + 40px luzu */
  270. position: relative;
  271. overflow: hidden;
  272. }
  273. .css_gallery ul {
  274. list-style-type: none;
  275. width: 192px; /* szerokosc miniatur */
  276. height: 375px; /* wysokosc najwyzszego zdjecia + miejsce na ewentualny opis zdjec */
  277. overflow: auto;
  278. padding: 0;
  279. float: left;
  280. margin: 0 0 30px 0;
  281. }
  282. .css_gallery li {
  283. display: block;
  284. width: 152px; /* szerokosc miniatury + ew. obramowanie obrazka */
  285. height: 152px; /* wysokosc miniatury + ew. obramowanie obrazka */
  286. padding: 5px 20px 5px 0;
  287. margin: 0;
  288. }
  289. .css_gallery li img {
  290. border: 1px solid #000;
  291. max-width: 500px;
  292. max-height: 500px;
  293. }
  294. .css_gallery li div {
  295. display: none;
  296. }
  297. .css_gallery ul:hover li:first-child div {
  298. display: none;
  299. }
  300. .css_gallery li:hover div
  301. ,.css_gallery ul li:first-child div
  302. ,.css_gallery ul li:first-child:hover div {
  303. display: block;
  304. position: absolute;
  305. left: 220px; /* szerokosc <ul> + padding <ul> + 20px */
  306. top: 0;
  307. }
  308.  
  309. /*end class*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement