Advertisement
Guest User

salutidavicenza.it

a guest
Nov 26th, 2014
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.66 KB | None | 0 0
  1. @media screen and (max-width: 2505px) {
  2. .flexcarousel{ width:2500px; margin-left:-1245px}
  3. .container_wrap .flexcarousel{ width:1080px; margin-left:-540px !important;}
  4. .container_wrap .blockinside{ padding: 5% 7%;height: 86%;width: 78%;}
  5. .container_wrap .blockinside p.teaser{ font-size:90%; line-height:1.7;}
  6. .container_wrap .flexbg{ display:none;}
  7. .flexcarousel:hover .flex-prev { left: 8%; }
  8. .flexcarousel:hover .flex-next {right: 8%; }
  9. .container_wrap .flexcarousel:hover .flex-prev { opacity: 1; left: 5%; }
  10. .container_wrap .flexcarousel:hover .flex-next { opacity: 1; right: 5%; }
  11. }
  12.  
  13. @media screen and (max-width: 1925px) {
  14. .flexcarousel{ width:1915px; margin-left:-955px}
  15. }
  16.  
  17. @media screen and (max-width: 1805px) {
  18. .flexcarousel{ width:1800px; margin-left:-900px}
  19. }
  20.  
  21. @media screen and (max-width: 1705px) {
  22. .flexcarousel{ width:1700px; margin-left:-850px}
  23. }
  24.  
  25. @media screen and (max-width: 1605px) {
  26. .flexcarousel{ width:1600px; margin-left:-800px}
  27. .blockinside{ padding: 5% 7%;height: 86%;width: 78%;}
  28. .blockinside p.teaser{ font-size:90%; line-height:1.7;}
  29. }
  30.  
  31. @media screen and (max-width: 1505px) {
  32. .flexcarousel{ width:1500px; margin-left:-750px}
  33. }
  34.  
  35. @media screen and (max-width: 1445px) {
  36. .flexcarousel{ width:1440px; margin-left:-725px}
  37. }
  38.  
  39. @media screen and (max-width: 1325px) {
  40. .flexcarousel{ width:1320px; margin-left:-670px}
  41. .blockinside p.meta_cat{ display:none;}
  42. .flexcarousel:hover .flex-prev { left:4%; }
  43. .flexcarousel:hover .flex-next {right:4%; }
  44. }
  45.  
  46. @media screen and (max-width: 1285px) {
  47. .flexcarousel{ width:1270px; margin-left:-635px}
  48. .flexcarousel h2{ font-size:18px !important;}
  49. }
  50.  
  51.  
  52. /* iPad lacscape */
  53. @media screen and (max-width: 1026px) {
  54. .flexcarousel{ width:1030px; margin-left:-515px}
  55. .blockinside p.meta{ display:none;}
  56. .blockinside p.teaser{ font-size:80%; line-height:1.6;}
  57.  
  58. .container_wrap{ padding:0 0;}
  59.  
  60. .container,
  61. .container_wrap .container{
  62. width:96%;
  63. margin: 0 0;
  64. padding:0 2%;
  65. }
  66.  
  67.  
  68. #header h1{ max-width:30%;}
  69.  
  70. #header h1 img{ width:100%;}
  71. .nav{margin: 0 0 0 5px;}
  72. .nav>li>a{padding: 10px 8px;}
  73. .nav li a.sf-with-ul {padding-right:13px;}
  74. .nav .sf-sub-indicator{ right:3px;}
  75. #header .searchform{ width:100px;}
  76.  
  77. .imgwrap img,
  78. .tab img,
  79. img.main-single,
  80. .imgwrap img:hover,
  81. img.headimg,
  82. img.attachment-format-standard,
  83. img.singleimg,
  84. .wp-caption img,
  85. .wp-caption,
  86. .postslider img{ max-width:100% !important;}
  87.  
  88. .flickr_badge_image{ margin:0 15px 15xp 0;}
  89.  
  90. .singleslider{min-height:330px;}
  91.  
  92. }
  93.  
  94. /* Smaller screens */
  95.  
  96. @media screen and (max-width: 990px){
  97.  
  98. .flexcarousel{ width:100%; margin-left:0; left:auto;}
  99. .container_wrap .flexcarousel{ margin-left:0 !important; width:100%;}
  100. .flexcarousel h2{ font-size:15px !important;}
  101. .blockinside p.teaser{ font-size:80%; }
  102.  
  103. }
  104.  
  105.  
  106. /* iPad portrait */
  107. @media screen and (max-width: 770px){
  108.  
  109. #main-nav{ margin:0 0 0 0; width:100%;}
  110. #header .searchform{ margin-top:15px;}
  111. #header ul.social-menu{ float:left; margin:15px 0 0 0}
  112.  
  113. #main-nav li a i{ display:none !important;}
  114.  
  115. #header{ padding:20px 0 10px 0;}
  116.  
  117. #content,
  118. #sidebar{ padding-top:20px; padding-bottom:20px;}
  119.  
  120. #main-nav>li>a{ font-size:14px !important;}
  121. #main-nav{ padding:0 10px}
  122. #top-nav{ float:left; width:70%;}
  123.  
  124. .ratingblock{ width:45%;}
  125. .ratingblock h2{ font-size:14px !important;}
  126.  
  127. .ad300 img,.ad300 ins{ max-width:100%;}
  128.  
  129. .flexinside{
  130. font-size:95% !important;
  131. line-height:1.7 !important;
  132. bottom:20px;
  133. left:20px;
  134. width:40%;
  135. padding:20px 4%;
  136. }
  137. .flexinside h2{ font-size: 20px !important;}
  138. .flexinside .meta_more{ float:right; margin:0 0 0 0; display:none;}
  139.  
  140. ul#serinfo-nav li a{ font-size:11px !important;}
  141.  
  142. .flexbg,
  143. .tab-post img,
  144. ul#serinfo-nav li a i{ display:none;}
  145.  
  146.  
  147. ul.featured li.fblock img{ margin:0 15px 0 0; width:65px;}
  148.  
  149. }
  150.  
  151.  
  152. /* Mobile */
  153. @media handheld, only screen and (max-width: 740px) {
  154.  
  155. body {
  156. font-size: 14px;
  157. -webkit-text-size-adjust: none;
  158. }
  159.  
  160. .container{width: 94%;padding:0 3%;}
  161.  
  162. #content,
  163. .aq-template-wrapper .aq_span8{width: 100%; padding-left:0; padding-right:0;}
  164.  
  165. #sidebar,
  166. .aq-template-wrapper .aq_span4{ width:92%; padding:30px 4%; margin:0 0 20px 0;}
  167.  
  168. body {
  169. width: 100%;
  170. min-width: 0;
  171. margin-left: 0px;
  172. margin-right: 0px;
  173. padding-left: 0;
  174. padding-right: 0;
  175. margin-top:0;
  176. }
  177.  
  178.  
  179. #footer .threecol,
  180. .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol,
  181. #footer .fourcol
  182. {
  183. width: auto;
  184. float: none !important;
  185. margin-left: 0;
  186. margin-right: 0;
  187. height:auto;
  188. }
  189.  
  190. ul.medpost>li
  191. {
  192. width: auto;
  193. max-width:360px;
  194. float: none !important;
  195. margin-left: auto;
  196. margin-right: auto;
  197. height:auto;
  198. }
  199.  
  200. .folio, .blogger,.infoblock,ul.medpost,.services{ width:100%;}
  201.  
  202. ul.medpost > li {padding: 0 0 5px 0;}
  203.  
  204. .stuff h1,.stuff h2{ font-size:45px; border:none;}
  205.  
  206. .flex-control-nav{ bottom:25px;}
  207.  
  208. #copyright{ padding:0 8%; width:84%; margin:10px 0;}
  209.  
  210. .pagination{ margin-bottom:40px; height:35px;}
  211.  
  212. .resmode-No{ display:none; visibility:hidden;}
  213.  
  214. ul.medpost li.format-video iframe, ul.medpost li.format-audio iframe {
  215. height: 240px;
  216. min-height: 240px;
  217. }
  218.  
  219. }
  220.  
  221.  
  222. @media only screen and (max-width: 689px) {
  223.  
  224. #header{ text-align:center;}
  225.  
  226. img#logo,
  227. #header .searchform{ float: none; display:block; margin:20px auto; max-width:300px; max-height:none;}
  228. #header .searchform{ width:200px;}
  229.  
  230. .scrollTo_top{ visibility:hidden; display:none}
  231.  
  232.  
  233. .contact-form .forms textarea,
  234. .contact-form .forms input.txt{ width:100%; float:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0}
  235.  
  236. .contact-form .forms label{ margin-bottom:10px}
  237.  
  238. .contact-form .forms .buttons .submit,
  239. .contact-form .forms input#sendCopy{ margin-left:0;}
  240.  
  241.  
  242.  
  243. a#triggernav,
  244. a#triggernav-sec{ display:block}
  245.  
  246. #navigation,
  247. #top-navigation{ display:none;}
  248. #navigation{margin-bottom:40px;}
  249.  
  250. #top-navigation{ width:100%;}
  251.  
  252. .nav>li {
  253. width:100%;
  254. float:none;
  255. text-align:center;
  256. }
  257.  
  258. .nav,
  259. #top-nav,
  260. #main-nav{ width:100%; margin:0 0 0 0 !important; padding:0 0 0 0 !important;}
  261.  
  262. .nav li ul ul{ margin:0 0 0 0;}
  263.  
  264. .nav li ul li a{ text-align: center;}
  265.  
  266. .nav > li > a {margin-right: 0px;}
  267. .nav li ul {width: 100%;}
  268.  
  269. #header ul.social-menu{ display: inline-block; text-align:center; float:none; margin:0 auto;}
  270.  
  271. .related li a img{ width:100%;}
  272.  
  273. #header{ padding:0 0 20px 0;}
  274.  
  275. #header h1{ max-width:84%; width:84%; margin:20px 8%; text-align:center;}
  276.  
  277. #header h1 img{ width:100%;}
  278.  
  279. .twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{ width:100% !important;}
  280.  
  281. .related{ width:100%;}
  282.  
  283. h2.post,
  284. h1.itemtitle{padding: 30px 0;}
  285.  
  286. .flexwrap{ margin:0 0 30px 0;}
  287.  
  288. .flexinside h2{ font-size:16px !important;}
  289.  
  290. .flexinside p,
  291. .flexinside .line{ display:none;}
  292.  
  293. .fourblog li{ width: 46.3%; height:430px;}
  294.  
  295.  
  296. }
  297.  
  298. @media only screen and (max-width: 565px) {
  299.  
  300. .journal_small{ width:93.5%; height:auto;}
  301. .journal_big .imgwrap{ max-width:100%; width:100%; margin:0 0 30px 0;}
  302. .journal_big .imgwrap img{ width:100%;}
  303.  
  304. }
  305.  
  306. @media only screen and (max-width: 429px) {
  307.  
  308. .related li{ width:100%; margin-left:0;}
  309.  
  310. iframe{max-height:250px}
  311.  
  312. .comment-form-author, .comment-form-email, .comment-form-url{ width:100%;}
  313.  
  314. #respond textarea{ width:90%;}
  315.  
  316.  
  317. h2.post,
  318. h1.itemtitle{ font-size:20px !important;}
  319.  
  320.  
  321. .blogger{ width:100% !important;}
  322.  
  323. .twoblog li,
  324. .fourblog li{ width:100%; height:auto;}
  325.  
  326. .flexinside{
  327. bottom:5px;
  328. left:5px;
  329. width:50%;
  330. padding:5px 4%;
  331. }
  332. .flexinside h2{ font-size: 14px !important;}
  333.  
  334. .singlesliderwrap{margin:0 -12px 20px -10px;}
  335.  
  336. .singleslider{min-height:200px;}
  337.  
  338.  
  339. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement