/public/css/app.css

https://bitbucket.org/hdx/hma · CSS · 147 lines · 107 code · 26 blank · 14 comment · 0 complexity · a181e5222bfc17b1578945ae588937d9 MD5 · raw file

  1. body {
  2. padding-top: 60px;
  3. }
  4. .date {
  5. font-size: 11px;
  6. color: #aaa;
  7. }
  8. .author {
  9. color: #aaa;
  10. }
  11. .title {
  12. padding: 5px 0 15px 0;
  13. display: block;
  14. font-size: 24px;
  15. }
  16. /*.container {*/
  17. /*width: 820px!important;*/
  18. /*}*/
  19. .article, .comment {
  20. padding: 15px 0;
  21. border-top: 1px solid #e8e8e8;
  22. }
  23. #votes-container {
  24. margin-left: 10px;
  25. }
  26. #votes-container div {
  27. margin-top: 8px;
  28. }
  29. .addthis_toolbox {
  30. height:32px;
  31. }
  32. .recentStuffWidget {
  33. position: relative;
  34. padding: 5px 15px;
  35. background-color: white;
  36. border: 1px solid #DDD;
  37. -webkit-border-radius: 4px;
  38. -moz-border-radius: 4px;
  39. border-radius: 4px;
  40. }
  41. .masthead {
  42. padding: 70px 0 80px;
  43. margin-bottom: 0;
  44. color: white;
  45. }
  46. .jumbotron {
  47. position: relative;
  48. padding: 40px 0;
  49. color: white;
  50. text-align: center;
  51. text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
  52. background: #020031;
  53. background: -moz-linear-gradient(45deg, #020031 0%, #6D3353 100%);
  54. background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6D3353));
  55. background: -webkit-linear-gradient(45deg, #020031 0%,#6D3353 100%);
  56. background: -o-linear-gradient(45deg, #020031 0%,#6D3353 100%);
  57. background: -ms-linear-gradient(45deg, #020031 0%,#6D3353 100%);
  58. background: linear-gradient(45deg, #020031 0%,#6D3353 100%);
  59. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 );
  60. -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
  61. -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
  62. box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
  63. }
  64. .jumbotron .container {
  65. position: relative;
  66. z-index: 2;
  67. }
  68. .jumbotron h1 {
  69. font-size: 80px;
  70. font-weight: bold;
  71. letter-spacing: -1px;
  72. line-height: 1;
  73. }
  74. .jumbotron p {
  75. font-size: 24px;
  76. font-weight: 300;
  77. line-height: 1.25;
  78. margin-bottom: 30px;
  79. }
  80. .masthead h1 {
  81. font-size: 120px;
  82. line-height: 1;
  83. letter-spacing: -2px;
  84. }
  85. .masthead p {
  86. font-size: 40px;
  87. font-weight: 200;
  88. line-height: 1.25;
  89. }
  90. .radial-center {
  91. /* fallback */
  92. background-color: #FFFF19;
  93. /*background-image: url(images/radial_bg.png);*/
  94. background-position: center center;
  95. background-repeat: no-repeat;
  96. /* Safari 4-5, Chrome 1-9 */
  97. /* Can't specify a percentage size? Laaaaaame. */
  98. background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FF0000 ), to(#FFFF19));
  99. /* Safari 5.1+, Chrome 10+ */
  100. background: -webkit-radial-gradient(circle, #FF0000 , #FFFF19);
  101. /* Firefox 3.6+ */
  102. background: -moz-radial-gradient(circle, #FF0000 , #FFFF19);
  103. /* IE 10 */
  104. background: -ms-radial-gradient(circle, #FF0000 , #FFFF19);
  105. /* Opera cannot do radial gradients yet */
  106. border: 2px solid #d3d3d3;
  107. }
  108. /*#moveMaps .page-header, #clickMaps .page-header,#aggregated .page-header {*/
  109. /**/
  110. /*}*/
  111. .radial-center h1{
  112. -webkit-text-stroke: 1px #a9a9a9;
  113. color: white;
  114. }
  115. .navbar .brand {
  116. background-image: url('../img/app_icon.png');
  117. background-repeat: no-repeat;
  118. padding-left: 57px;
  119. background-position-x: 18px;
  120. background-position-Y: 3px;
  121. }