Advertisement
lowheartrate

backup of css on localhost/heartfx 11-21-2016 0340

Nov 21st, 2016
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.70 KB | None | 0 0
  1.  
  2. /* General CSS */
  3. body {margin:0 auto;padding:0;font-family:verdana;}
  4.  
  5. /* targets forms with id: form-main */
  6. #form-main {border:1px solid gray;max-width:70%;margin-top: 15px;padding:5px;font-size:12px;float:right;}
  7.  
  8. /* targets forms and div with admin_module class */
  9. form.admin_module {border:1px solid gray;padding: 7px;max-height: 350px;}
  10. div.admin_module {border:1px solid gray;padding:7px;max-height:350px;overflow:auto;}
  11.  
  12. /* targets navbar elements */
  13.     /* targets entire navbar */
  14.     .navbar {max-height:60px;height:60px;margin-bottom:10px;border-radius:0;border:0;background-color:#343534;}
  15.     /* targets brand href (image) */
  16.     a.navbar-brand {background-color:transparent;height:60px;}
  17.     /* targets brand on hover/focus */
  18.     .navbar-default .navbar-brand:focus,
  19.     .navbar-default .navbar-brand:hover {background-color:#1c1c1c;}
  20.     /* targets img in brand href */
  21.     a.navbar-brand>img {margin:7% -5%;}
  22.     /* targets the sign-up and log-in btns */
  23.     button.sign-up,
  24.     button.log-in {background-color:#ec5645;border-radius:1px;border:0;color:white;width:80px;height:25px;font-size:10px;margin:-10% -10px;}
  25.     button.sign-up:hover,
  26.     button.sign-up:focus,
  27.     button.log-in:hover,
  28.     button.log-in:focus {color:white;background-color:#e62d18;}
  29.     /* targets all span's with class glyph-icon */
  30.     span.glyph-icon {color:white;font-size:20px;margin:5px;}
  31.     /* fixes / styles icon-bar classes appropiately */
  32.     .icon-bars-button {display:inline-block;vertical-align:block;margin-top:6%;}
  33.     .iconBar {margin-bottom:2px;display:block;width:16px;height:3px;background-color:white;border-radius:1px;}
  34.     /* should change span.iconBar in mobile view */
  35.     .navbar-default .navbar-toggle,
  36.     .navbar-default .navbar-toggle:hover,
  37.     .navbar-default .navbar-toggle:focus {background-color:transparent;border-color:transparent;}
  38. /* end of navbar css */
  39.  
  40. /* Changes the way some of the input's appear */
  41. input.input{width:49%;padding:5px;border:1px solid gray;margin-bottom:5px;}
  42. input.input2{width:100%;padding:5px;border:1px solid gray;margin-bottom:8px;}
  43. div.input2{width:100%;padding:5px;border:1px solid gray;margin-bottom:8px;}
  44. textarea.ta-summary.input2{min-height:100px;max-height:100px;max-width:100%;width:100%;padding:5px;border:1px solid gray;margin-bottom:8px;}
  45. textarea.ta-summary{width:100%;padding:5px;border:1px solid gray;margin-bottom:8px;}
  46.  
  47. /* Changes how the bottom section of the loginModule looks */
  48. div.login-form-bottom {width:100%;margin-top:10px;font-size:10px;padding:5px;}
  49.  
  50. /* adjusts how remember me TEXT is placed */
  51. div.remember-me{margin:-15px 0 0 7%;font-size:10px;}
  52. /* adjusts the reset password href in loginModule() */
  53. div.forgot-password{margin:-15px 0 0 0;font-size:10px;float:right;}
  54.  
  55. /* CSS to types of inputs used... */
  56. input[type=text],
  57. input[type=password],
  58. input[type=email],
  59. input[type=hidden] {padding-left:5px;}
  60.  
  61.  
  62. input.login {max-width:50px;float:right;margin-top:10px;}
  63.  
  64. /* .rember & .remeber2 targets the checkbox NOT the text! */
  65. input.remember {max-width:100px;margin-top:10px;}
  66. input.remember2 {max-width:100px;margin:7px 0;}
  67.  
  68. /* how feedback messages appear to user during login/logout/register */
  69. p.success {color:green;font-size:10px;font-family:verdana;}
  70. p.error{color:red;font-size:10px;}
  71. p.info{color:orange;font-size:10px;}
  72.  
  73. /* 'userCP' */
  74. div.user-module {
  75.     float:right;
  76.     font-size:10px;
  77.     font-family:verdana;
  78.     margin:15px 0;
  79.     padding:0 10px;
  80.     border:1px solid gray;
  81. }
  82.  
  83. /* Makes it so 'usercp' is on one line together */
  84. .user-module p {display:inline-block;margin-top:8px;}
  85. .btn {width:100%;font-size:10px;}
  86. .verdana {font-family:verdana;font-size:10px;}
  87.  
  88.  
  89. table.nonAdmins,table.level2Admins{width:100%;text-align:center;}
  90. td.table_header{padding:3px;}
  91. td.table_content{padding:3px;}
  92. button.btn.btn-default {border:1px solid black;border-radius:0;}
  93. button.btn.btn-default:hover {background-color:#f2f2f2;}
  94. button.btn.btn-default.hideshow,
  95. button.btn.btn-default.hideshow2,
  96. button.btn.btn-default.hideshow3 {width:55%;margin-bottom:10px;}
  97. form.table_content_form {margin:0;padding:0;}
  98.  
  99. table.postsTable>tr.heading{border-bottom:2px solid gray;}
  100.  
  101. /**/
  102. @media screen and (max-width:768px) and (min-width:440px) {
  103.   .navbar-right {
  104.     float: right!important;
  105.   }
  106.   .navbar-collapse.collapse {
  107.     display: block!important;
  108.     height: auto!important;
  109.     overflow: visible!important;
  110.     border: none;
  111.     margin-right: 15px;
  112.   }
  113.   .navbar-nav>li {
  114.     float: left;
  115.     margin: 5px 0;
  116.   }
  117.   .navbar-header {
  118.     float: left
  119.   }
  120.   .navbar-toggle {
  121.     display: none
  122.   }
  123.  
  124. }
  125.  
  126. .container .jumbotron, .container-fluid .jumbotron {border-radius:0;margin:0;border:0px solid red;}
  127. div.login-jumbo {background:url('http://i.imgur.com/Eg93EDX.png') repeat center center fixed;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement