Advertisement
Guest User

Untitled

a guest
Mar 27th, 2017
45
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.63 KB | None | 0 0
  1. /* CSS Fixed Layout */
  2. .breadcrumbs,.post,.halaman,.tabs-menu,.tabs-content,.sidebar .widget-content,.sidebar2 .widget-content {border:1px solid #e9e9e9;}
  3. #HTML1 .widget-content {margin:auto;padding:10px 10px 10px 12px;}
  4. #HTML3 h2:before {content:'\f080';;font-family:Fontawesome;}
  5. #HTML10 h2:before {content:'\f087';;font-family:Fontawesome;}
  6. #HTML4 h2:before {content:'\f099';;font-family:Fontawesome;}
  7. #HTML9 h2:before {content:'\f0d5';;font-family:Fontawesome;}
  8. #HTML5 h2:before {content:'\f230';;font-family:Fontawesome;}
  9. .top-navigation li.pinterest {border-right:none;}
  10.  
  11.  
  12.  
  13. /* CSS label */
  14. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
  15. .cloud-label-widget-content{text-align:left;padding:10px;}
  16. .label-size {background:#fff;display:block;float:left;margin:0 4px 4px 0;
  17. color:#666;font-size:11px;line-height:1.2;transition:initial;}
  18. .label-size a,.label-size span{display:inline-block;color:#fff;padding:8px 10px;
  19. font-weight:400;transition:initial;}
  20. .label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;
  21. background:#3cc081;color:#fff;}
  22. .label-count:hover {background:#4aa082;color:#fff;}
  23. #sidebar-wrapper .Label li {background:#3cc081;color:#fff;float:left;padding:10px 5px;margin-left:3px;text-align:left;width:95%;border-bottom:1px solid #eee;transition:all .3s ease-out;}
  24. #sidebar-wrapper .Label li:hover {background:#4aa082;color:#fff;}
  25. #sidebar-wrapper .Label li:before {content:"\f105";font-family:FontAwesome;
  26. font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;
  27. color:#666;transition:all .3s ease-out;}
  28. #sidebar-wrapper .Label li:hover:before {padding-right:4px;color:#3cc081;}
  29. #sidebar-wrapper .Label li a {color:#666;transition:all .3s ease-out;}
  30. #sidebar-wrapper .Label li a:hover {color:#fff;}
  31. #sidebar-wrapper .label-size{background:#d7f7ed;display:block;float:left;margin:0 4px 4px 0;font-size:13px;border:none;transition:all .3s ease-out;}
  32. #sidebar-wrapper .label-size a {display:inline-block;color:#666;padding:8px 10px;
  33. font-weight:400;transition:initial;}
  34. #sidebar-wrapper .label-size a:hover {background:#3cc081;color:#fff;transition:initial;}
  35. #sidebar-wrapper .Label li:before {content:"\f105";font-family:FontAwesome;
  36. font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;
  37. color:#666;transition:initial;}
  38. #sidebar-wrapper .Label li:hover:before {margin:0 0 0 5px;color:#f56954;}
  39. #sidebar-wrapper .label-size:hover{background:#3cc081;color:#fff;transition:initial;}
  40. #sidebar-wrapper .Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0;padding:4px 6px;text-align:center;font-size:13px;transition:initial;}
  41. #sidebar-wrapper .Label li span:hover{background-color:#f56954;color:#fff}
  42. /* CSS Fixed Layout */
  43. .widget ul {line-height:1.4em;}
  44. .status-msg-wrap{background:#f8695f;color:#fff;width:100%;margin:20px auto;font-family:'Roboto Condenced',sans-serif;font-size:120%;border-radius:3px}
  45. .status-msg-body {padding:20px 2%;width:96%;background:transparent;}
  46. .status-msg-border {border:none;opacity:1;width:auto;}
  47. .status-msg-bg{background-color:transparent;opacity:1}
  48. .status-msg-wrap a,.status-msg-wrap a:hover{color:#fff;padding:0;font-weight:700}
  49. .status-msg-wrap a:hover{text-decoration:underline}
  50. .status-msg-hidden {padding:20px 2%;}
  51. .rich-snippet {padding:10px;margin:15px 0 0;border:none;font-size:12px;}
  52. .Profile img {margin:0 15px 15px 0;width:104px;height:104px;}
  53. a.profile-name-link.g-profile,a.profile-link {color:#666;}
  54. .profile-textblock {color:#666;}
  55. .quickedit{display:none;visibility:hidden}
  56. span.post-count {font-size:11px;font-weight:700;}
  57. #Attribution1,.quickedit,#ContactForm1,#ContactForm1 br,#wrap br {height:0;width:0;visibility:hidden;display:none!important;}
  58.  
  59. .breadcrumbs,.post,.halaman,.tabs-menu,.tabs-content,.sidebar .widget-content,.sidebar-two .widget-content {border:1px solid rgba(0,0,0,0.12);}
  60. .ripplelink{position:relative;overflow:hidden;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;z-index:0}
  61. .ink{display:block;position:absolute;background:rgba(255,255,255,0.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
  62. .animate{-webkit-animation:ripple 0.65s linear;-moz-animation:ripple 0.65s linear;-ms-animation:ripple 0.65s linear;-o-animation:ripple 0.65s linear;animation:ripple 0.65s linear}
  63. @-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}
  64. @-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}
  65. @-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}
  66. @keyframes ripple{100%{opacity:0;transform:scale(2.5)}}
  67. /* CSS Shortcodes */
  68. .button{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;clear:both;}
  69. .button ul {margin:0;padding:0}
  70. .button li{display:inline;margin:5px;padding:0;list-style:none;}
  71. .demo,.download {padding:12px 15px!important;color:#fff!important;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;}
  72. .demo {background-color:#5a6269;}
  73. .download {background-color:#3cc091;}
  74. .demo:hover {background-color:#3cc091;color:#fff;opacity:1;}
  75. .download:hover {background-color:#5a6269;color:#fff;opacity:1;}
  76. .demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
  77. .download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
  78. .first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
  79. .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
  80. .widget .post-body li{padding:0;line-height:1.5}
  81. .alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;border-radius:2px;color:#39484d;}
  82. .alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}
  83. .alert-message span{font-size:14px!important}
  84. .alert-message i{font-size:22px;text-align:left;display:inline-block;position:absolute;right:0;top:0;padding:20px;opacity:0.8;}
  85. .alert-message.success{background-color:#00acd6;color:#fff}
  86. .alert-message.success a,.alert-message.success span{color:#fff}
  87. .alert-message.alert{background-color:#0073b7;color:#fff}
  88. .alert-message.alert a,.alert-message.alert span{color:#fff}
  89. .alert-message.warning{background-color:#efa666;color:#fff}
  90. .alert-message.warning a,.alert-message.warning span{color:#fff}
  91. .alert-message.error{background-color:#f56c7e;color:#fff}
  92. .alert-message.error a,.alert-message.error span{color:#fff}
  93. .fa-check-circle:before{content:"\f058"}
  94. .fa-info-circle:before{content:"\f05a"}
  95. .fa-exclamation-triangle:before{content:"\f071"}
  96. .fa-exclamation-circle:before{content:"\f06a"}
  97. #flippy {text-align:center;}
  98. #flippy button {margin:10px auto;cursor:pointer;font-weight:700;background-color:#5a6269;color:#fff;padding:10px 20px!important;text-transform:uppercase;border:none;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;}
  99. #flippy button:hover, #flippy button:focus {outline:none;opacity:1;color:#fff;}
  100. #flippanel {padding:1px;text-align:left;background:#fafafa;border:1px solid #e6e6e6;}
  101. #flippanel {padding:24px;display:none;}
  102. #flippanel img {background:#f5f5f5;margin:10px auto;}
  103. #wrap {margin:20px auto;text-align:center;}
  104. .btn{display:inline-block;position:relative;font-weight:700;background:#3cc091;padding:9px 18px;margin:0 3px;border-radius:3px;opacity:1;border:0;text-transform:uppercase;transition:all .3s ease-out;}
  105. .btn.down {background:#39b3eb;}
  106. .btn:hover,.btn:active {background:#374760;}
  107. .btn.down:hover,.btn.down:active {background:#374760;}
  108. #wrap a.btn {color:#fff;}
  109. a.btn {color:rgba(255,255,255,1);}
  110. a.btn:hover,a.btn:active,a.btn.down:hover,a.btn.down:active{color:#fff;}
  111. .btn i {margin-left:10px;font-weight:normal;font-family:FontAwesome;}
  112. .btn.down.anima {-webkit-animation: anim 2s ease-in infinite;animation: anim 2s ease-in infinite;}
  113. /* Custom Button */
  114. a.arlina-btn{border:none;cursor:pointer;padding:10px 20px;display:inline-block;margin:15px;text-transform:uppercase;letter-spacing:1px;font-weight:700;outline:0;position:relative;border-radius:3px;transition:all .3s}
  115. a.arlina-btn:hover {-webkit-animation: anim 2s ease-in infinite;animation: anim 2s ease-in infinite;}
  116. a.arlina-btn:after {content: '';position:absolute;z-index:-1;transition:all .3s;}
  117. a.arlina-btn:before{font-family:Fontawesome;font-style:normal;font-weight:400;font-variant:normal}
  118. a.arlina-button{background:#4f93c5;color:#fff!important;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
  119. a.arlina-button:active {background:#4786b5;top:2px;}
  120. a.arlina-button span {display:inline-block;width:100%;height:100%;transition:all 0.3s;backface-visibility:hidden;}
  121. a.arlina-button:before{position:absolute;height:100%;width:100%;line-height:2.2;font-size:130%;transition:all .3s}
  122. a.arlina-button:active:before {color:#fff;}
  123. a.arlina-buttona:hover span {-webkit-transform: translateY(300%);-moz-transform: translateY(300%);-ms-transform: translateY(300%);transform: translateY(300%);}
  124. a.arlina-buttona:before {left:0;top:-110%;}
  125. a.arlina-buttona:hover:before {top:0;}
  126. a.icon-result:before {content: "\f061";}
  127. @-webkit-keyframes anim{5%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}10%{-webkit-transform:scale(.9,1.1) translateY(-.5rem);transform:scale(.9,1.1) translateY(-.5rem)}15%{-webkit-transform:scale(1);transform:scale(1)}}
  128. @keyframes anim{5%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}10%{-webkit-transform:scale(.9,1.1) translateY(-.5rem);transform:scale(.9,1.1) translateY(-.5rem)}15%{-webkit-transform:scale(1);transform:scale(1)}}
  129. /* CSS Outer Wrapper */
  130. #outer-wrapper{background:#fefefe;max-width:970px;margin:0 auto;padding:0 20px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,0.05);}
  131. /* CSS Content Wrapper */
  132. #content-wrapper { background-color:#fff;margin-top:-10px;padding:0 0 0 0;word-wrap:break-word;}
  133. /* CSS Top Menu Wrapper */
  134. .arlinatop-wrapper{width:100%;max-width:930px;background:rgba(255,255,255,.99);z-index:99;position:fixed;overflow:hidden;margin:auto;border-bottom:1px solid #ddd;-webkit-transform:translateZ(0);transform:translateZ(0)}
  135. .adtop-wrapper{padding:0;position:relative;display:inline-block;width:100%;max-width:970px;margin:0 auto}
  136. .header-wrapper2 {margin:0 auto;padding:0}
  137. .top-menunavi {display:block;margin:0 auto;float:left;padding:0;width:100%;background:transparent;border:none;}
  138. .top-menunavi ul {width:100%;padding:0;margin:0;text-align:left;}
  139. .top-menunavi li {display:block;list-style-type:none;float:left;padding:0;margin:0;}
  140. .top-menunavi li a{position:relative;font-weight:400;background-color:transparent;color:#151515;display:inline-block;margin:0;padding:20px 15px;transition:color .3s}
  141. .top-menunavi ul li a:active, .top-menunavi ul li.highlight a {line-height:100%;}
  142. .top-menunavi ul li a:hover {color:#888;}
  143. .top-menunavi a#pull {display:none;}
  144. .top-menunavi li.nomore,.top-menunavi li.nomore2{text-align:center;color:#151515;float:right;}
  145. .top-menunavi li.nomore:hover,.top-menunavi li.nomore2:hover{color:#888;}
  146. .top-menunavi li i{font-weight:normal;color:#151515;transition:color .3s;}
  147. .top-menunavi ul li:hover i{color:#888;}
  148. .top-menunavi li.nomore2{position:relative;transition:all .3s;}
  149. li.nomore2:after{position:absolute;content:'1';right:3px;top:10px;background:#4db2ec;color:#fff;padding:0;width:15px;height:15px;line-height:15px;border:2px solid #fff;border-radius:4px;font-size:75%;transform:scale(1.0);transition:all .3s ease}
  150. .top-menunavi ul li.nomore2:hover:after{transform:scale(0.9)}
  151. .top-menunavi li.infoarlina{border:0;}
  152. .top-menunavi li.infoarlina a{background:rgba(0,0,0,0.01);color:#1176c3;display:block;margin:16px 0;padding:3px 8px;border-radius:3px;font-size:94%;transition:all .3s ease;box-shadow:inset 0 0 0 1px #138be6;font-weight:400}
  153. .top-menunavi li.infoarlina a:hover{background:#138be6;color:#fff;}
  154. /* CSS Header Wrapper */
  155. #header-wrapper {margin:75px auto 20px auto;padding:0;max-width:970px;overflow:hidden;}
  156. #header {float:left;width:100%;max-width:190px;color:#151515;margin:0 10px 0 0;}
  157. #header h1, #header h2, #header p {display:inline-block;font-family:'Roboto Condensed';font-size:200%;font-weight:700;color:#151515;text-transform:uppercase;}
  158. #header a {color:#151515;transition:all 0.3s ease-out;}
  159. #header a:hover {color:#138be6;}
  160. #header .description {font-family:'Roboto',sans-serif;font-size:100%;font-weight:400;text-transform:none;line-height:normal;margin:0;}
  161. .header img {display:block;}
  162. .header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px;}
  163. .header-right img {display:block;}
  164. .Header h1,.Header h2 {margin-bottom:10px;}
  165. /* CSS Main Menu */
  166. a.menu-slide{display:none;background:#374760;padding:0 15px;height:46px;line-height:46px;color:#fff;text-transform:uppercase}
  167. a.menu-slide:hover {color:#fff;}
  168. #nav {font-size:14px;font-weight:700;background:#374760;height:56px;line-height:56px;margin:0 auto;}
  169. .arlina-mainmenu {background:#374760;list-style:none;margin:0;float:left;}
  170. .arlina-mainmenu:before,.arlina-mainmenu:after {content: " ";display:table;}
  171. .arlina-mainmenu:after {clear:both;}
  172. .arlina-mainmenu ul {list-style:none;margin:0;width:11em;}
  173. .arlina-mainmenu a {display:block;padding:0 15px;}
  174. .arlina-mainmenu li {position:relative;margin:0;}
  175. .arlina-mainmenu > li {float:left;}
  176. .arlina-mainmenu > li > a {display:block;height:56px;line-height:56px;color:#fff;overflow:hidden;transition:initial}
  177. .arlina-mainmenu > li > a.active {background:#3cc091;color:#fff;}
  178. .arlina-mainmenu > li:hover > a {background:#3cc091;color:#fff;}
  179. .arlina-mainmenu > li:hover > a.active {background:#37b185;}
  180. .arlina-mainmenu li ul {background:#fafafa;display:block;position:absolute;top:50%;left:0;z-index:10;visibility:hidden;opacity:0;transition:all .3s}
  181. .arlina-mainmenu li li ul {left:100%;top:-1px;}
  182. .arlina-mainmenu > li.hover > ul {visibility:visible;opacity:1;top:100%;}
  183. .arlina-mainmenu li li.hover ul {visibility:visible;opacity:10;}
  184. .arlina-mainmenu li li a {display:block;color:#768187;position:relative;z-index:100;height:42px;line-height:42px;font-weight:400;transition:initial}
  185. .arlina-mainmenu li li a:hover {background:#3cc091;color:#fff;}
  186. .arlina-mainmenu li li li a {background:#fff;z-index:20;color:#151515;}
  187. .arlina-mainmenu li .parent:after {content: "\f0d7";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;color:#858d8f;}
  188. .arlina-mainmenu li:hover .parent:after{color:#fff;}
  189. .arlina-mainmenu li ul li .parent:after {content: "\f0da";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;color:#768187;float:right;}
  190. .arlina-mainmenu li ul li .parent:hover:after {color:#fff;}
  191. #search-form {background:#374760;float:right;margin:0;width:210px;}
  192. #search-form table {width:100%;margin:0;}
  193. #search-form input#search-box[type="text"] {background:#fff;height:36px;line-height:36px;margin:5px 0 5px 10px;padding:0 10px;width:99%;border:none;}
  194. #search-form input#search-button[type="submit"] {font-family:FontAwesome;background:#3cc091;color:#fff;height:36px;line-height:36px;margin:5px 10px 5px -2px;padding:0 15px;border:none;outline:none;transition:all 0.25s;}
  195. #search-form input#search-button[type="submit"]:hover{background:#37b185;cursor:pointer;}
  196. #search-form input#search-box[type="text"]:focus {background:#fdfdfd;outline:none;}
  197. /* CSS Post Wrapper */
  198. #post-wrapper {position:relative;background:transparent;color:#151515;float:left;width:66.5%;margin:0 0 10px;}
  199. .post-inner {padding:0 0 0 0;}
  200. .breadcrumbs {background:#fafafa;font-size:100%;height:45px;overflow:hidden;padding:0;border-bottom:0;position:relative;}
  201. .breadcrumbs:after{display:inline-block;content:"\f09b";font-family:fontAwesome;font-style:normal;font-weight:normal;font-size:18px;color:#768187;top:0;right:0;padding:12px 20px;position:absolute}
  202. .breadcrumbs > span {padding:0;}
  203. .breadcrumbs a{color:#768187;font-size:13px;font-weight:normal;line-height:45px;}
  204. .breadcrumbs span a {color:#768187;padding:10px 0;}
  205. .breadcrumbs span:first-child a{color:#768187;margin-left:20px;}
  206. .breadcrumbs > span:last-child {visibility:hidden;width:0;height:0;color:#768187;border-right:none;font-size:13px;font-weight:300;line-height:30px;}
  207. .breadcrumbs span a:hover {color:#151515;}
  208. .breadcrumbs a:hover {color:#151515;}
  209. .post {background:#fff;margin:0;padding:0 20px 20px 20px;}
  210. .post-body {line-height:1.7em;color:#151515;margin-top:15px;font-size:15px;text-align:left;}
  211. .post-body img {max-width:95%;margin:0 auto;height:auto;}
  212. h3.post-title, h2.post-title, h1.post-title {font-family:'Roboto Condensed',sans-serif;font-size:20px;font-weight:400;text-align:center;padding:15px;}
  213. h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#768187;}
  214. h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#138be6;}
  215. .post-vinfo {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;text-align:left;padding:0;box-shadow:none;}
  216. .post-vinfo a {display:inline;background:transparent;color:#151515;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
  217. .post-vinfo a:hover {color:#cf4d35;}
  218. .author-info, .time-info, .comment-info, .label-info, .review-info {margin-right:0;display:inline-block;padding:10px 5px;}
  219. .timestamp-link abbr {border-bottom:none;}
  220. .halaman{position:relative;padding:10px 20px;background:#fff;border-top:0;overflow:hidden;}
  221. .halaman-kiri{width:50%;float:left;margin:0;text-align:left;color:#bbb;transition:all .3s ease-out}
  222. .halaman-kanan{width:50%;float:right;margin:0;text-align:right;color:#bbb;transition:all .3s ease-out}
  223. .halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#ddd!important;}
  224. .halaman-kiri a,.halaman-kanan a{color:#768187;}
  225. .halaman-kanan a:hover,.halaman-kiri a:hover{color:#666!important;}
  226. .halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family:'Roboto Condensed',Helvetica,Arial,sans-serif;font-weight:400;background:none;text-decoration:none}
  227. .current-pageleft,.current-pageright{padding:0;}
  228. .pager-title-left{font-size:12px;text-transform:uppercase;font-weight:700;transition:all .3s ease-out}
  229. .isihalaman-kiri,.isihalaman-kanan{margin:0}.feed-links{clear:both;line-height:2.5em;}
  230. span.post-author.vcard {visibility:hidden;width:0;height:0;}
  231. .post-header, .post-footer {line-height:initial;width:0;height:0;}
  232. /* CSS Syntax Highlighter */
  233. pre{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:0;margin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#443e50;position:relative;padding-top:33px;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-radius:3px;}
  234. pre::-webkit-scrollbar,pre::-moz-scrollbar,pre code::-webkit-scrollbar,pre code::-moz-scrollbar,code::-webkit-scrollbar,code::-moz-scrollbar {display:none;}
  235. pre::before{font-size:15px;font-weight:700;content:attr(title);position:absolute;top:0;padding:9px 0;left:0;right:0;color:#79798d;display:block;margin:0;text-indent:15px}
  236. pre:after{display:inline-block;content:"\f121";font-family:fontAwesome;font-style:normal;font-weight:normal;font-size:18px;color:#79798d;top:0;right:0;padding:9px 14px;position:absolute}
  237. pre code{display:block;background:none;border:none;color:#bec3ce;padding:25px 20px 20px 20px;font-family:'Source Code Pro',Menlo,Consolas,Monaco,monospace;font-size:.83rem;white-space:pre;overflow:auto}
  238. code .token.important {font-weight:bold;}
  239. code .token.entity {cursor:help;}
  240. pre mark,code mark,pre code mark {background-color:#3498db!important;color:#fff!important;padding:2px;margin:0 2px;border-radius:2px;}
  241. pre[data-codetype="CSSku"]:before,pre[data-codetype="HTMLku"]:before,
  242. pre[data-codetype="JavaScriptku"]:before,pre[data-codetype="JQueryku"]:before{background-color:#fff;box-shadow:inset 0 0 0 1px #eee;}
  243. /* CSS Tabs */
  244. .tabs, .tably {margin:-7px 0;}
  245. .tabs .tably {padding:0 0;}
  246. .tabs-menu {padding:0 0;margin:0;margin-bottom:0;}
  247. .tabs-menu li {margin-bottom:0;margin-top:0;font-size:13px;font-family:'roboto',sans-serif;font-weight:700;text-transform:uppercase;height:50px;line-height:40px;width:33.3%;list-style:none;text-align:center;display:inline-block;padding:5px 0;background:#374760;color:#fff;cursor:pointer;position:relative;
  248. transition:all 0.1s linear;}
  249. .tabs-menu li:hover {opacity:0.9;background:#222;color:#fff;}
  250. .tabs-menu .active-tab {background:#3cc091;color:#fff;}
  251. .tabs-menu .active-tab:hover {opacity:0.9;background:#3cc091;color:#fff;}
  252. .tabs-content {padding:10px;background:#fff;border-top:none;margin-bottom:15px;}
  253. .tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}
  254. .tabs-menu li:before {font-family:Fontawesome;text-align:left;font-size:12px;}
  255. .tabs-menu li:nth-child(1):before {content:'\f006';}
  256. .tabs-menu li:nth-child(2):before {content:'\f02c';}
  257. .tabs-menu li:nth-child(3):before {content:'\f0e6';}
  258. .tabs-content .widget li {background:#fff;color:#666;float:none!important;}
  259. .tabs-content .widget ul {background:#fff;color:#666;overflow:visible;}
  260. .tabs-content .Label li {background:#fff!important;color:#666;float:left;padding:5px;margin-left:3px;text-align:left;width:44%;transition:.3s linear;}
  261. .tabs-content .Label li:hover {background:transparent;color:#eac965;}
  262. .tabs-content .Label li a {color:#666!important;transition:.3s linear;}
  263. .tabs-content .Label li a:hover {color:#eac965;transition:.3s linear;}
  264. .tabs-content .Label ul li a {color:#666!important;}
  265.  
  266. /* CSS Full Sitemap */
  267. #bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
  268. span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
  269. .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
  270. .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
  271. .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
  272. .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
  273. text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}
  274. .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  275. text-decoration:none;}
  276. .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
  277. .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
  278. .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
  279. #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
  280. .toc-entry-col1 {counter-increment:rowNumber;}
  281. #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
  282. td.toc-entry-col2 {background:#fafafa;}
  283.  
  284. /* CSS Sidebar Wrapper */
  285. #sidebar-wrapper {float:right;width:34%;max-width:302px;margin:0 auto;}
  286. #sidebar-two {margin:0;}
  287. .sidebar-inner {padding:0 0;}
  288. .sidebar .widget-content,.sidebar-two .widget-content {text-align:center;padding:10px;border-top:0;}
  289. .sidebar h2,.sidebar h3,.sidebar-two h2,.sidebar-two h3{overflow:hidden;position:relative;font-family:'Roboto Condensed';font-size:18px;font-weight:400;padding:12px 15px 12px 65px;margin:0;border:1px solid rgba(0,0,0,0.12);text-transform:uppercase;display:block;transition:all .3s ease-out}
  290. .sidebar h2:before,.sidebar h3:before,.sidebar-two h2:before,.sidebar-two h3:before{background:#fdfdfd;content:'\f09e';font-family:fontawesome;position:absolute;left:0;top:0;display:inline-block;padding:16px 18px;border-right:1px solid rgba(0,0,0,0.12);line-height:normal}
  291. .arlina-list h2, .arlina-list h3{font-family:'Roboto Condensed';font-size:16px;font-weight:400;color:#151515;padding:0;text-transform:uppercase;display:block;transition:All 0.3s ease-out;}
  292. .sidebar .widget,.sidebar-two .widget {background:#fff;margin:0 0 15px;}
  293. .sidebar ul, .sidebar ol,.sidebar-two ul, .sidebar-two ol {list-style-type:none;margin:0;padding:10px;padding-top:0;}
  294. .sidebar li,.sidebar-two li {margin:5px 0;padding:0;}
  295. /* CSS Popular Post */
  296. .PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;background:none;outline:none;font-size:13px;}
  297. .PopularPosts ul {margin:0;list-style:none;color:#151515;}
  298. .PopularPosts ul li{background-color:#fff;margin:2px;padding:5px 0 0 0;position:relative;border-bottom:1px solid rgba(0,0,0,0.12);transition:all .3s;}
  299. .PopularPosts ul li img{display:block;width:100%;height:auto}
  300. .PopularPosts ul li:first-child {border-top:none;}
  301. .PopularPosts ul li:last-child {border-bottom:none;}
  302. .PopularPosts ul li:nth-child(n+6){display:none;}
  303. .PopularPosts ul li a:hover {color:#138be6!important;}
  304. .PopularPosts ul li .item-title a, .PopularPosts ul li a {color:#151515;transition:all .3s;}
  305. .PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:#138be6;}
  306. .PopularPosts .item-thumbnail{display:inline-block;float:left;margin:0 10px 10px 0;width:62px;height:62px}
  307. .PopularPosts .item-snippet{display:none}
  308. .profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
  309. .PopularPosts .item-title {padding-bottom:.2em;padding:0 5px;}
  310. /* CSS Footer Wrapper */
  311. #footer-wrapper{text-align:center;background:transparent;padding:0;margin-left:-20px;margin-right:-20px;}
  312. #footer-last{position:relative;display:block;background:#2a3950;padding:15px}
  313. .cpleft{margin:10px;font-weight:400;color:rgba(255,255,255,.8)}
  314. .cpleft a {color:rgba(255,255,255,.8);}
  315. .cpleft a:hover {color:rgba(255,255,255,1);text-decoration:underline;}
  316. /* Subscribe Box */
  317. #subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;}
  318. .subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
  319. .subscribe-form{clear:both;display:block;overflow:hidden}
  320. form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
  321. .subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0}
  322. .subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
  323. .subscribe-css-email-button:hover{background:#37b185;}
  324. #subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
  325. #subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
  326. #subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
  327. #subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
  328. #subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
  329. #subscribe-css:hover p.subscribe-note span:before{width:100%;}
  330. /* CSS Ad Slot Wrapper */
  331. .banner,.banner2,.banner3 {margin:0 auto;text-align:center;overflow:hidden;max-width:100%;}
  332. .banner {margin:20px auto 5px auto}.banner2 {margin:0 auto 20px auto}.banner3 {margin:20px auto}
  333. .banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;}
  334. .banner img, .banner iframe,.banner2 img,.banner2 iframe,.banner3 img,.banner3 iframe{display:block;margin:0 auto;text-align:center;}
  335. .kotak_iklan {margin:auto;transition:all 1s ease-out;}
  336. .kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
  337. .kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
  338. .kotak_iklan img{background:#fff;text-align:center;margin:5px 2.5px;padding:2.5px;border:1px solid #ddd!important;transition:all .6s ease-out}
  339. .kotak_iklan img:hover {background:#fff;border-color:#bbb!important;}
  340. .kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
  341. .kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
  342. .kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
  343. .kotak_iklan2 img {text-align:center;transition:all 1s ease-out;}
  344. .kotak_iklan2 img:hover {transition:all .5s ease-out;}
  345. .kotak_iklan3 {position:relative;margin:0 auto;}
  346. #HTML1 .widget-content {margin:auto;padding:0;}
  347. #HTML1 h2:before {content:'\f087';}
  348. #HTML6 .widget-content {display:inline-block;margin:auto;padding:0;}
  349. #HTML5 .widget-content {display:inline-block;margin:auto;padding:0;}
  350. #HTML8 .widget-content {border:none;}
  351. #HTML9 .widget-content {border:1px solid rgba(0,0,0,0.12);padding:0;}
  352. /* CSS Blog Navigation */
  353. .blog-pager,#blog-pager{clear:both;text-align:center}#blog-pager-newer-link{float:left;font-size:150%;}#blog-pager-older-link{float:right;font-size:150%;}
  354. .blog-pager,#blog-pager{clear:both;text-align:center;background:#fff;}
  355. #blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#151515;}
  356. #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover{color:#2d2b38}
  357. a.blog-pager-newer-link,a.blog-pager-older-link,a.home-link{display:inline-block;width:40px;height:30px;line-height:30px;padding:0;margin:0;border-radius:2px}
  358. a.home-link{font-size:150%;border-color:transparent}
  359. #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover,a.home-box:hover,.mobile-desktop-link a.home-link:hover{color:#138be6!important}
  360. a.blog-pager-newer-link:hover,a.blog-pager-older-link:hover,a.home-link:hover{color:#138be6;}
  361. .mobile-desktop-link a.home-link,#blog-pager .mobile-desktop-link{font-size:0;font-weight:400;background:0 0;padding:0;width:0;height:0;border:0;}
  362. /* About Us */
  363. .boxinner{z-index:99;width:100%;height:550px;position:absolute;left:50%;margin-left:-310px;top:70px}
  364. .contentbox{position:absolute;background-color:#fff;top:30px;right:0;left:0;bottom:0;box-shadow:0 1px 5px rgba(0,0,0,.1)}
  365. headbanger{background:#3cc091;height:70px;width:100%;position:inherit}
  366. #textlogo{background:rgba(0,0,0,0.1);color:#fff;line-height:70px;text-align:center;font-size:200%;position:inherit;width:62.3%;box-sizing:initial}
  367. #left{background:#fff;color:#666;top:70px;bottom:0;right:0;padding:20px 0 0 0;width:227px;position:inherit}
  368. #left a{color:#888;transition:initial;}#left a:hover{color:#fff;}
  369. #left i {margin:0 10px 0 0}
  370. .taber1,.taber2,.taber3,.taber4,.taber5,.taber6,.taber7{cursor:pointer;padding:15px;color:#888;}
  371. .taber1:hover{background:#ff6733;color:#fff}.taber2:hover{background:#e74c3c;color:#fff}.taber3:hover{background:#2980b9;color:#fff}.taber4:hover{background:#27C9E9;color:#fff}.taber5:hover{background:#3ca9d0;color:#fff}
  372. .taber6:hover{background:#383838;color:#fff}.taber7:hover{background:#f39c12;color:#fff}
  373. #left .taber1:hover a,#left .taber2:hover a,#left .taber3:hover a,#left .taber4:hover a,#left .taber5:hover a,#left .taber6:hover a,#left .taber7:hover a{color:#fff}
  374. #aboutus{background:#fafafa;width:62.2%;padding:20px 20px 40px 20px;color:#444;text-align:left;position:inherit;float:left;line-height:normal}
  375. #aboutus img{margin:10px auto 0 auto;display:table;border-radius:100%;max-width:140px;box-shadow:0 0 0 5px rgba(0,0,0,.03)}
  376. .scrollbarbox{overflow:hidden;text-align:justify;margin:55px 0 0 0}
  377. .scrollbarbox .innerone{height:480px;overflow:auto}
  378. #popup{display:none;opacity:0;visibility:hidden;transform:scale(1.1);-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;z-index:1003;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .3s,visibility .3s}
  379. #popup:target{display:block;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index:999;opacity:1;visibility:visible;margin:auto;transform:scale(1.0);}
  380. .popup-container{position:relative;margin:0 auto;padding:20px}
  381. a.popup-close{position:absolute;border-radius:50px;right:20px;line-height:60px;margin:0 auto;font-size:16px;text-decoration:none;color:rgba(0,0,0,0.2);font-family:fontawesome}
  382. a.popup-close:hover{color:rgba(0,0,0,0.6);}
  383. .totalposts{margin:auto;display:table;text-align:center}
  384. .totalposts .totalnumber{display:inline;font-weight:700;font-size:300%;color:#888}
  385. .totalposts .totallabel{display:block;color:#888;font-weight:700}
  386. /* Adblock Popup */
  387. #keep-ads{padding:0;position:fixed;bottom:0;opacity:0;height:auto;transition:all .6s cubic-bezier(.25,.8,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;transition:all .2s ease-in-out,visibility 0s;transform-origin:bottom center;}
  388. .keep-adsme{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;line-height:1.5;font-family:monospace;max-width:930px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);transition:all .6s cubic-bezier(.25,.8,.25,1);border:15px solid rgba(0,0,0,.07);overflow:hidden;}
  389. .keep-adsme:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
  390. .keep-adsme h4{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;margin:0 auto}
  391. #keep-ads p{margin:0}
  392. #keep-ads a{color:#ffe88b;}#keep-ads a:hover{color:#ffe88b;text-decoration:underline}
  393. #keep-ads.show{left:0;top:0;right:0;z-index:1000;pointer-events:auto;opacity:1;visibility:visible;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);animation:wobble .7s;opacity:1;}
  394. .close-keep-ads{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:42px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
  395. .close-keep-ads:hover{color:#fff;transform:scale(1.0);}
  396. .keep-adsme:hover .close-keep-ads{visibility:visible;opacity:1;color:#ffe88b;transform:translate(0,0);}
  397. #keep-ads p span {font-family:fontawesome;font-size:5rem;}
  398. @keyframes wobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
  399. /* Back to top */
  400. .backtotop{visibility:hidden;background-color:rgba(55,71,96,.8);color:#fff;width:44px;height:44px;text-align:center;line-height:44px;position:fixed;bottom:10px;right:10px;z-index:90;cursor:pointer;opacity:0;border-radius:3px;-webkit-transform:translateZ(0);transition:all .4s}
  401. .backtotop .fa{font-size:24px;vertical-align:middle}
  402. .backtotop:hover{background-color:#3cc091;color:#fff;opacity:1;}
  403. .backtotop.show{visibility:visible;opacity:1;}
  404. /* CSS Global Responsive */
  405. @media screen and (max-width:1366px) {
  406. ul.recent_posts_arlina li:nth-child(n+6) {display:none;}}
  407. @media screen and (max-width:1066px) {
  408. #outer-wrapper {margin:0 auto;}
  409. .header-right {float:right;padding:0;overflow:hidden;margin:0;}
  410. .header-right img {display:block;}}
  411. @media screen and (max-width:960px) {
  412. #outer-wrapper {margin:0 auto;border:none;box-shadow:none;}
  413. #header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
  414. #header {margin:20px auto;padding:0 30px;background:transparent;max-width:80%;}
  415. .header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
  416. #header-wrapper{padding:0;margin:0 auto 20px auto;}
  417. .header-wrapper2,.adtop-wrapper {padding:0}
  418. .arlinatop-wrapper {position:relative;overflow:hidden;margin:0;z-index:1;}
  419. a.virightcredit-social {margin:10px 5px 0 5px;}
  420. #search-form{width:100%;background:#263142;padding:5px 0}
  421. #search-form td.search-box {padding-right:0;width:100%;}
  422. #search-form input#search-box[type="text"] {background:#fff;}
  423. #search-form input#search-box[type="text"]:focus {background:#fefefe;outline:none;}}
  424. @media only screen and (max-width:768px){
  425. .arlinatop-wrapper {margin:20px auto 0 auto;border:0;}
  426. .adtop-wrapper {margin:0;}
  427. .top-menunavi{background:#3cc091;position:relative;display:block;padding:0;float:none;width:auto;}
  428. .top-menunavi ul {text-align:center;}
  429. .top-menunavi ul,.nav li ul:before{display:none;height:auto;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.1)}
  430. .top-menunavi a#pull{color:#fff;display:inline-block;padding:12px;margin:0;border-right:1px solid rgba(0,0,0,0.1);position:relative}
  431. .top-menunavi a#pull:before{content:'\f03a';font-family:FontAwesome;font-style:normal;font-weight:400;display:inline-block;margin:0 5px 0 0}
  432. .top-menunavi li {display:block;width:100%;text-align:left;border-right:none;}
  433. .top-menunavi li a{background:#f5f5f5;color:#151515;padding:10px 20px;display:block}
  434. .top-menunavi li a:hover, nav a:active {background:#f0f0f0;border:none;color:#151515;}
  435. .top-menunavi ul li a:hover {background:#f0f0f0;color:#151515;}
  436. .top-menunavi li.nomore,.top-menunavi li.nomore2{display:none}
  437. #nav {background:#f5f5f5;}
  438. .nav {float:none;width:100%;max-width:100%}
  439. .active {display:block;}
  440. .arlina-mainmenu > li > a.active {background:#263142;}
  441. .arlina-mainmenu > li > a.active:hover {background:#263142;}
  442. #search-form {margin:0;}
  443. .nav > li {float:none;overflow:hidden;}
  444. .nav ul {display:block;width:100%;float:none;}
  445. .arlina-mainmenu li ul {background:#f6f6f6;box-shadow:none;}
  446. .arlina-mainmenu li ul li a{background:#f0f0f0;}
  447. .arlina-mainmenu > li > a{background:#263142;height:40px;line-height:40px}
  448. .arlina-mainmenu li li a:hover {background:#263142;color:#fff;}
  449. .nav > li.hover > ul , .nav li li.hover ul {position:static;}
  450. .arlina-mainmenu li .parent:after,.arlina-mainmenu li ul li .parent:after {content: "\f0d7";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px;float:right;color:#949ea0;}
  451. .arlina-mainmenu li:active .parent:after,.arlina-mainmenu li ul li:active .parent:after {color:#c5cbd0;}
  452. #search-form td.search-box {padding:0 0 0 10px;}
  453. #search-form td.search-button {width:1%;}
  454. #search-form input#search-box[type="text"] {margin:0;background:#fff;}
  455. #search-form input#search-box[type="text"]:focus {background:#fdfdfd;outline:none;}
  456. #post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
  457. .post-body img {max-width:90%;}
  458. .sidebar-inner, .post-inner {padding:15px 0 0px;}
  459. .adleftcredit,#virightcredit {float:none;text-align:center;margin:10px auto;line-height:normal;}
  460. #subscribe-css p.subscribe-note{margin:0 0 20px 0;width:100%;}
  461. .subscribe-wrapper {width:100%;}
  462. .banner,.banner2,.widget-content{overflow:visible}}
  463. @media (min-width:768px){.popup-container{width:600px}}
  464. @media (max-width:767px){.popup-container{width:100%}}
  465. @media only screen and (min-width:768px){
  466. #menu {display:block;}}
  467. @media only screen and (max-width:640px){
  468. #header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
  469. .header-right{float:none;margin:0 auto;text-align:center;}
  470. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  471. #header{min-width:initial;max-width:100%;background:none;margin:20px auto;padding:0}
  472. #header .description {font-size:100%;line-height:1.5;}
  473. #footer-wrapper{margin:20px 0 0 0;}
  474. #footer-adwidget {width:100%;overflow:hidden;}
  475. #footer-adwidget .footer-widget {width:92%;float:left;margin-left:20px;}
  476. .responsive-menu,#nav{background:#374760;margin:0;height:46px;line-height:46px;}
  477. #HTML1 .widget-content {text-align:center;}
  478. #subscribe-css p.subscribe-note{font-size:140%}
  479. form.subscribe-form{padding:0 10px}
  480. .subscribe-css-email-field,.subscribe-css-email-button{padding:15px 0;text-align:center;margin:10px 0;width:100%}
  481. .backtotop{width:32px;height:32px;line-height:32px;bottom:10px;right:10px}
  482. .backtotop .fa{font-size:14px}
  483. .tabs-menu li span,.top-menunavi li.infoarlina {display:none;}}
  484. @media only screen and (max-width:480px){
  485. .arlinatop-wrapper{margin:10px auto 0 auto}
  486. #outer-wrapper{margin:0 auto;padding:0 10px}
  487. .header-right{float:none;margin:0 auto;text-align:center;}
  488. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  489. .post {margin:0 0 8px;padding:8px;}
  490. h2.post-title, h1.post-title {font-size:16px;}
  491. #related-post {margin:20px 20px 20px 0;padding:0;}
  492. .post-vinfo {font-size:12px;}
  493. #feedContainer li {width:100%;}
  494. .authorLeft{float:none;width:120px;margin:0 auto}
  495. .authorDetails{text-align:center}
  496. .authorDetails h2{float:none}
  497. .authorDetails span{float:none}
  498. .articleAuthor .authorContent p{text-align:center}
  499. #footer-last{padding:5px;margin:0 0 10px 0}}
  500. @media screen and (max-width:320px){
  501. .header-right{float:none;margin:0 auto;text-align:center;}
  502. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  503. .post {padding:6px;}}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement