diff --git a/themes/tajian/views/layout/index.php b/themes/tajian/views/layout/index.php index 12e87fd..aa8246e 100644 --- a/themes/tajian/views/layout/index.php +++ b/themes/tajian/views/layout/index.php @@ -15,46 +15,88 @@ if (!empty(FSC::$app['config']['multipleUserUriParse']) && !empty(FSC::$app['use - + - -
- - Ta荐 - - TaJian.tv - -
- 用户登录登录 -
-
+ +
+ - + - -
- - Ta荐 - - TaJian.tv - -

你看到的,也许只是冰山一角!

- 水面上的冰山一角 -
-
-

- 你的聚宝盆 - - 帮你收纳不同App/网站有价值的视频 -

- -
- -
- - Download machete source code -
- 分享聚宝盆 -
+
+
+
+
+

+ 你的聚宝盆 + - 帮你收纳不同App/网站有价值的视频 +

+

+ 可添加B站、抖音、快手等平台的视频、直播链接,Ta荐是你的视频收纳盒,分类整理你喜欢的内容,随时快速找到它们! +

+ +
+
+ + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

......

+
+
+
+ + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + +
+
+
-
+ -

谁在用?

-
    -
  • 布道者、意见领袖
  • -
  • 发烧友、分享达人
  • -
  • 有收藏、整理知识库习惯的朋友
  • -
+
+
+
+
+
+
+
+ + + + + + + + +
+

谁在用Ta荐

+

+ 布道者、意见领袖,发烧友、分享达人,有收藏、整理知识库习惯的朋友... +

+
+
+
+
+
+ + + + + + +
+

使用步骤

+

+ 从各视频App、网站复制分享链接,登录后在“添加收藏”里粘贴保存 +

+
+
+
+
+
+
+
+ + + + + + + -

他们的聚宝盆

-
- - +

支持的平台

+

B站(bilibili)、抖音、快手、西瓜视频,其它任何网址(限VIP使用)

+
+
+
+
+
+ + + + + + + +
+

我要搭建

+

+ 付费协助搭建视频分享网站,请发Email联系:machete#filesite.io,替换#为@ +

+
+
+
+
+
-
- -

使用步骤

-
-

- 1. 从各视频App、网站复制视频的分享链接 -
- 2. 登录后在“添加收藏”里粘贴保存 -
- 3. 分享你的专属链接给朋友 - 点我体验) -eof; - } - ?> -

- -

没注册?

-

- 用手机号码 + 邀请码(邀请者手机号末 6 位) - 去注册 - - 还可以加客服微信获取注册邀请码 - - Ta荐客服微信二维码 -

-
- -

支持的视频App/网站

- -

- 更多视频App和网站将陆续增加; -
任意网站收藏限VIP用户使用,如需开通请联系客服邮箱(machete#filesite.io,替换#为@)。 -

- -

Ta荐核心数据

-
- - - - - - - - - - - - -
-
- 因为有你,从此世界变得不一样,马上注册加入吧~ -
- -

搭建视频分享网站

-
- 付费协助搭建视频分享网站,请发Email给我们吧: - machete#filesite.io,替换#为@。 -
- +
diff --git a/www/css/tajian.css b/www/css/tajian.css index 71a97f9..155670f 100644 --- a/www/css/tajian.css +++ b/www/css/tajian.css @@ -1,89 +1,89 @@ -body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;} +body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0} /* body{position:relative;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;word-break: break-all;background-color:#FFF;color:#FFF;font-size:14px;line-height:1.428571429} */ body{position:relative;font-family:"Roboto","Arial",sans-serif;background-color:#FFF;color:#000;font-size:14px;line-height:1.428571429} html{scroll-behavior:smooth} -ul,li{list-style:none;margin:0;padding:0;} +ul,li{list-style:none;margin:0;padding:0} img,span,em,a{display:inline-block;max-width:100%} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} -a{color:#464c5c;} -.clearfix{zoom:1;} -.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;overflow:hidden;height:0px;} -.img-responsive{max-width:100%;display:block;} -.elementBlock{display:block !important;} -.elementNone{display:none !important;} -.elementhidden{visibility:hidden !important;} -.verMiddle{vertical-align:middle !important;} -.verBottom{vertical-align:bottom !important;} -.verTop{vertical-align:top !important;} -.verBaseline{vertical-align:baseline !important;} -.vercenter{text-align:center !important;} -.verright{text-align:right !important;} -.verbold{font-weight:bold !important;} -.opacityshow{opacity:1 !important;} -a:hover{text-decoration:none;color:darkblue;} -a:active{text-decoration:none;} -a:visited{text-decoration:none;} -a:link{text-decoration:none;} +a{color:#464c5c} +.clearfix{zoom:1} +.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;overflow:hidden;height:0px} +.img-responsive{max-width:100%;display:block} +.elementBlock{display:block !important} +.elementNone{display:none !important} +.elementhidden{visibility:hidden !important} +.verMiddle{vertical-align:middle !important} +.verBottom{vertical-align:bottom !important} +.verTop{vertical-align:top !important} +.verBaseline{vertical-align:baseline !important} +.vercenter{text-align:center !important} +.verright{text-align:right !important} +.verbold{font-weight:bold !important} +.opacityshow{opacity:1 !important} +a:hover{text-decoration:none;color:darkblue} +a:active{text-decoration:none} +a:visited{text-decoration:none} +a:link{text-decoration:none} .breadcrumbs{padding-left:1em;padding-top:1em} .footer{margin:7em auto 5.4em auto;text-align:center;border-top:1px solid #DDD;padding-top:20px} /* 首页 start*/ -.g_app_lay{padding:56px 0 0 200px;} +.g_app_lay{padding:56px 0 0 200px} /* 顶部导航 */ -.top_nav{position:fixed;top:0;left:0;z-index:1100;width:100%;height:56px;overflow:hidden;background:#FFF;padding:8px 22px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content: space-between;} -.log_tn img{width:37px;float:left;} +.top_nav{position:fixed;top:0;left:0;z-index:1100;width:100%;height:56px;overflow:hidden;background:#FFF;padding:8px 22px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content: space-between} +.log_tn img{width:37px;float:left} .log_tn span{ - font-family: Brush Script MT; - color: #181818; - font-size: 24px; - text-shadow: 1px 1px 0 rgb(122 122 122), - 1px 1px 5px rgb(183 183 183 / 80%); - margin-top:3px; + font-family: Brush Script MT; + color: #181818; + font-size: 24px; + text-shadow: 1px 1px 0 rgb(122 122 122), + 1px 1px 5px rgb(183 183 183 / 80%); + margin-top:3px; } -.right_class_tn{padding-top:5px;} -.right_class_tn img{margin-left:5px;} -.search_move_tn img{width:24px;} -.connect_me_tn img{width:22px;} - -.search{flex:1;display:flex;align-items: center;margin:0 30px;max-width:555px;} -.search-left-arrow{padding:5px 13px;display:none;} -.search-left-arrow img{width:32px;display:block;} -.search_form{display:flex;flex:1;align-items: center;border-radius:5px;background-color: #dedede;} -.search_form .input_sf{flex:1;} -.search_form .input_sf input{border-radius:5px;width:100%;border-top-right-radius:0;border-bottom-right-radius: 0;border:none;padding:0 0 0 14px;font-size:15px;height:40px;background:transparent;} -.search_form .input_sm{cursor:pointer;width:52px;border:none;background:transparent;border-radius:5px;border-top-left-radius:0;border-bottom-left-radius: 0;} -.search_form .input_sm img{width:22px;} +.right_class_tn{padding-top:5px} +.right_class_tn img{margin-left:5px} +.search_move_tn img{width:24px} +.connect_me_tn img{width:22px} + +.search{flex:1;display:flex;align-items: center;margin:0 30px;max-width:555px} +.search-left-arrow{padding:5px 13px;display:none} +.search-left-arrow img{width:32px;display:block} +.search_form{display:flex;flex:1;align-items: center;border-radius:5px;background-color: #dedede} +.search_form .input_sf{flex:1} +.search_form .input_sf input{border-radius:5px;width:100%;border-top-right-radius:0;border-bottom-right-radius: 0;border:none;padding:0 0 0 14px;font-size:15px;height:40px;background:transparent} +.search_form .input_sm{cursor:pointer;width:52px;border:none;background:transparent;border-radius:5px;border-top-left-radius:0;border-bottom-left-radius: 0} +.search_form .input_sm img{width:22px} /* 移动端搜索 */ -.mobile_search{opacity:0;transform:translateX(101%);position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;transform:translateX(101%);background-color:#FFF;z-index:1200;} -.mob_search_form{background:none;margin-top:18px;} -.mob_search_form .close{width:52px;text-align:center;} -.mob_search_form .input_sf{background-color:#f7f7f7;border-radius:9px;border:solid 1px #e0e0e0;} +.mobile_search{opacity:0;transform:translateX(101%);position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;transform:translateX(101%);background-color:#FFF;z-index:1200} +.mob_search_form{background:none;margin-top:18px} +.mob_search_form .close{width:52px;text-align:center} +.mob_search_form .input_sf{background-color:#f7f7f7;border-radius:9px;border:solid 1px #e0e0e0} /* 左侧菜单 */ -.app_layout_side{padding:3px 0 0 0;width:200px;height:100vh;position:fixed;top:56px;left:0;z-index: 1000;overflow-y:auto;background:#FFF;} +.app_layout_side{padding:3px 0 0 0;width:200px;height:100vh;position:fixed;top:56px;left:0;z-index: 1000;overflow-y:auto;background:#FFF} .g_ls_menus{padding:9px 12px 6px 12px;border-bottom:solid 1px #eeeeee} -.g_ls_menus .meuns_title{color:#686868;padding:10px 0 4px 8px;font-weight: bold;} -.g_ls_menus>a{display:block;padding:12px 18px;margin-bottom:4px;color:#4c4c4c;} -.g_ls_menus>a img{width:22px;vertical-align:middle;margin-right:8px;} -.g_ls_menus>a span{vertical-align:middle;} -.g_ls_menus>a:hover, .g_ls_menus .this_set{background-color: #f0f0f0;border-radius: 10px;} -.g_ls_menus .this_set{color: #000;font-weight:bold;font-size:15px;} +.g_ls_menus .meuns_title{color:#686868;padding:10px 0 4px 8px;font-weight: bold} +.g_ls_menus>a{display:block;padding:12px 18px;margin-bottom:4px;color:#4c4c4c} +.g_ls_menus>a img{width:22px;vertical-align:middle;margin-right:8px} +.g_ls_menus>a span{vertical-align:middle} +.g_ls_menus>a:hover, .g_ls_menus .this_set{background-color: #f0f0f0;border-radius: 10px} +.g_ls_menus .this_set{color: #000;font-weight:bold;font-size:15px} .g_ls_menus_items{padding-bottom:150px} /* 主内容 */ -.g_main_lay{padding:0 2% 0 3.4%;margin-top:18px;min-height:360px;position:relative;max-width:1700px;} -.g_main_border{border-top:solid 1px #eeeeee;} +.g_main_lay{padding:0 2% 0 3.4%;margin-top:18px;min-height:360px;position:relative;max-width:1700px} +.g_main_border{border-top:solid 1px #eeeeee} .vl_list_main{float:left;width:25%;margin:10px 0 22px 0;position:relative} .video-menu-ow{border-bottom:1px solid rgba(0,0,0,.1)} /* .vl_list_main:hover .video_img_vl img{transform:scale(1.01)} */ -.vl_list_main:hover .video_title_vl>a{font-weight:bold;} +.vl_list_main:hover .video_title_vl>a{font-weight:bold} .video_img_vl{border-radius:6px;width:calc(100% - 16px);position:relative;padding-top:71%;overflow:hidden;background:rgb(0 0 0 / 1)} .video_img_vl a{text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center} -.video_img_vl img{transform:scale(1);transition:all 0.3s ease-in-out;display:inline-block;max-width:100%;max-height:100%;} -.video_title_vl{padding:0 16px 0 0;color:#bbbbbb;background: #FFF;} +.video_img_vl img{transform:scale(1);transition:all 0.3s ease-in-out;display:inline-block;max-width:100%;max-height:100%} +.video_title_vl{padding:0 16px 0 0;color:#bbbbbb;background: #FFF} .video_title_vl>a{color:#000;min-height:49px;padding:9px 3px 0 3px;word-break:break-all; text-overflow: ellipsis; display: -webkit-box; @@ -96,26 +96,26 @@ a:link{text-decoration:none;} /* 首页 end*/ /* 联系我们 */ -.svgimg{width:2em;height:2em;vertical-align:middle;fill: currentColor;overflow: hidden;} +.svgimg{width:2em;height:2em;vertical-align:middle;fill: currentColor;overflow: hidden} .blank_cover{transition: all 0.5s ease;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .7);opacity:0;z-index: 1199} -.right_sidebox{padding:15px 10px 15px 18px;opacity:0;transform:translateX(101%);background-color:#FFF;position:fixed;right:0;top:0;bottom:0;color:#333;width:396px;overflow-y:auto;max-width:92%;z-index:1200;} -.right_sidebox>h5{display:flex;padding:15px 0 10px 0;border-bottom:solid 1px #e9e2e2;margin-bottom:20px;} -.right_sidebox>h5 span{font-size:20px;font-weight:bold;flex: 1;} -.right_sidebox .link{text-decoration: underline;color:#457fc1;} -.right_sidebox .sort1{font-size:16px;font-weight:bold;margin-top:10px;} -.right_sidebox p{margin:5px 0;} -.right_sidebox .codeimg{width:48%;} +.right_sidebox{padding:15px 10px 15px 18px;opacity:0;transform:translateX(101%);background-color:#FFF;position:fixed;right:0;top:0;bottom:0;color:#333;width:396px;overflow-y:auto;max-width:92%;z-index:1200} +.right_sidebox>h5{display:flex;padding:15px 0 10px 0;border-bottom:solid 1px #e9e2e2;margin-bottom:20px} +.right_sidebox>h5 span{font-size:20px;font-weight:bold;flex: 1} +.right_sidebox .link{text-decoration: underline;color:#457fc1} +.right_sidebox .sort1{font-size:16px;font-weight:bold;margin-top:10px} +.right_sidebox p{margin:5px 0} +.right_sidebox .codeimg{width:48%} .right_sidebox .g_ls_menus{width:100%} -.sideboxShow{animation:bounceInRight 0.5s ease forwards;} +.sideboxShow{animation:bounceInRight 0.5s ease forwards} /* 添加视频 */ .g_form_style{width:406px;margin:8% auto 0 auto} -.g_form_style input,.g_form_style select{width:100%;font-size:15px;padding:12px 10px;border-radius:5px;border:solid 1px #9b9b9b;margin:6px 0 0 0;} -.g_form_style>div{margin-bottom:11px;} -.avform_bt{margin-top:18px;} -.avform_bt button{position: relative;font-size:15px;min-width:100px;border-radius:6px;padding:10px 3px;border:none;background-color:#0d6efd;color:#FFF;cursor: pointer;} -.loading_bt{display:inline-block;} -.bt_loading_cover{z-index:100;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;background:rgba(225,225,225,.5);} +.g_form_style input,.g_form_style select{width:100%;font-size:15px;padding:12px 10px;border-radius:5px;border:solid 1px #9b9b9b;margin:6px 0 0 0} +.g_form_style>div{margin-bottom:11px} +.avform_bt{margin-top:18px} +.avform_bt button{position: relative;font-size:15px;min-width:100px;border-radius:6px;padding:10px 3px;border:none;background-color:#0d6efd;color:#FFF;cursor: pointer} +.loading_bt{display:inline-block} +.bt_loading_cover{z-index:100;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;background:rgba(225,225,225,.5)} .loading_bt svg{width: 20px;transform-origin: center;animation: change 2.5s linear infinite; } .loading_bt circle {fill: none;stroke: #FFF;stroke-width: 7;stroke-dasharray: 1, 200;stroke-dashoffset: 0;stroke-linecap: round;animation: diansh 2s ease-in-out infinite; @@ -123,13 +123,13 @@ a:link{text-decoration:none;} .g_form_style textarea{display:block;width:100%;padding:4px} /* 个人中心 */ -.ui_name{padding:3% 0 0 0;margin-bottom:20px;display:flex;align-items: center;justify-content:center;} -.ui_name img{width:112px;border:solid 4px #e6e6e6;border-radius:50%;} -.ui_name span{font-size:21px;font-weight:bold;margin-left:18px;} -.ui_menu{border-bottom: solid 1px #eeeeee;padding:0 0 0 3%;} -.ui_menu>a{padding:0 2px 6px 2px;margin:0 9px;} -.ui_menu .this_sel{font-weight:bold;border-bottom:solid 3px #000;font-size:15px;} -.ui_video_state{color:#ada7a7;margin:18% 0 10% 0;} +.ui_name{padding:3% 0 0 0;margin-bottom:20px;display:flex;align-items: center;justify-content:center} +.ui_name img{width:112px;border:solid 4px #e6e6e6;border-radius:50%} +.ui_name span{font-size:21px;font-weight:bold;margin-left:18px} +.ui_menu{border-bottom: solid 1px #eeeeee;padding:0 0 0 3%} +.ui_menu>a{padding:0 2px 6px 2px;margin:0 9px} +.ui_menu .this_sel{font-weight:bold;border-bottom:solid 3px #000;font-size:15px} +.ui_video_state{color:#ada7a7;margin:18% 0 10% 0} @keyframes bounceInRight { 0%, @@ -210,23 +210,23 @@ a:link{text-decoration:none;} } @media screen and (max-width: 767px) { - .vl_list_main{width:50%;} + .vl_list_main{width:50%} } -.visible_movi_xs{display:none;} -.hide_movi_xs{display:block;} +.visible_movi_xs{display:none} +.hide_movi_xs{display:block} @media screen and (max-width:480px) { - .visible_movi_xs{display:inline-block;} - .hide_movi_xs{display:none;} - .top_nav{box-shadow:0 0 7px 0 rgb(155 155 155);} + .visible_movi_xs{display:inline-block} + .hide_movi_xs{display:none} + .top_nav{box-shadow:0 0 7px 0 rgb(155 155 155)} .g_app_lay{padding:56px 0 60px 0} - .g_main_lay{margin-top:5px;padding:0 0 0 6px;} - .video_img_vl{width:calc(100% - 6px);padding-top:72.6%;} - .app_layout_side{padding:6px 0 6px 0;box-shadow: 0 0 7px 0 rgb(155 155 155);top:initial;bottom:0;right:0;width:100%;height:auto;} - .menu_ls{display:flex;justify-content:space-around;padding:0;border:none;} - .menu_ls>a{flex:1;text-align:center;padding:10px 0;margin:0;} - .menu_ls>a img{margin:0;} - .g_form_style{padding:0 12% 0 10%;width:100%;} + .g_main_lay{margin-top:5px;padding:0 0 0 6px} + .video_img_vl{width:calc(100% - 6px);padding-top:72.6%} + .app_layout_side{padding:6px 0 6px 0;box-shadow: 0 0 7px 0 rgb(155 155 155);top:initial;bottom:0;right:0;width:100%;height:auto} + .menu_ls{display:flex;justify-content:space-around;padding:0;border:none} + .menu_ls>a{flex:1;text-align:center;padding:10px 0;margin:0} + .menu_ls>a img{margin:0} + .g_form_style{padding:0 12% 0 10%;width:100%} .hidden-xs{display:none} } @@ -274,7 +274,7 @@ a:link{text-decoration:none;} /* 个人中心 */ .nickname{font-size:20px} .mg_menus{margin-top:20px} -.mg_menus li{display:inline-block;width:45%;margin:5px;border:1px solid #DDD;border-radius:5px;text-align:center;vertical-align:middle;} +.mg_menus li{display:inline-block;width:45%;margin:5px;border:1px solid #DDD;border-radius:5px;text-align:center;vertical-align:middle} .mg_menus li a{display:block;padding:15px 10px} .mg_menus li a:hover{background-color:lightblue;color:#FFF;font-weight:bold} .mg_menus li img{vertical-align:middle} diff --git a/www/css/tajian_index.css b/www/css/tajian_index.css new file mode 100644 index 0000000..2c52532 --- /dev/null +++ b/www/css/tajian_index.css @@ -0,0 +1,370 @@ +html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} +body{margin:0} +article,aside,footer,header,nav,section{display:block} +h1{font-size:2em;margin:0.67em 0} +figcaption,figure,main{display:block} +figure{margin:1em 40px} +hr{box-sizing:content-box;height:0;overflow:visible} +pre{font-family:monospace, monospace;font-size:1em} +a{background-color:transparent;-webkit-text-decoration-skip:objects} +abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted} +b,strong{font-weight:inherit} +b,strong{font-weight:bolder} +code,kbd,samp{font-family:monospace, monospace;font-size:1em} +dfn{font-style:italic} +mark{background-color:#ff0;color:#000} +small{font-size:80%} +sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} +sub{bottom:-0.25em} +sup{top:-0.5em} +audio,video{display:inline-block} +audio:not([controls]){display:none;height:0} +img{border-style:none} +svg:not(:root){overflow:hidden} +button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} +button,input{overflow:visible} +button,select{text-transform:none} +button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} +button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} +button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText} +fieldset{padding:0.35em 0.75em 0.625em} +legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} +progress{display:inline-block;vertical-align:baseline} +textarea{overflow:auto} +[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0} +[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} +[type="search"]{-webkit-appearance:textfield;outline-offset:-2px} +[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none} +::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} +details,menu{display:block} +summary{display:list-item} +canvas{display:inline-block} +template{display:none} +[hidden]{display:none} +html{box-sizing:border-box} +*,*:before,*:after{box-sizing:inherit} +body{background:#fff;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased} +hr{border:0;display:block;height:1px;background:#E3E7EB;background:linear-gradient(to right, rgba(227,231,235,0.1) 0, rgba(227,231,235,0.6) 50%, rgba(227,231,235,0.1) 100%);margin-top:24px;margin-bottom:24px} +ul,ol{margin-top:0;margin-bottom:24px;padding-left:24px} +ul{list-style:disc} +ol{list-style:decimal} +li>ul,li>ol{margin-bottom:0} +dl{margin-top:0;margin-bottom:24px} +dt{font-weight:700} +dd{margin-left:24px;margin-bottom:24px} +img{height:auto;max-width:100%;vertical-align:middle} +figure{margin:24px 0} +figcaption{font-size:16px;line-height:24px;padding:8px 0} +img,svg{display:block} +table{border-collapse:collapse;margin-bottom:24px;width:100%} +tr{border-bottom:1px solid #E3E7EB} +th{text-align:left} +th,td{padding:10px 16px} +th:first-child,td:first-child{padding-left:0} +th:last-child,td:last-child{padding-right:0} +html{font-size:18px;line-height:27px} +@media (min-width: 641px){html{font-size:20px;line-height:30px;letter-spacing:-0.1px} +} +body{color:#5B6F82;font-size:1rem} +body,button,input,select,textarea{font-family:"Lato", sans-serif} +a{color:inherit;text-decoration:underline} +a:hover,a:active{outline:0;text-decoration:none} +h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{clear:both;color:#202B36;font-family:"Roboto", sans-serif;font-weight:500} +h1,.h1{font-size:36px;line-height:46px;letter-spacing:-0.2px} +@media (min-width: 641px){h1,.h1{font-size:42px;line-height:52px;letter-spacing:-0.1px} +} +h2,.h2{font-size:30px;line-height:40px;letter-spacing:-0.1px} +@media (min-width: 641px){h2,.h2{font-size:36px;line-height:46px;letter-spacing:-0.2px} +} +h3,.h3,blockquote{font-size:20px;line-height:30px;letter-spacing:-0.1px} +@media (min-width: 641px){h3,.h3,blockquote{font-size:30px;line-height:40px;letter-spacing:-0.1px} +} +h4,h5,h6,.h4,.h5,.h6{font-size:18px;line-height:27px;letter-spacing:-0.1px} +@media (min-width: 641px){h4,h5,h6,.h4,.h5,.h6{font-size:20px;line-height:30px;letter-spacing:-0.1px} +} +@media (max-width: 640px){.h1-mobile{font-size:36px;line-height:46px;letter-spacing:-0.2px} +.h2-mobile{font-size:30px;line-height:40px;letter-spacing:-0.1px} +.h3-mobile{font-size:20px;line-height:30px;letter-spacing:-0.1px} +.h4-mobile,.h5-mobile,.h6-mobile{font-size:18px;line-height:27px;letter-spacing:-0.1px} +} +.text-light{color:rgba(255,255,255,0.8)} +.text-light a{color:rgba(255,255,255,0.8)} +.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light .h1,.text-light .h2,.text-light .h3,.text-light .h4,.text-light .h5,.text-light .h6{color:#fff !important} +.text-sm{font-size:18px;line-height:27px;letter-spacing:-0.1px} +.text-xs{font-size:16px;line-height:24px;letter-spacing:-0.1px} +h1,h2,.h1,.h2{margin-top:48px;margin-bottom:16px} +h3,.h3{margin-top:36px;margin-bottom:12px} +h4,h5,h6,.h4,.h5,.h6{margin-top:24px;margin-bottom:4px} +p{margin-top:0;margin-bottom:24px} +dfn,cite,em,i{font-style:italic} +blockquote{color:#92A2B1;font-style:italic;margin-top:24px;margin-bottom:24px;margin-left:24px} +blockquote::before{content:"\201C"} +blockquote::after{content:"\201D"} +blockquote p{display:inline} +address{color:#5B6F82;border-width:1px 0;border-style:solid;border-color:#E3E7EB;padding:24px 0;margin:0 0 24px} +pre,pre h1,pre h2,pre h3,pre h4,pre h5,pre h6,pre .h1,pre .h2,pre .h3,pre .h4,pre .h5,pre .h6{font-family:"Courier 10 Pitch", Courier, monospace} +pre,code,kbd,tt,var{background:#F6F8FA} +pre{font-size:16px;line-height:24px;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:24px;margin-top:24px;margin-bottom:24px} +code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:16px;padding:2px 4px} +abbr,acronym{cursor:help} +mark,ins{text-decoration:none} +small{font-size:18px;line-height:27px;letter-spacing:-0.1px} +b,strong{font-weight:700} +button,input,select,textarea,label{font-size:18px;line-height:27px} +.container,.container-sm{width:100%;margin:0 auto;padding-left:16px;padding-right:16px} +@media (min-width: 481px){.container,.container-sm{padding-left:24px;padding-right:24px} +} +.container{max-width:1128px} +.container-sm{max-width:848px} +.container .container-sm{max-width:800px;padding-left:0;padding-right:0} +.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;word-wrap:normal !important} +.screen-reader-text:focus{border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;display:block;font-size:13px;letter-spacing:0px;font-weight:700;line-height:16px;text-transform:uppercase;text-decoration:none;background-color:#fff;color:#4992F0 !important;border:none;height:auto;left:8px;padding:16px 32px;top:8px;width:auto;z-index:100000} +.list-reset{list-style:none;padding:0} +.text-left{text-align:left} +.text-center{text-align:center} +.text-right{text-align:right} +.text-primary{color:#4992F0} +.text-secondary{color:#838DEA} +.has-top-divider{position:relative} +.has-top-divider::before{content:'';position:absolute;top:0;left:0;width:100%;display:block;height:1px;background:#E3E7EB;background:linear-gradient(to right, rgba(227,231,235,0.1) 0, rgba(227,231,235,0.6) 50%, rgba(227,231,235,0.1) 100%)} +.has-bottom-divider{position:relative} +.has-bottom-divider::after{content:'';position:absolute;bottom:0;left:0;width:100%;display:block;height:1px;background:#E3E7EB;background:linear-gradient(to right, rgba(227,231,235,0.1) 0, rgba(227,231,235,0.6) 50%, rgba(227,231,235,0.1) 100%)} +.m-0{margin:0} +.mt-0{margin-top:0} +.mr-0{margin-right:0} +.mb-0{margin-bottom:0} +.ml-0{margin-left:0} +.m-8{margin:8px} +.mt-8{margin-top:8px} +.mr-8{margin-right:8px} +.mb-8{margin-bottom:8px} +.ml-8{margin-left:8px} +.m-16{margin:16px} +.mt-16{margin-top:16px} +.mr-16{margin-right:16px} +.mb-16{margin-bottom:16px} +.ml-16{margin-left:16px} +.m-24{margin:24px} +.mt-24{margin-top:24px} +.mr-24{margin-right:24px} +.mb-24{margin-bottom:24px} +.ml-24{margin-left:24px} +.m-32{margin:32px} +.mt-32{margin-top:32px} +.mr-32{margin-right:32px} +.mb-32{margin-bottom:32px} +.ml-32{margin-left:32px} +.m-40{margin:40px} +.mt-40{margin-top:40px} +.mr-40{margin-right:40px} +.mb-40{margin-bottom:40px} +.ml-40{margin-left:40px} +.m-48{margin:48px} +.mt-48{margin-top:48px} +.mr-48{margin-right:48px} +.mb-48{margin-bottom:48px} +.ml-48{margin-left:48px} +.m-56{margin:56px} +.mt-56{margin-top:56px} +.mr-56{margin-right:56px} +.mb-56{margin-bottom:56px} +.ml-56{margin-left:56px} +.m-64{margin:64px} +.mt-64{margin-top:64px} +.mr-64{margin-right:64px} +.mb-64{margin-bottom:64px} +.ml-64{margin-left:64px} +.p-0{padding:0} +.pt-0{padding-top:0} +.pr-0{padding-right:0} +.pb-0{padding-bottom:0} +.pl-0{padding-left:0} +.p-8{padding:8px} +.pt-8{padding-top:8px} +.pr-8{padding-right:8px} +.pb-8{padding-bottom:8px} +.pl-8{padding-left:8px} +.p-16{padding:16px} +.pt-16{padding-top:16px} +.pr-16{padding-right:16px} +.pb-16{padding-bottom:16px} +.pl-16{padding-left:16px} +.p-24{padding:24px} +.pt-24{padding-top:24px} +.pr-24{padding-right:24px} +.pb-24{padding-bottom:24px} +.pl-24{padding-left:24px} +.p-32{padding:32px} +.pt-32{padding-top:32px} +.pr-32{padding-right:32px} +.pb-32{padding-bottom:32px} +.pl-32{padding-left:32px} +.p-40{padding:40px} +.pt-40{padding-top:40px} +.pr-40{padding-right:40px} +.pb-40{padding-bottom:40px} +.pl-40{padding-left:40px} +.p-48{padding:48px} +.pt-48{padding-top:48px} +.pr-48{padding-right:48px} +.pb-48{padding-bottom:48px} +.pl-48{padding-left:48px} +.p-56{padding:56px} +.pt-56{padding-top:56px} +.pr-56{padding-right:56px} +.pb-56{padding-bottom:56px} +.pl-56{padding-left:56px} +.p-64{padding:64px} +.pt-64{padding-top:64px} +.pr-64{padding-right:64px} +.pb-64{padding-bottom:64px} +.pl-64{padding-left:64px} +.sr .has-animations .is-revealing{visibility:hidden} +.input,.textarea{background-color:#fff;border-width:1px;border-style:solid;border-color:#E3E7EB;color:#5B6F82;max-width:100%;width:100%} +.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:#92A2B1} +.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#92A2B1} +.input::-ms-input-placeholder,.textarea::-ms-input-placeholder{color:#92A2B1} +.input::placeholder,.textarea::placeholder{color:#92A2B1} +.input::-ms-input-placeholder,.textarea::-ms-input-placeholder{color:#92A2B1} +.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#92A2B1} +.input:hover,.textarea:hover{border-color:#d4dae0} +.input:active,.input:focus,.textarea:active,.textarea:focus{outline:none;border-color:#4992F0} +.input[disabled],.textarea[disabled]{cursor:not-allowed;background-color:#F6F8FA;border-color:#F6F8FA} +.input{-moz-appearance:none;-webkit-appearance:none;font-size:16px;letter-spacing:-0.1px;line-height:20px;border-radius:2px;padding:13px 16px;height:48px;box-shadow:none} +.input .inline-input{display:inline;width:auto} +.textarea{display:block;min-width:100%;resize:vertical} +.textarea .inline-textarea{display:inline;width:auto} +.field-grouped>.control:not(:last-child){margin-bottom:8px} +@media (min-width: 641px){.field-grouped{display:flex} +.field-grouped>.control{flex-shrink:0} +.field-grouped>.control.control-expanded{flex-grow:1;flex-shrink:1} +.field-grouped>.control:not(:last-child){margin-bottom:0;margin-right:8px} +} +.button{display:inline-flex;font-size:13px;letter-spacing:0px;font-weight:700;line-height:16px;text-transform:uppercase;text-decoration:none !important;background-color:#fff;color:#4992F0 !important;border:none;border-radius:2px;cursor:pointer;justify-content:center;padding:16px 32px;height:48px;text-align:center;white-space:nowrap} +.button:active{outline:0} +.button::before{border-radius:2px} +.button-shadow{position:relative} +.button-shadow::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 8px 24px rgba(32,43,54,0.12);mix-blend-mode:multiply;transition:box-shadow .15s ease} +.button-shadow:hover::before{box-shadow:0 8px 24px rgba(32,43,54,0.25)} +.button-sm{padding:8px 24px;height:32px} +.button-sm.button-shadow::before{box-shadow:0 4px 16px rgba(32,43,54,0.12)} +.button-sm.button-shadow:hover::before{box-shadow:0 4px 16px rgba(32,43,54,0.25)} +.button-primary{color:#fff !important;transition:background .15s ease} +.button-primary{background:#2e83ef;background:linear-gradient(65deg, #1274ED 0, #4992F0 100%)} +.button-primary:hover{background:#3386ef;background:linear-gradient(65deg, #1777ed 0, #4e95f0 100%)} +.button-block{display:flex} +.site-header{position:relative;padding:24px 0} +.site-header::before{content:'';position:absolute;top:0;left:16%;width:84%;height:500px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4MCIgaGVpZ2h0PSI2NTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik03MzEuMjA3IDY0OS44MDJDOTM1LjQ4NCA2NDIuMTQgMTQ4MCAzMzcuMzI1IDE0ODAgMTgwLjg4OGMwLTE1Ni40MzgtMzA5Ljc0NC0zNi4wNTUtNzIwLTM2LjA1NVMwLTE3NC40ODMgMCAxMzUuMTQ0YzAgMzA5LjYyNyA1MjYuOTMgNTIyLjMyIDczMS4yMDcgNTE0LjY1OHoiIGZpbGw9IiNGNkY4RkEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);background-size:1140px 500px;background-repeat:no-repeat} +.site-header-inner{position:relative;display:flex;justify-content:space-between;align-items:center} +.header-links{display:inline-flex} +.header-links li{display:inline-flex} +.header-links a:not(.button){font-size:13px;line-height:18px;letter-spacing:0px;font-weight:700;color:#5B6F82;text-transform:uppercase;text-decoration:none;line-height:16px;padding:8px 24px} +.header-links a:not(.button):hover,.header-links a:not(.button):active{color:#202B36} +@media (min-width: 641px){.site-header{position:relative;padding:24px 0} +.site-header::before{top:-50%;left:20%;width:80%;height:651px;background-size:1480px 651px} +} +.hero{position:relative;padding-top:40px;padding-bottom:40px} +.hero-paragraph{margin-bottom:32px} +.hero-browser{position:relative;margin-top:80px} +.hero-browser-inner{position:relative} +.hero-browser-inner svg{width:100%;height:auto;overflow:visible} +.bubble-1,.bubble-2,.bubble-3,.bubble-4{position:absolute} +.bubble-1 svg,.bubble-2 svg,.bubble-3 svg,.bubble-4 svg{height:auto} +.bubble-1{top:-15px;left:70px} +.bubble-1 svg{width:34px} +.bubble-2{bottom:0;right:-30px} +.bubble-2 svg{width:78px} +.bubble-3{left:-40px;bottom:-40px} +.bubble-3 svg{width:143px} +.bubble-4{top:-25px;right:-54px} +.bubble-4 svg{width:104px} +@media (min-width: 641px){.hero{padding-top:80px;padding-bottom:120px} +.hero-paragraph{margin-bottom:40px;padding-left:72px;padding-right:72px} +.bubble-1 svg,.bubble-2 svg,.bubble-3 svg,.bubble-4 svg{width:auto} +.bubble-1{top:85px;left:-30px} +.bubble-2{bottom:-8px;right:-75px} +.bubble-3{left:-140px;bottom:-120px} +.bubble-4{top:-35px;right:-110px} +} +.features{position:relative} +.features::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:482px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwNSIgaGVpZ2h0PSI0ODIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8cGF0aCBkPSJNODQuMjEyIDQ4MUMzMy4xNTIgNDQ3LjQ3IDAgNDA3Ljg4MSAwIDM2Mi43NDMgMCAyMDQuNTA1IDQ3OC42NzQgMCA2MzYuODQ3IDBjMTU4LjE3NCAwIDMzLjQzNCAxNzIuNzQxIDMzLjQzNCAzMzAuOTggMCA1NS43ODIgNi42NDYgMTA3LjAzNSA4LjMyMyAxNTAuMDJIODQuMjEyeiIgZmlsbD0iI0Y2RjhGQSIvPiAgICA8cGF0aCBkPSJNMTEwNC44MTcgNDgxLjI0MmwtODYxLjQ4NS0uMTdDMjExLjM4MiA0NTMuMjc4IDE5MiA0MjIuMDEzIDE5MiAzODcuNTA0IDE5MiAyMjkuMjggNDc3Ljc5MSA0IDYzNS45NyA0IDc5NC4xNDcgNCAxMjA1IDE0OS4zNTggMTIwNSAzMDcuNTgxYzAgNTkuNDQ1LTQwLjgyMyAxMjAuNTQzLTEwMC4xODMgMTczLjY2MXoiIGZpbGwtb3BhY2l0eT0iLjUiIGZpbGw9IiNGRkYiLz4gIDwvZz48L3N2Zz4=);background-size:1205px 482px;background-repeat:no-repeat} +.features-wrap{display:flex;flex-wrap:wrap;justify-content:center;margin-right:-12px;margin-left:-12px} +.features-wrap:first-child{margin-top:-8px} +.features-wrap:last-child{margin-bottom:-8px} +.feature{padding:8px 12px;width:368px;max-width:344px;flex-grow:1} +.feature-inner{height:100%} +.feature-icon{position:relative;display:flex;justify-content:center;background:#fff;border-radius:50%} +.feature-icon::before{content:'';position:absolute;top:0;width:80px;height:80px;border-radius:50%;box-shadow:0 16px 48px #E3E7EB;mix-blend-mode:multiply} +@supports (-ms-ime-align: auto){.feature-icon::before{box-shadow:0 16px 48px rgba(32,43,54,0.12)} +} +.feature-title{margin-top:20px} +@media (min-width: 641px){.features::before{left:55%;width:45%} +.features-wrap:first-child{margin-top:-32px} +.features-wrap:last-child{margin-bottom:-32px} +.feature{padding:32px 12px} +.feature-title{margin-top:16px} +} +.newsletter .section-inner{padding-bottom:64px} +.newsletter .section-paragraph{margin-bottom:32px} +.newsletter-form{max-width:475px;margin:0 auto} +@media (min-width: 641px){.newsletter .section-inner{padding-bottom:120px} +.newsletter .section-paragraph{margin-bottom:40px;padding-left:72px;padding-right:72px} +} +.is-boxed{background:#F6F8FA} +.body-wrap{background:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:100vh} +.boxed-container{max-width:1440px;margin:0 auto;box-shadow:0 16px 48px #E3E7EB} +@supports (-ms-ime-align: auto){.boxed-container{box-shadow:0 16px 48px rgba(32,43,54,0.12)} +} +main{flex:1 0 auto} +.section-inner{position:relative;padding-top:48px;padding-bottom:48px} +@media (min-width: 641px){.section-inner{padding-top:80px;padding-bottom:80px} +} +.site-footer{position:relative;font-size:14px;line-height:20px;letter-spacing:0px} +.site-footer::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:259px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIyMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgPGRlZnM+ICAgIDxwYXRoIGQ9Ik0yNjEuNyAyODYuNjgyYzQyMS40NzcgMCAxNDg4Ljk3NyAxNzYuMDc4IDE0ODguOTc3IDM5LjIzNHM0NzguNzU0LTI0OC4wNDMgNTcuMjc4LTI0OC4wNDNjLTE5OC43NDYgMC00NjguNTY2IDMuNTU1LTcxOS45NTctMTEuMjNDODA2LjI3MSA1MC4wNzYgNTQxLjkgMjcuMjI3IDM0NC45NzcgNTIuNDM4LTI3LjY2NSAxMDAuMTQ1LTE1OS43NzYgMjg2LjY4MyAyNjEuNyAyODYuNjgzeiIgaWQ9ImEiLz4gIDwvZGVmcz4gIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODUgLTQxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4gICAgPC9tYXNrPiAgICA8dXNlIGZpbGw9IiM4MzhERUEiIHhsaW5rOmhyZWY9IiNhIi8+ICAgIDxwYXRoIGQ9Ik0yNDAuNzI3IDMyNi4zOTVjNDIxLjQ3NiAwIDk3Mi43NDQgMTc5Ljc4NyA5NzIuNzQ0IDQyLjk0M3MxMjkuMjg2LTE3NS43NDgtMjkyLjE5LTE3NS43NDgtMjU2LjMxNC0yMjYuNDk0LTI1Ni4zMTQtODkuNjVjMCAxMzYuODQzLTg0NS43MTcgMjIyLjQ1NS00MjQuMjQgMjIyLjQ1NXoiIGZpbGw9IiNBMEE2RUUiIG1hc2s9InVybCgjYikiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDEzNTUuMTYyIDApIi8+ICAgIDxwYXRoIGQ9Ik00NDUuNyAzODcuNjgyYzQyMS40NzcgMCA5NzIuNzQ1IDE3OS43ODcgOTcyLjc0NSA0Mi45NDNzNTc5Ljk0MS0yNTUuMjQ2IDE1OC40NjUtMjU1LjI0Ni03MDYuOTY5LTE0Ni45OTYtNzA2Ljk2OS0xMC4xNTJjMCAxMzYuODQzLTg0NS43MTcgMjIyLjQ1NS00MjQuMjQgMjIyLjQ1NXoiIGZpbGw9IiM2MjZDRDUiIG1hc2s9InVybCgjYikiLz4gIDwvZz48L3N2Zz4=);background-size:1440px 259px;background-repeat:no-repeat} +.site-footer a{color:rgba(255,255,255,0.8);text-decoration:none} +.site-footer a:hover,.site-footer a:active{color:#fff;text-decoration:underline} +.site-footer-inner{position:relative;display:flex;flex-wrap:wrap;padding-top:40px;padding-bottom:40px} +.footer-brand,.footer-links,.footer-social-links,.footer-copyright{flex:none;width:100%;display:inline-flex;justify-content:center} +.footer-brand,.footer-links,.footer-social-links{margin-bottom:24px} +.footer-links li+li,.footer-social-links li+li{margin-left:16px} +.footer-social-links li{display:inline-flex} +.footer-social-links li a{padding:8px} +@media (min-width: 641px){ +.site-footer::before{height:202px} +.site-footer-inner{justify-content:space-between} +.footer-brand,.footer-links,.footer-social-links,.footer-copyright{flex:50%} +.footer-brand,.footer-copyright{justify-content:flex-start} +.footer-links,.footer-social-links{justify-content:flex-end} +.footer-links{order:1;margin-bottom:0} +} + +.logo{line-height:1em;font-size:24px} +.log_tn{font-size:14px;text-decoration:none} +.log_tn span{ + font-family: Brush Script MT; + color: #181818; + font-size: 24px; + text-shadow: 1px 1px 0 rgb(122 122 122), + 1px 1px 5px rgb(183 183 183 / 80%); + margin-top:3px; +} +.site-footer .log_tn span{color:#FFF} +.connect_me_tn{display:block;text-decoration:none;padding:4px 10px} +.btn_icon{height:24px !important;margin-top:-4px;margin-right:3px} +.pfav{position:absolute;top:25%;width:25%;left:10px} +.pfav a{text-decoration:none} +.pfav h4{color:#666} +.pfav-item-2{left:19%} +.pfav-item-3{left:38%} +.pfav-item-4{left:55%} +.stats{padding:10px 10px 4px 10px} +.stats .col{display:inline-block;padding:13px 4px;width:30%;max-width:128px;background:#444;color:#FFF;margin-right:4px;margin-bottom:6px;text-align:center} +.stats .col strong{font-size:28px} +.stats .col label{display:block;font-size:15px} +.stats .info{background-color:darkblue} +.stats .success{background-color:green} +.stats .warning{background-color:orange;color:#444} +.stats .danger{background-color:red} +@media (max-width:640px){ +.pfav{display:none} +}