LibGuides 2 Common CSS File


/ Published in: CSS
Save to your folder(s)

Commons CSS file for LibGuides 2, this would include all global CSS changes including all page headers.


Copy this code and paste it in your HTML
  1. html {
  2. position: relative;
  3. min-height: 100%;
  4. }
  5.  
  6. body {
  7. padding-left: 0px;
  8. padding-right: 0px;
  9. margin: 0 0 450px;
  10. }
  11.  
  12. a {
  13. color: #024172;
  14. }
  15.  
  16. a:visited {
  17. color: #004B8D;
  18. }
  19.  
  20. .lcs_chat_button {
  21. width: 200px;
  22. font-size: 24px;
  23. top: -75px;
  24. }
  25.  
  26. /*Font Awesome*/
  27.  
  28. .fa {
  29. padding-right: 15px;
  30. color: #004B8D;
  31. }
  32.  
  33. h2 .fa, h3 .fa , h4 .fa {
  34. color: #fff;
  35. }
  36.  
  37. .tabbed-unf #tabs-2 .fa {
  38. color: #004b8d;
  39. }
  40. /*Page Buttons*/
  41.  
  42. .tabbed-unf .btn.btn-info {
  43. color: #fff;
  44. }
  45.  
  46. .btn.btn-info {
  47. background-color: #004b8d;
  48. }
  49.  
  50. .btn-info:hover {
  51. background-color: #2293c0;
  52. }
  53.  
  54. #s-lg-hp-nav-bottom{
  55. color: #fff;
  56. background-color: #2293C0;
  57. }
  58.  
  59. #s-lg-hp-nav .nav-pills > li.active > a, #s-lg-hp-nav .nav-pills > li.active > a:focus {
  60. background-color: #004B8D;
  61. color: #fff;
  62. }
  63.  
  64. #s-lg-hp-nav .nav-pills > li > a:hover {
  65. background-color: #ccc;
  66. color: #555;
  67. }
  68.  
  69. #s-lg-hp-nav .nav-pills > li > a {
  70. color: #555;
  71. }
  72.  
  73. /*LibGuides Box*/
  74.  
  75. .panel-default > .panel-heading .badge {
  76. background-color: #004B8D;
  77. }
  78.  
  79. /*UNF Header*/
  80.  
  81. #header-unf {
  82. background-color: #013f70;
  83. background-image: linear-gradient( to right, #013f70, #2293c0);
  84. }
  85.  
  86. #banner-unf {
  87. height: 110px;
  88. width: 1200px;
  89. margin-left: auto;
  90. margin-right: auto;
  91. background-image: url(//s3.amazonaws.com/libapps/accounts/94/images/UNFwings.png);
  92. background-repeat: no-repeat;
  93. }
  94.  
  95. .logo-unf {
  96. float: left;
  97. margin-top: 10px;
  98. }
  99.  
  100. .logo-library {
  101. margin-top: 13px;
  102. }
  103.  
  104. #search-unf {
  105. margin-top: 10px;
  106. text-align: right;
  107. }
  108.  
  109. #searchDiv input#box {
  110. background: none repeat scroll 0% 0% rgb(255, 255, 255) !important;
  111. width: 50%;
  112. }
  113.  
  114. .searchSelect {
  115. color: #ffffff;
  116. padding-right: 23px;
  117. }
  118.  
  119. .searchLink {
  120. margin-top: 2px;
  121. }
  122.  
  123. .searchLink a {
  124. color: #ffffff;
  125. }
  126.  
  127. .searchLink a:hover {
  128. color: #adadad;
  129. text-decoration: none;
  130. }
  131.  
  132. .mywings {
  133. text-align: right;
  134. margin-top: 10px;
  135. }
  136.  
  137. /*Menu*/
  138.  
  139. #menu-unf {
  140. background-color: #6b6c6c;
  141. background-image: linear-gradient( to top, #6B6C6C, #5d5d5d);
  142. border-top: 1px solid #ffffff;
  143. border-bottom: none;
  144. }
  145.  
  146. #menu-unf .container-fluid {
  147. padding: 0px;
  148. }
  149.  
  150. #menu-unf .navbar {
  151. min-height: 30px;
  152. }
  153.  
  154. #menu-unf .fa {
  155. font-size: 16px;
  156. padding-right: 5px;
  157. color: #fff;
  158. }
  159.  
  160. #menu-unf a {
  161. color: #ffffff;
  162. padding-right: 25px;
  163. font-size: 14px;
  164. }
  165.  
  166. #menu-unf a:hover {
  167. color: #ccc;
  168. }
  169.  
  170. #menu-unf .dropdown:hover .dropdown-menu {
  171. display: block;
  172. }
  173.  
  174. #menu-unf .navbar-default .navbar-collapse, #menu-unf .navbar-default .navbar-form {
  175. background-color: #6b6c6c;
  176. background-image: linear-gradient( to top, #6B6C6C, #5d5d5d);
  177. }
  178.  
  179. #menu-unf .navbar-default {
  180. width: 1200px;
  181. margin-left: auto;
  182. margin-right: auto;
  183. border: none;
  184. background-image: linear-gradient( to top, #6B6C6C, #5d5d5d);
  185. }
  186.  
  187. #menu-unf .dropdown-menu a {
  188. color: #555;
  189. }
  190.  
  191. #menu-unf .dropdown-menu a:hover {
  192. background-color: #adadad;
  193. color: #ffffff;
  194. }
  195.  
  196. #menu-unf .dropdown-menu .divider {
  197. background-color: #555;
  198. }
  199.  
  200. #menu-unf .navbar-default .navbar-nav > .open > a {
  201. color: #013f70;
  202. background-color: #ccc;
  203. }
  204.  
  205. #menu-unf .navbar-default .navbar-nav > li.open > a {
  206. color: #ffffff;
  207. background-color: #3a3a3a;
  208. }
  209.  
  210. /*Footer*/
  211.  
  212. #footer-unf {
  213. position: absolute;
  214. left:0;
  215. bottom: 0;
  216. height: 420px;
  217. width: 100%;
  218. border-top: 1px solid #004B8D;
  219. background-color: #E8E8E8;
  220. }
  221.  
  222. #footer-unf h4 {
  223. background-color: #555;
  224. color: #fff;
  225. padding: 3px 5px;
  226. width: 60%;
  227. border-radius: 5px;
  228. }
  229.  
  230. #footer-unf a {
  231. color: #024172;
  232. }
  233.  
  234. #footer-unf a:visited {
  235. color: #2293c0;
  236. }
  237.  
  238. #footer-unf .fa {
  239. padding-right: 5px;
  240. }
  241.  
  242. #footer-logo-unf img {
  243. margin-left: auto;
  244. margin-right: auto;
  245. display: block;
  246. margin-top: 35px;
  247. }
  248.  
  249. #footer-unf-container {
  250. width: 1200px;
  251. margin-left: auto;
  252. margin-right: auto;
  253. padding: 15px;
  254. }
  255.  
  256. #footer-unf-top .fa {
  257. padding-right: 10px;
  258. }
  259.  
  260. #footer-unf-contact-row {
  261. text-align: center;
  262. padding-top: 10px;
  263. padding-bottom: 10px;
  264. }
  265.  
  266.  
  267. /*Profile Boxes*/
  268.  
  269. .s-lib-profile-container .label {
  270. background-color: #004b8d;
  271. }
  272.  
  273. .s-lib-profile-container .label:hover {
  274. background-color: #2293c0;
  275. }
  276.  
  277. .s-lib-profile-container img {
  278. max-height: 200px;
  279. }
  280.  
  281. /*Search Page*/
  282. #s-lib-public-header-title {
  283. color: #555;
  284. }
  285.  
  286. #s-lib-public-header-desc {
  287. color: #555;
  288. }

URL: http://libguides.unf.edu/index.php?

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.