Browse Source

css update

master
filesite 2 years ago
parent
commit
ae05de4433
  1. 58
      index.html

58
index.html

@ -6,39 +6,43 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<style> <style>
html{background: url('himalaya_bg_small.jpeg') repeat-x top center;min-height: 722px;background-color: #224b6f;color: #444} html{background:url('himalaya_bg_small.jpeg') repeat-x top center;min-height:722px;background-color:#224b6f;color:#444}
body,*{margin: 0;padding: 0} body,*{margin:0;padding:0}
strong{font-size: 120%;} strong{font-size:120%}
body{max-width:68%;margin: 10px auto 30px auto;opacity: 0.8;padding: 10px;border-radius: 8px;line-height: 1.618;} body{max-width:68%;margin:10px auto 30px auto;opacity:0.8;padding:10px;border-radius:8px;line-height:1.618}
h1{color: #FFF;margin: 1.6em 0} h1{color:#FFF;margin:1.6em 0}
h2{margin-top: 1.8em;margin-bottom: 0.3em;color: darkblue;} h2{margin-top:1.8em;margin-bottom:0.3em;color:darkblue}
li{margin-left: 1em} li{margin-left:1em}
.mod{background-color: #FFF;padding: 10px;border-radius: 5px;box-shadow: 3px 4px #89c3f0;} .head{float:left}
.core{font-size: 120%;box-shadow: 3px 4px #3c9fe2;color: #333} .logo{background-color:#FFF;border-radius:6px}
.white{color: #FFF} .mod{background-color:#FFF;padding:10px;border-radius:5px;box-shadow:3px 4px #89c3f0}
.qr{border-radius: 5px;} .core{font-size:120%;box-shadow:3px 4px #3c9fe2;color:#333}
.float-right{float: right;margin-left: 10px} .white{color:#FFF}
.float-left{float: left;margin-right: 10px} .qr{border-radius:5px}
.clearfix::after {display: block;content: "";clear: both;} .float-right{float:right;margin-left:10px}
.video{width: 56%} .float-left{float:left;margin-right:10px}
.media{width: 48%;} .clearfix::after{display:block;content:"";clear:both}
.icons svg{width: 80px;height: 80px;margin: 4px} .video{width:56%}
@media only screen and (max-width: 768px) { .media{width:48%}
body{max-width: 90%;} .icons svg{width:80px;height:80px;margin:4px}
h1 small{display: block;} @media only screen and (max-width:768px){
.video,.media{width: 100%;float: none;margin: 0} body{max-width:90%}
.icons svg{width: 60px;height: 60px;} h1 small{display:block}
.video,.media{width:100%;float:none;margin:0}
.icons svg{width:60px;height:60px}
.head{float:none;text-align:center}
.logo{width:80px}
} }
@media only screen and (max-width: 480px) { @media only screen and (max-width:480px){
.mob-white{color: #FFF} .mob-white{color:#FFF}
.hidden-xs{display: none;} .hidden-xs{display:none}
} }
</style> </style>
</head> </head>
<body> <body>
<div class="head"> <div class="head">
<img src="logo_jialuoma.png" alt="嘉洛马,一个2022年10月份成立,专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120"> <img src="logo_jialuoma.png" alt="嘉洛马,一个2022年10月份成立,专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120" class="logo">
</div> </div>
<div class="mod core clearfix"> <div class="mod core clearfix">
@ -141,7 +145,7 @@ li{margin-left: 1em}
<p class="white">合作也讲究缘分,在对的时间、对的地点,遇到对的你,也就水到渠成了。</p> <p class="white">合作也讲究缘分,在对的时间、对的地点,遇到对的你,也就水到渠成了。</p>
<script> <script>
(function() { (function(){
var phone = ['MTMx', 'Njg' ,'5NDY', '4NDc'].join(''); var phone = ['MTMx', 'Njg' ,'5NDY', '4NDc'].join('');
document.getElementById('phone').innerText = atob(phone); document.getElementById('phone').innerText = atob(phone);
})(); })();

Loading…
Cancel
Save