Advertisement
Kachilee1

FJet

Feb 8th, 2025
14
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.71 KB | None | 0 0
  1. /* General styles */
  2.  
  3. * {
  4. box-sizing: border-box;
  5. font-family: Arial, sans-serif;
  6. }
  7.  
  8. .followerjet-container-fluid {
  9. margin: 0 auto;
  10. max-width: 1200px;
  11. padding: 0 15px;
  12. }
  13.  
  14. .followerjet-row {
  15. display: flex;
  16. flex-wrap: wrap;
  17. margin: 0 -15px;
  18. }
  19.  
  20. .followerjet-col {
  21. flex-basis: 0;
  22. flex-grow: 1;
  23. max-width: 100%;
  24. padding: 0 15px;
  25. }
  26.  
  27. .followerjet-card {
  28. background-color: #fff;
  29. border: 1px solid #e3e3e3;
  30. border-radius: 3px;
  31. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  32. margin-bottom: 30px;
  33. overflow: auto;
  34. }
  35.  
  36. .followerjet-card-body {
  37. padding: 20px;
  38. }
  39.  
  40. .followerjet-table {
  41. border-collapse: collapse;
  42. width: 100%;
  43. }
  44.  
  45. .followerjet-table th,
  46. .followerjet-table td {
  47. border: 1px solid #ddd;
  48. padding: 8px;
  49. text-align: left;
  50. vertical-align: middle;
  51. }
  52.  
  53. .followerjet-table th {
  54. background-color: #f7f7f7;
  55. font-weight: bold;
  56. }
  57.  
  58. .followerjet-table tr:hover {
  59. background-color: #f5f5f5;
  60. }
  61.  
  62. /* Button styles */
  63.  
  64. .followerjet-btn {
  65. background-color: #007bff;
  66. border: none;
  67. border-radius: 3px;
  68. color: #fff;
  69. cursor: pointer;
  70. display: inline-block;
  71. font-size: 14px;
  72. font-weight: bold;
  73. padding: 10px 20px;
  74. text-align: center;
  75. text-decoration: none;
  76. transition: all 0.3s ease;
  77. }
  78.  
  79. .followerjet-btn:hover {
  80. background-color: #0069d9;
  81. }
  82.  
  83. .followerjet-btn-primary {
  84. background-color: #007bff;
  85. color: #fff;
  86. }
  87.  
  88. /* Navigation styles */
  89.  
  90. .followerjet-nav {
  91. list-style: none;
  92. margin: 0;
  93. padding: 0;
  94. }
  95.  
  96. .followerjet-nav li {
  97. display: inline-block;
  98. margin-right: 10px;
  99. }
  100.  
  101. .followerjet-nav li a {
  102. color: #007bff;
  103. font-weight: bold;
  104. text-decoration: none;
  105. transition: all 0.3s ease;
  106. }
  107.  
  108. .followerjet-nav li.active a {
  109. color: #fff;
  110. }
  111.  
  112. .followerjet-nav li a:hover {
  113. color: #0069d9;
  114. }
  115.  
  116. /* Search bar styles */
  117.  
  118. .followerjet-input-group {
  119. display: flex;
  120. flex-wrap: wrap;
  121. }
  122.  
  123. .followerjet-input-group > * {
  124. flex: 1 1 0;
  125. }
  126.  
  127. .followerjet-form-control {
  128. border: none;
  129. border-radius: 3px;
  130. box-shadow: none;
  131. height: 38px;
  132. padding: 10px;
  133. width: 100%;
  134. }
  135.  
  136. .followerjet-search-select-wrap {
  137. flex: 0 1 auto;
  138. }
  139.  
  140. /* Modal styles */
  141.  
  142. .modal {
  143. display: none;
  144. position: fixed;
  145. z-index: 9999;
  146. left: 0;
  147. top: 0;
  148. width: 100%;
  149. height: 100%;
  150. overflow: auto;
  151. background-color: rgba(0, 0, 0, 0.4);
  152. }
  153.  
  154. /* Styles for New Account button */
  155. .followerjet-btn {
  156. background-color: #4CAF50;
  157. border: none;
  158. color: white;
  159. padding: 10px 24px;
  160. text-align: center;
  161. text-decoration: none;
  162. display: inline-block;
  163. font-size: 16px;
  164. margin: 5px;
  165. cursor: pointer;
  166. border-radius: 4px;
  167. }
  168.  
  169. .followerjet-btn:hover {
  170. background-color: #3e8e41;
  171. }
  172.  
  173. /* Styles for tabs */
  174. .followerjet-nav {
  175. margin-bottom: 15px;
  176. border: none;
  177. }
  178.  
  179. .followerjet-nav li {
  180. display: inline-block;
  181. }
  182.  
  183. .followerjet-nav li a {
  184. display: block;
  185. color: #333;
  186. text-align: center;
  187. padding: 10px 15px;
  188. text-decoration: none;
  189. border: 1px solid #ccc;
  190. border-bottom: none;
  191. }
  192.  
  193. .followerjet-nav li.active a {
  194. background-color: #4CAF50;
  195. color: white;
  196. border: 1px solid #4CAF50;
  197. border-bottom: none;
  198. }
  199.  
  200. .followerjet-nav li a:hover {
  201. background-color: #ddd;
  202. color: black;
  203. }
  204.  
  205. /* Styles for search bar */
  206. .followerjet-input-group {
  207. position: absolute;
  208. display: inline-flex;
  209. border-collapse: separate;
  210. }
  211.  
  212. .followerjet-input-group-btn {
  213. position: relative;
  214. vertical-align: top;
  215. }
  216.  
  217. .followerjet-form-control {
  218. display: block;
  219. width: 100%;
  220. height: 34px;
  221. padding: 6px 12px;
  222. font-size: 14px;
  223. line-height: 1.42857143;
  224. color: #555;
  225. background-color: #fff;
  226. background-image: none;
  227. border: 1px solid #ccc;
  228. border-radius: 4px;
  229. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  230. box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  231. -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  232. -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  233. transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  234. }
  235.  
  236. .followerjet-form-control:focus {
  237. border-color: #66afe9;
  238. outline: 0;
  239. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  240. box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  241. }
  242.  
  243. .followerjet-search-select-wrap button {
  244. background-color: blue;
  245. border: none;
  246. color: white;
  247. padding: 6px 12px;
  248. font-size: 14px;
  249. line-height: 1.42857143;
  250. border-radius: 4px;
  251. cursor: pointer;
  252. -webkit-transition: background-color ease-in-out .15s;
  253. -o-transition: background-color ease-in-out .15s;
  254. transition: background-color ease-in-out .15s;
  255. }
  256.  
  257.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement