main.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. body{
  2. font-family: 'Open Sans', sans-serif;
  3. }
  4. iframe {
  5. max-height: 100%;
  6. border: 0 !important;
  7. }
  8. a {
  9. -webkit-transition: all ease 150ms;
  10. -moz-transition: all ease 150ms;
  11. -o-transition: all ease 150ms;
  12. transition: all ease 150ms;
  13. text-decoration: none;
  14. /*color: #783b9c;*/
  15. color: #B7005B;
  16. }
  17. a:hover {
  18. text-decoration: underline;
  19. color: #000000;
  20. }
  21. .navbar {
  22. padding:12px;
  23. background:#EEEEEE;
  24. min-height: 10px;
  25. margin-bottom: 0;
  26. text-transform: uppercase;
  27. font-weight: 700;
  28. font-size: 0.9em;
  29. /*background-color:rgba(0, 0, 0, 0.0);*/
  30. }
  31. .navbar a{
  32. /*color:#FFFFFF;*/
  33. }
  34. .navbar a:hover {
  35. text-decoration: none;
  36. }
  37. .jumbotron {
  38. background-color: #FFFFFF;
  39. background: -moz-linear-gradient(-45deg, rgba(255,0,46,0.7) 0%, rgba(255,255,255,0) 100%), url('http://iuf.alternatifbilisim.org/img/ungovinternet-cover.jpg') no-repeat center center #333333; /* FF3.6+ */
  40. background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,0,46,0.7)), color-stop(100%,rgba(255,255,255,0))), url('http://iuf.alternatifbilisim.org/img/ungovinternet-cover.jpg') no-repeat center center #333333; /* Chrome,Safari4+ */
  41. background: -webkit-linear-gradient(-45deg, rgba(255,0,46,0.7) 0%,rgba(255,255,255,0) 100%), url('http://iuf.alternatifbilisim.org/img/ungovinternet-cover.jpg') no-repeat center center #333333; /* Chrome10+,Safari5.1+ */
  42. background: -o-linear-gradient(-45deg, rgba(255,0,46,0.7) 0%,rgba(255,255,255,0) 100%), url('http://iuf.alternatifbilisim.org/img/ungovinternet-cover.jpg') no-repeat center center #333333; /* Opera 11.10+ */
  43. background: -ms-linear-gradient(-45deg, rgba(255,0,46,0.7) 0%,rgba(255,255,255,0) 100%), url('http://iuf.alternatifbilisim.org/img/ungovinternet-cover.jpg') no-repeat center center #333333; /* IE10+ */
  44. background: linear-gradient(135deg, rgba(255,0,46,0.7) 0%,rgba(255,255,255,0) 100%), url('http://iuf.alternatifbilisim.org/img/ungovinternet-cover.jpg') no-repeat center center #333333; /* W3C */
  45. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ff002e', endColorstr='#00ffffff',GradientType=1 ), url('http://iuf.alternatifbilisim.org/img/ungovinternet-cover.jpg') no-repeat center center #333333; /* IE6-9 fallback on horizontal gradient */
  46. background-size: cover;
  47. padding-top:120px;
  48. padding-bottom:100px;
  49. margin-bottom: 0;
  50. }
  51. .jumbotron h1 {
  52. color:#FFFFFF;
  53. font-weight: 700;
  54. letter-spacing: -0.02em;
  55. font-style: normal;
  56. letter-spacing: -0.04em;
  57. font-size: 50px;
  58. line-height: 1.1;
  59. /*text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)*/
  60. text-shadow: 2px 2px 4px rgba(142, 0, 0, 0.8);
  61. }
  62. .jumbotron h2, .jumbotron a {
  63. color:#FFFFFF;
  64. line-height: 130%;
  65. text-shadow: 2px 2px 4px rgba(142, 0, 0, 0.8);
  66. }
  67. .btn-outline {
  68. background-color: rgba(0, 0, 0, 0);
  69. border-color: #FFFFFF;
  70. color: #FFFFFF;
  71. }
  72. .body-content h1 {
  73. line-height: 1.1;
  74. margin-bottom: 20px;
  75. }
  76. .body-content h2 {
  77. margin-top:60px;
  78. margin-bottom:20px;
  79. text-transform: uppercase;
  80. font-size: 1.0em;
  81. font-weight: 700;
  82. color: #666666;
  83. }
  84. .body-content h4 {
  85. text-align: left;
  86. }
  87. .body-content .supporters img {
  88. width:150px;
  89. }
  90. .body-content .supporters .caption {
  91. font-size: 0.80em;
  92. line-height: 0.80em;
  93. opacity: .5;
  94. filter: alpha(opacity=50);
  95. }
  96. ul.participation, ul.participation-topics {
  97. list-style-type: none;
  98. margin:0;padding:0;
  99. }
  100. ul.participation-topics li {
  101. /*float:left;*/
  102. text-align: left;
  103. }
  104. input {
  105. display: block;
  106. vertical-align: middle;
  107. line-height: 30px;
  108. margin: 0 auto;
  109. width: 100%;
  110. max-width: 400px;
  111. -moz-box-sizing: border-box;
  112. -webkit-box-sizing: border-box;
  113. box-sizing: border-box;
  114. -webkit-transition: all linear 0.2s;
  115. -moz-transition: all linear 0.2s;
  116. -o-transition: all linear 0.2s;
  117. transition: all linear 0.2s;
  118. }
  119. footer {
  120. padding: 50px 0 50px 0;
  121. margin-top: 50px;
  122. /*background-color: #b6294c;*/
  123. /*color: #FFFFFF;*/
  124. }
  125. .body-content .supporters div.text-center {
  126. min-height: 160px;
  127. }