Advertisement
Guest User

linula

a guest
Jan 24th, 2017
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.51 KB | None | 0 0
  1. /*
  2. .slider-title .slide-text h2{
  3. font-family: 'Helvetica', sans-serif;
  4. margin-left: 50px;
  5. }
  6. */
  7.  
  8. h2 {
  9. font-family: Arial, Helvetica, sans-serif;
  10. font-weight: bold;
  11. }
  12. .alt-nav {
  13. display: none;
  14. }
  15. .eight.columns {
  16. position: relative;
  17. width: 97%;
  18. top: 20px;
  19. }
  20.  
  21.  
  22. #carousel li:hover .bordered, #carousel li.flex-active-slide .bordered{
  23. border:none;
  24. }
  25. .carousel-thumbs .container {
  26. max-width: 1200px;
  27. width: 100%;
  28. }
  29. .carousel-thumbs .container .sixteen.columns {
  30. max-width: 1200px;
  31. width: 100%;
  32. }
  33.  
  34. .arrows a {
  35. width: 45px;
  36. height: 45px;
  37. }
  38. .arrows a img {
  39. left: 9px;
  40. top: 14px;
  41. }
  42. .slider-pagination {
  43. position:relative;
  44. height: 45px;
  45. }
  46. .slider-title {
  47. position: absolute;
  48. bottom: 20px;
  49. left: 10px;
  50. width: 100%;
  51. }
  52. .home h3.widget-title {
  53. display: none;
  54. }
  55. .wrap.carousel-thumbs{
  56. margin-bottom:5px;
  57. }
  58. #footer{
  59. padding-top:5px;
  60. }
  61.  
  62. #navigation {
  63. display: none;
  64. }
  65. /* ---------- Begin Media Queries ---------- */
  66. /*---------- Motorola RAZR V3m ---------- */
  67. @media only screen
  68. and (max-width : 176px)
  69. and (max-height : 220px) {
  70. h1#logo.four.columns.alpha {
  71. position: relative;
  72. width: 150px;
  73. left: 15px;
  74. }
  75. #header h2#slug {
  76. font-family: Arial, Helvetica, sans-serif;
  77. font-weight: bold;
  78. font-size: 9px;
  79. position: relative;
  80. left: -80px;
  81. /* text-align: center; */
  82. top: 0px;
  83. }
  84. .slider-title .slide-text {
  85. position: absolute;
  86. bottom: -50px;
  87. left: 0px;
  88. width: 100%;
  89. font-family: Arial, Helvetica, sans-serif;
  90. font-weight: bold;
  91. }
  92.  
  93. .alt-nav {
  94. display: none;
  95. }
  96. }
  97. /*---------- Motorola RAZR V8 ---------- */
  98. @media only screen
  99. and (max-width : 240px)
  100. and (max-height : 320px) {
  101. h1#logo.four.columns.alpha {
  102. position: relative;
  103. width: 220px;
  104. left: 15px;
  105. }
  106. #header h2#slug {
  107. font-family: Arial, Helvetica, sans-serif;
  108. font-weight: bold;
  109. position: relative;
  110. left: -27px;
  111. text-align: center;
  112. top: 0px;
  113. }
  114. .slider-title .slide-text {
  115. position: absolute;
  116. bottom: -50px;
  117. left: 0px;
  118. width: 100%;
  119. font-family: Arial, Helvetica, sans-serif;
  120. font-weight: bold;
  121. }
  122.  
  123. .alt-nav {
  124. display: none;
  125. }
  126. }
  127.  
  128. /* ----------- iPhone 4 and 4S ----------- */
  129. /* Portrait and Landscape */
  130. @media only screen
  131. and (min-device-width: 320px)
  132. and (max-device-width: 480px)
  133. and (-webkit-min-device-pixel-ratio: 2) {
  134. #header h2#slug {
  135. font-family: Arial, Helvetica, sans-serif;
  136. font-weight: bold;
  137. /* text-align: center; */
  138. top: 50px;
  139. }
  140. .slider-title .slide-text {
  141. position: absolute;
  142. bottom: -50px;
  143. left: 0px;
  144. width: 100%;
  145. font-family: Helvetica, sans-serif;
  146. font-weight: bold;
  147. }
  148. .slide-content p, .slide-title{
  149. font-family: 'Helvetica', sans-serif;
  150. }
  151. .slider-title .slide-text h2{
  152. font-family: 'Helvetica', sans-serif;
  153. }
  154. }
  155. @media (min-width:768px) {
  156. #slider .slides img{
  157. display:block;
  158. width:40%;
  159. margin:auto;
  160. left:0;
  161. right:0;
  162. }
  163. }
  164. .bordered{
  165. display:block!important;
  166. }
  167. a, a:visited {
  168. color: #988966;
  169. }
  170. .wrap footer {
  171. color: #988966;
  172. }
  173.  
  174. /* Portrait - Samsung Tablet */
  175. @media only screen
  176. and (min-width: 481px)
  177. and (max-width: 767px) {
  178. #header h2#slug {
  179. position: relative;
  180. clear: both;
  181. color: #595959;
  182. line-height: 1;
  183. margin: -15px 0px 0 70px;
  184. left: -15px;
  185. top: -10px;
  186. font-family: Arial, Helvetica, sans-serif;
  187. font-size: 15px;
  188. font-weight: bold;
  189. text-align: center;
  190. }
  191. .slider-title .slide-text {
  192. position: absolute;
  193. bottom: -50px;
  194. left: 0px;
  195. width: 100%;
  196. font-family: Arial, Helvetica, sans-serif;
  197. font-weight: bold;
  198. }
  199. .alt-nav {
  200. display: none;
  201. }
  202. }
  203.  
  204. /* Portrait - iPad */
  205. @media only screen
  206. and (min-device-width: 768px)
  207. and (max-device-width: 1024px)
  208. and (orientation: portrait) {
  209. #header h2#slug {
  210. position: relative;
  211. clear: both;
  212. font-size: 13px;
  213. color: #595959;
  214. line-height: 1;
  215. margin: -70px 50px 0 40px;
  216. left: 90px;
  217. font-weight: normal;
  218. position: relative;
  219. font-family: Arial, Helvetica, sans-serif;
  220. font-weight: bold;
  221. letter-spacing: .02em;
  222. }
  223. .slider-title .slide-text {
  224. position: absolute;
  225. bottom: 0px;
  226. left: 0px;
  227. width: 100%;
  228. font-family: Helvetica, sans-serif;
  229. font-weight: bold;
  230. }
  231. .slider-title .slide-text h2{
  232. font-family: 'Helvetica', sans-serif;
  233. margin-left: 20px;
  234. }
  235. .alt-nav {
  236. display: none;
  237. }
  238.  
  239. .home .container .eight.columns{
  240. width:100%;
  241. margin-left: 10px;
  242. }
  243. .home .container .eight.columns h2{
  244. width:100%;
  245. font-family: 'Helvetica', sans-serif;
  246. }
  247. .home .container .eight.columns p{
  248. width:97%;
  249. font-family: 'Helvetica', sans-serif;
  250. }
  251. #footer .four{
  252. width:50%!important;
  253. margin:0!important;
  254. margin-left: 10px;
  255. }
  256. }
  257.  
  258. /* Landscape - iPad */
  259. @media only screen
  260. and (min-device-width: 768px)
  261. and (max-device-width: 1024px)
  262. and (orientation: landscape)
  263. and (-webkit-min-device-pixel-ratio: 1) {
  264. #header h2#slug {
  265. clear: both;
  266. font-size: 13px;
  267. color: #595959;
  268. line-height: 1;
  269. margin: -20px 0px 0 40px;
  270. left: 90px;
  271. font-weight: normal;
  272. position: relative;
  273. font-family: Helvetica, sans-serif;
  274. font-weight: bold;
  275. letter-spacing: .02em;
  276. }
  277. .slider-title .slide-text h2{
  278. font-family: 'Helvetica', sans-serif;
  279. margin-left: 20px;
  280. }
  281. .alt-nav {
  282. display: none;
  283. }
  284. }
  285.  
  286.  
  287. @media only screen
  288. and (min-width: 1025px)
  289. and (max-width: 1199px) {
  290. #header h2#slug {
  291. position: relative;
  292. clear: both;
  293. font-size: 13px;
  294. color: #595959;
  295. line-height: 1;
  296. margin: -15px 0px 0 133px;
  297. letter-spacing: .02em;
  298. font-weight: normal;
  299. left: -20px;
  300. top: -50px;
  301. font-family: Arial, Helvetica, sans-serif;
  302. font-weight: bold;
  303. background: none;
  304. }
  305.  
  306. #logo {
  307. position: relative;
  308. top: -10px;
  309. }
  310. slider-title .slide-text h2{
  311. font-family: 'Helvetica', sans-serif;
  312. margin-left: 69px;
  313. position: relative;
  314. text-align: left;
  315. }
  316. .home .container .eight.columns{
  317. width:100%;
  318. margin-left: 0px;
  319. }
  320. .home .container .eight.columns h2{
  321. width:100%;
  322. font-family: 'Helvetica', sans-serif;
  323. text-align: left;
  324. }
  325. .home .container .eight.columns p{
  326. width:97%;
  327. font-family: 'Helvetica', sans-serif;
  328. text-align: left;
  329. }
  330. #footer .four{
  331. width:50%!important;
  332. margin:0!important;
  333. margin-left: 10px;
  334. }
  335. }
  336. /* Desktops and laptops */
  337. @media only screen and (min-width : 1200px) {
  338. #header h2#slug {
  339. position: relative;
  340. clear: both;
  341. font-size: 13px;
  342. color: #595959;
  343. line-height: 1;
  344. margin: -15px 0px 0 133px;
  345. letter-spacing: .02em;
  346. font-weight: normal;
  347. left: -7px;
  348. top: -50px;
  349. font-family: Arial, Helvetica, sans-serif;
  350. font-weight: bold;
  351. background: none;
  352. }
  353. h2 {
  354. background: rgba(0,0,0,0.55);
  355. }
  356. slider-title .slide-text h2{
  357. font-family: 'Helvetica', sans-serif;
  358. margin-left: 69px;
  359. position: relative;
  360. text-align: left!important;
  361. }
  362. .home .container .eight.columns{
  363. width:100%;
  364. margin-left: 0px;
  365. }
  366. .home .container .eight.columns h2{
  367. width:100%;
  368. font-family: 'Helvetica', sans-serif;
  369. text-align: left;
  370. }
  371. .home .container .eight.columns p{
  372. width:97%;
  373. font-family: 'Helvetica', sans-serif;
  374. text-align: left;
  375. }
  376. #footer .four{
  377. width:50%!important;
  378. margin:0!important;
  379. margin-left: 10px;
  380. }
  381. }
  382.  
  383. body{
  384. overflow-x:hidden;
  385. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement