CSS   34
style css
Guest on 2nd February 2023 01:28:03 AM


  1. /* Pushes Footer to the Bottom*/
  2. * {
  3. margin: 0;
  4. }
  5. html, body {
  6. height: 100%;
  7. }
  8. .wrapper {
  9. min-height: 100%;
  10. height: auto !important;
  11. height: 100%;
  12. margin: 0 auto -4.5em;
  13. }
  14.  
  15. .center {
  16.     text-align: center;
  17. }
  18.  
  19.  
  20. .push {
  21.         height: 4.5em;
  22.     clear: both;
  23. }
  24.  
  25. /* NON-SPECIFIC */
  26.  
  27. h1 {
  28.         display: none;
  29. }
  30.  
  31. h3 {
  32.     margin-top: 10px;
  33. }
  34.  
  35. /* Important for Buttons with symbols: */
  36. .btn i {
  37.     line-height: inherit;
  38. }
  39.  
  40.  
  41. /* INDEX PAGE*/
  42.  
  43. .imgFooter {opacity: 0.4;filter: alpha(opacity=40);}
  44. .imgFooter:hover {opacity: 0.9;filter: alpha(opacity=90);}
  45.  
  46. .bibl{color:#999;}
  47. .quote{color:#000;}
  48. .note{color:#600;}
  49. .entity{color:#600;font-weight:700}
  50. .highlight{background:#515151; color:#FFF;border-radius: 5px;}
  51. .mainText{    max-height: 300px;    overflow-x: scroll;width:100%;  margin: auto;border-radius: 5px;background-color:#FFF;border:0px solid #AAA; padding: 20px; font-size:14pt}
  52. .zoomText{word-wrap: break-word;direction: rtl;width:100%;margin: auto;border-radius: 5px;background-color:#FFF;border:0px solid #FFF; padding: 10px; }
  53. .toggle-btn-grp {
  54.     margin:3px 0;
  55. }
  56. .statistics{margin:15px;}
  57. .stem{font-family: Courier New; font-size: 12pt;font-weight: 700}
  58. .already_annotated{font-family: Courier New; font-size: 14pt;font-weight: 700; color:green}
  59. .label_radio{ padding:5px 25px; margin:5px; direction:rtl }
  60. .NoClass{background:#FFF; color:#000;border-radius: 5px;}
  61. .bar{color:#CCC;font-weight:700}
  62. .subtitle{color:#888;font-weight:700}
  63. .chkGrp {
  64.     text-align: center;
  65.     margin:2px 0px;
  66.     padding:2px;
  67.     color:#000;
  68.     background-color:#FFF;
  69.     border-radius:3px;
  70.     display:inline-block;
  71.     border:solid 1px #FFF;
  72.     cursor:pointer;
  73. }
  74. .chkGrp:hover {
  75.  
  76.     background-color:#DDD;
  77.     border-radius:3px;
  78.     display:inline-block;
  79.     border:solid 1px #AAA;
  80.     cursor:pointer;
  81. }
  82.  
  83.  
  84. .inputBox{height: 25px;width: 100px;font-family: 'Courier New';font-size:10px}
  85. .morphBox {margin:1px 0px;padding:1px 0px;align:left}
  86. .labelBox{padding: 0px 12px;margin:0px;}
  87.  
  88. .foreign{ color:#3333FF;font-weight:700;}
  89. .etym{color:#FF3333;font-weight:700;}
  90. .usg{color:#888833;font-weight:700;}
  91. .lit{font-size:10px;}
  92. .lit i {color:#666666}
  93. .subTit{font-size:12px;}
  94. .pofs{background-color:#FF0000;color:#FFF}
  95. .case{background-color:#008800;color:#FFF}
  96. .number{background-color:#888800;color:#FFF}
  97. .gender{background-color:#880088;color:#FFF}
  98. .tense{background-color:#880088;color:#FFF}
  99. .mood{background-color:#888888;color:#FFF}
  100. .person{background-color:#FFAA88;color:#FFF}
  101. .degree{background-color:#AAFF88;color:#FFF}
  102.  
  103. .dbdgPOS{background-color:#FF0000}
  104. #header {
  105.         /*margin-top: 5%;*/
  106.         background: url("logo_dh_light.png") no-repeat center center;
  107.         height: 280px;
  108.  
  109. }
  110.  
  111. #header.load {
  112.     opacity: 1;
  113. }
  114.  
  115. /* I want my glyphicons to float left */
  116. .panel-title  .fa {
  117.     display: inline-block;
  118.     float: left;
  119. }
  120.  
  121. /* remove Padding from button-glyph */
  122. .buttonglyph{
  123.     padding: 0;
  124. }
  125.  
  126. /* Random Elements */
  127. .randomgroup {
  128.     list-style: none;
  129.     padding: 0px;
  130. }
  131.  
  132. .randomgroup li {
  133.     display: inline-block;
  134.     margin: 0 10px;
  135. }
  136.  
  137. .beschreibungindex {
  138.     min-height: 5em;
  139. }
  140.  
  141. .desc_nowrap {
  142.     white-space: nowrap;
  143. }
  144.  
  145. /* FOOTER */
  146. #footer{
  147.         background: #F5F5F5;
  148.         width: 100%;
  149.         padding-top: 4px;
  150.         min-height: 4.5em;
  151.     box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.05);
  152.     border-top: 1px solid #DDD;
  153.     text-align: center;
  154.        
  155. }
  156. #footer p {
  157.         font-size: 12px;
  158.         color: #FFF;
  159.         margin-bottom: 1px;
  160. }
  161.  
  162. #footerlist{
  163.     margin-bottom: 5px;
  164. }
  165.  
  166. #footerlist li{
  167.     display: inline-block;
  168.     margin-right: 5px;
  169. }
  170.  
  171. /* RESPAGE */
  172.  
  173. .navbar-header {
  174.     min-height: 75px;
  175.     width: 200px;
  176.     margin-left: auto !important;
  177.     margin-right: auto !important;
  178. }
  179.  
  180. .navbar-brand-ws {
  181.     padding-top: 2px;
  182.     padding-bottom: 2px;
  183. }
  184.  
  185. .navbar-form {
  186.     padding-top: 15px;
  187.     padding-bottom: 15px;
  188. }
  189.  
  190. .navbar-btn {
  191.     margin-top: 15px;
  192.     margin-bottom: 15px;
  193. }
  194.  
  195.  
  196.  
  197.  
  198.  
  199. /* Tooltip width */
  200. div.tooltip-inner {
  201.     max-width: 350px;
  202.     width: 100%;
  203. }
  204.  
  205. /*End Modal */
  206.  
  207.  
  208. .form-signin
  209. {
  210.     max-width: 330px;
  211.     padding: 15px;
  212.     margin: 0 auto;
  213. }
  214. .form-signin .form-signin-heading, .form-signin .checkbox
  215. {
  216.     margin-bottom: 10px;
  217. }
  218. .form-signin .checkbox
  219. {
  220.     font-weight: normal;
  221. }
  222. .modal{width:auto; height:auto}
  223.  
  224. .form-signin .form-control
  225. {
  226.     position: relative;
  227.     font-size: 16px;
  228.     height: auto;
  229.     padding: 10px;
  230.     -webkit-box-sizing: border-box;
  231.     -moz-box-sizing: border-box;
  232.     box-sizing: border-box;
  233. }
  234. .form-signin .form-control:focus
  235. {
  236.     z-index: 2;
  237. }
  238. .form-signin input[type="text"]
  239. {
  240.     margin-bottom: -1px;
  241.     border-bottom-left-radius: 0;
  242.     border-bottom-right-radius: 0;
  243. }
  244. .form-signin input[type="password"]
  245. {
  246.     margin-bottom: 10px;
  247.     border-top-left-radius: 0;
  248.     border-top-right-radius: 0;
  249. }
  250. .account-wall
  251. {
  252.     margin-top: 20px;
  253.     padding: 40px 0px 20px 0px;
  254.     background-color: #f7f7f7;
  255.     -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  256.     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  257.     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  258. }
  259. .login-title
  260. {
  261.     color: #555;
  262.     font-size: 18px;
  263.     font-weight: 400;
  264.     display: block;
  265. }
  266. .profile-img
  267. {
  268.     width: 96px;
  269.     height: 96px;
  270.     margin: 0 auto 10px;
  271.     display: block;
  272.     -moz-border-radius: 50%;
  273.     -webkit-border-radius: 50%;
  274.     border-radius: 50%;
  275. }
  276. .need-help
  277. {
  278.     margin-top: 10px;
  279. }
  280. .new-account
  281. {
  282.     display: block;
  283.     margin-top: 10px;
  284. }
  285.  
  286. .ENtities{
  287.   list-style-type: none;
  288.   list-style:none;
  289.  }
  290.  
  291. .ENtities li:hover {
  292.     background-color: #DEF;    list-style-type: none;
  293.     list-style:none;
  294. }
  295.     .custom-menu {
  296.     display: none;
  297.     z-index: 1000;
  298.     position: absolute;
  299.     overflow: hidden;
  300.     border: 1px solid #CCC;
  301.     white-space: nowrap;
  302.     font-family: sans-serif;
  303.     background: #FFF;
  304.     color: #333;
  305.     border-radius: 5px;
  306.     list-style-type: none;
  307.     list-style:none;
  308.    
  309. }
  310.  
  311. .custom-menu li {
  312.     padding: 8px 12px;
  313.     list-style:none;
  314.     cursor: pointer;
  315. }
  316.  
  317. .custom-menu li:hover {
  318.     background-color: #DEF;    list-style-type: none;
  319.     list-style:none;
  320. }
  321.  
  322. .mainText::-moz-selection { background-color: #000 ; color:#FFF}
  323. .mainText::selection { background-color: #000 ; color:#FFF }
  324.  
  325. /* FOOTER */
  326. #footer{
  327.     background: #F5F5F5;
  328.     width: 100%;
  329.     padding-top: 4px;
  330.     min-height: 4.5em;
  331.     box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.05);
  332.     border-top: 1px solid #DDD;
  333.     text-align: center;
  334.  
  335. }
  336. #footer p {
  337.     font-size: 12px;
  338.     color: #FFF;
  339.     margin-bottom: 1px;
  340. }
  341.  
  342. #footerlist{
  343.     margin-bottom: 5px;
  344. }
  345.  
  346. #footerlist li{
  347.     display: inline-block;
  348.     margin-right: 5px;
  349. }
  350. html, body {
  351.     height: 100%;
  352. }
  353. .container {
  354.     min-height: 100%;
  355.     width:100%;
  356.     height: auto !important;
  357.     height: 100%;
  358.     margin: 0 auto -4.5em;
  359. }
  360. .whiteBackground
  361. {
  362.     margin: 10px auto;
  363.     border-radius: 15px;
  364.     width:95%;
  365.     min-height: 95%;
  366.     height: 95%;
  367.  
  368.     height: auto !important;
  369.     background-color:#FFF;
  370. }
  371. .editingArea{
  372.     padding:10px;
  373.     font-size: 16pt;
  374.     margin: 10px;
  375.     cursor: pointer;
  376.  
  377. }
  378. .bordered{
  379.     border:1px solid #888;
  380.     border-radius: 5px;
  381. }
  382. .unaligned{
  383.     color: #FF8888;
  384. }
  385.  
  386. .token:hover{
  387.     color: #444444;
  388. }
  389. .pressed{
  390.     color: #88FF88;
  391.     background-color: #444444;color:#ffffff ;
  392.  
  393. }
  394. .aligned{
  395.     color: #00994c;
  396. }
  397.  
  398. /* editor navbar style */
  399. .editornav ul {
  400.     list-style-type: none;
  401.     margin: 0;
  402.     padding: 0;
  403.     overflow: hidden;
  404.     background-color: #333;
  405. }
  406.  
  407. .editornav li {
  408.     float: left;
  409. }
  410.  
  411. .editornav li a {
  412.     display: block;
  413.     color: white;
  414.     text-align: center;
  415.     padding: 14px 16px;
  416.     text-decoration: none;
  417. }
  418.  
  419. /* Change the link color to #111 (black) on hover */
  420. .editornav li a:hover {
  421.     background-color: #111;
  422. }
Raw Paste

Login or Register to edit or fork this paste. It's free.