View file dizgreen_klubv/style.css

File size: 6.64Kb
  1. body {
  2. background: #d9e2c6 url(./images/bg.png);
  3. max-width: 100%;
  4. color: white;
  5.  
  6. }
  7.  
  8.  
  9. .sidebar {
  10. float: right;
  11. width: 280px;
  12. background: white;
  13. border-radius: 7px;
  14. height: 100%;
  15. padding: 5px 5px 5px 5px;
  16. margin-right:10px;
  17. margin-top: 5px;
  18. margin-bottom: 5px;
  19. box-shadow: 0px 0px 5px 1px #8caf4f;
  20. -webkit-box-shadow: 0px 0px 5px 1px #8caf4f;
  21. -moz-box-shadow: 0px 0px 5px 1px #8caf4f;
  22. }
  23.  
  24. .sidebar a {
  25. color:#8caf4f;
  26. text-decoration: none;
  27.  
  28. }
  29.  
  30.  
  31. .sidebar a:hover {
  32. background: #8caf4f;
  33. border-radius: 7px;
  34. padding: 3px;
  35. color: white;
  36. }
  37.  
  38.  
  39. .sha {
  40. background: #85CA2C url(images/4.jpg);
  41. background-repeat: no-repeat;
  42. background-size: cover;
  43. background-position:bottom top;
  44. padding-top: 20px;
  45. margin: 0 auto;
  46. color: white;
  47. font-size: 18px;
  48. text-align: center;
  49. width: 100%;
  50. height: 110px;
  51. border-radius:1px;
  52. font-family: arial black;
  53. }
  54.  
  55. .menu2 {
  56. width: 100%;
  57. padding-top: 20px;
  58. margin: 0 auto;
  59. color: #8caf4f;
  60. }
  61.  
  62. .menu2 a {
  63. text-decoration: none;
  64. outline: none;
  65. display: inline-block;
  66. width: 140px;
  67. height: 45px;
  68. line-height: 45px;
  69. border-radius: 45px;
  70. font-family: 'Montserrat', sans-serif;
  71. font-size: 11px;
  72. text-transform: uppercase;
  73. text-align: center;
  74. letter-spacing: 3px;
  75. font-weight: 600;
  76. color: #8caf4f;
  77. background: white;
  78. box-shadow: 0 8px 15px rgba(0,0,0,.1);
  79. transition: .3s;
  80.  
  81. }
  82. .menu2 a:hover {
  83. background: #8caf4f;
  84. color: white;
  85. transform: translateY(-7px);
  86. }
  87.  
  88.  
  89.  
  90.  
  91. .site {
  92. background:white;
  93. float: left;
  94. margin: 0 auto;
  95. padding: 15px ;
  96. color: grey;
  97. font-family: Georgia, 'Times New Roman', Times, serif;
  98. font-size: 16px;
  99. width: 650px;
  100. border-radius: 7px;
  101. margin-top: 5px;
  102. margin-bottom: 5px;
  103. margin-left: 10px;
  104. box-shadow: 0px 0px 5px 1px #8caf4f;
  105. -webkit-box-shadow: 0px 0px 5px 1px #8caf4f;
  106. -moz-box-shadow: 0px 0px 5px 1px #8caf4f;
  107. }
  108.  
  109. .site a {
  110. color:#8caf4f;
  111. text-decoration: none;
  112.  
  113. }
  114.  
  115.  
  116. .site a:hover {
  117. background: #8caf4f;
  118. border-radius: 7px;
  119. color: white;
  120. }
  121.  
  122.  
  123. .fa-lg {
  124. color:#8caf4f ;
  125. font-size: 1em;
  126. }
  127.  
  128.  
  129.  
  130. .b {
  131. background-image:url(images/green.jpg);
  132. background-repeat: repeat;
  133. background-size: cover;
  134. background-position:top;
  135. padding: 10px;
  136. border-radius: 7px;
  137. overflow: hidden;
  138. font-family: arial black;
  139. font-style: normal;
  140. color: darkgray;
  141. }
  142.  
  143. .b a {
  144. text-decoration: none;
  145. outline: none;
  146. display: inline-block;
  147. padding: 2px ;
  148. margin: 3px 0px;
  149. border-radius: 10px;
  150. box-shadow: 0 0 40px 40px #8caf4f inset, 0 0 0 0 #8caf4f;
  151. font-family: 'Montserrat', sans-serif;
  152. font-weight: bold;
  153. letter-spacing: 2px;
  154. color: white;
  155. transition: .15s ease-in-out;
  156. }
  157.  
  158.  
  159. .foot {
  160. background-image:url(images/4.jpg);
  161. background-repeat: no-repeat;
  162. background-size: cover;
  163. background-position: top;
  164. padding: 15px;
  165. text-align: center;
  166. color: antiquewhite;
  167. padding: 15px;
  168. margin: 0 auto;
  169. width: 100%;
  170. clear: both;
  171.  
  172. }
  173.  
  174.  
  175. .foot a {
  176. color: white;
  177. }
  178.  
  179. .foot a:hover {
  180. color: white;
  181. }
  182.  
  183.  
  184.  
  185.  
  186. .img {
  187. float: left;
  188. padding: 5px 5px 5px 5px;
  189. }
  190.  
  191.  
  192.  
  193. h1 {
  194. font-size: 24px;
  195. color: olivedrab;
  196. text-shadow: 2px 2px 3px #8caf4f;
  197. padding: 10px;
  198. }
  199.  
  200.  
  201.  
  202. .alert-info {
  203. border-radius: 7px;
  204. border: 1px white;
  205. background:#E9F7DE;
  206. color: darkgrey;
  207. margin: 0;
  208. }
  209.  
  210. .alert-info a {
  211. color: darkgray;
  212. }
  213.  
  214. .alert-warning {
  215. background: #E9F7DE;
  216. color: darkgrey;
  217. }
  218.  
  219.  
  220. .data {
  221. font-size: 10px;
  222. color: gray;
  223. }
  224.  
  225. .breadcrumb {
  226. background: #E9F7DE;
  227. }
  228. .breadcrumb a {
  229. color: darkgray;
  230. }
  231.  
  232.  
  233. textarea {width: 100%;
  234. color: #8caf4f;}
  235.  
  236.  
  237. .form {
  238. color: #666;
  239. padding : 3px;
  240. background: #ddd url(./images/bp.gif);
  241. border: 1px solid #ccc;
  242. border-radius:5px;
  243. }
  244. #menu{
  245. margin:0 auto;
  246. max-width:960px;
  247. }
  248. #menu ul{
  249. list-style:none;
  250. }
  251. #menu li{
  252. max-width:100%;
  253. list-style:none;
  254. display:inline-block;
  255. background:#f4f4ec;
  256. border-bottom:4px solid #8eb132;
  257. margin: 0 auto;
  258. }
  259.  
  260. #menu li a {
  261. text-decoration: none;
  262. outline: none;
  263. display: inline-block;
  264. width: 140px;
  265. height: 50px;
  266. line-height: 45px;
  267. font-family: 'Montserrat', sans-serif;
  268. font-size: 11px;
  269. text-transform: uppercase;
  270. text-align: center;
  271. letter-spacing: 3px;
  272. font-weight: 600;
  273. color: #8caf4f;
  274. background: white;
  275. box-shadow: 0 8px 15px rgba(0,0,0,.1);
  276. transition: .3s;
  277.  
  278. }
  279. #menu li a:hover {
  280. background: #8caf4f;
  281. color: white;
  282. transform: translateY(-7px);
  283. }
  284.  
  285. .nav {
  286. width:960px;
  287. margin: 0 auto;
  288. background: white;
  289. padding-top: 10px;
  290. }
  291.  
  292. #contein{
  293. width:960px;
  294. margin: 0 auto;
  295. margin-top: 5px;
  296. background: white;
  297. box-shadow: 0px 0px 5px 1px #8caf4f;
  298. -webkit-box-shadow: 0px 0px 5px 1px #8caf4f;
  299. -moz-box-shadow: 0px 0px 5px 1px #8caf4f;
  300. }
  301.  
  302. .infos {
  303. background: white;
  304. width: 100%;
  305. color:grey;
  306. }
  307.  
  308. blockquote {
  309. margin: 0;
  310. margin-top: 5px;
  311. color: #8caf4f;
  312. padding: 30px 30px 30px 60px;
  313. border-left: 8px solid #8caf4f;
  314. position: relative;
  315. background: #FAF8EB;
  316. font-family: 'Lato', sans-serif;
  317. font-weight: 300;
  318. }
  319.  
  320.  
  321. blockquote:before {
  322. content: "\201C";
  323. font-family: Arial;
  324. color:#8caf4f;
  325. font-size: 70px;
  326. position: absolute;
  327. left: 15px;
  328. top: 5px;
  329. }
  330.  
  331. blockquote p {
  332. font-style: italic;
  333. font-size: 24px;
  334. margin-top: 0;
  335. }
  336.  
  337. img {
  338. padding: 2px;
  339.  
  340. }
  341.  
  342. hr {
  343. color:#8caf4f;
  344. border: dotted 1px;
  345. }
  346.  
  347.  
  348. .alert-block {
  349. background:#E9F7DE;
  350. color: darkgray;
  351. border: grey;
  352. }
  353.  
  354. .enter {
  355. background-color : #F8FFFC;
  356. border-left: 1px dashed #ccc;
  357. border-right: 1px dashed #ccc;
  358. border-top: 1px dashed #ccc;
  359. border-bottom: 1px dashed #ccc;
  360. color: #708090;
  361. padding: 4px;
  362. margin: -5px 10px 10px;
  363. border-radius: 5px
  364. }
  365.  
  366. .enter2 {
  367. background-color : #EFFFF7;
  368. border-left: 2px dashed #ccc;
  369. border-right: 2px dashed #ccc;
  370. border-bottom: 2px dashed #ccc;
  371. color: #708090;
  372. padding: 3px;
  373. margin: 1px 200px 10px;
  374. border-radius: 3px
  375. }
  376.  
  377. .enter3 {
  378. background-color : #EFFFF7;
  379. border-left: 2px dashed #ccc;
  380. border-right: 2px dashed #ccc;
  381. border-bottom: 2px dashed #ccc;
  382. color: #708090;
  383. padding: 4px;
  384. margin: -5px 10px 10px;
  385. border-radius: 5px
  386. }
  387. .menus {
  388. margin-top : 4px;
  389. padding : 7px 24px;
  390. background-color : #F0F8FF;
  391. vertical-align : middle;
  392. border-left: 1px dashed #ccc;
  393. border-right: 1px dashed #ccc;
  394. border-top: 1px dashed #ccc;
  395. border-bottom: 1px dashed #ccc;
  396. margin: 8px 4px 0px;
  397. border-radius: 5px
  398. }