Skip to content

Instantly share code, notes, and snippets.

@xja

xja/dabblet.css

Last active August 29, 2015 14:10
Show Gist options
  • Save xja/97b30c170fb85bcdbe59 to your computer and use it in GitHub Desktop.
Save xja/97b30c170fb85bcdbe59 to your computer and use it in GitHub Desktop.
Download ZIP
Baidu V2 2014-12-06
Raw
dabblet.css
/**
* Baidu V2 2014-12-06
*/
@import url("http://necolas.github.io/normalize.css/3.0.2/normalize.css")
li{list-style:none;}
input{padding:0;border:none;}
p{margin:0;}
.bold{font-weight:bold;}
.header{font-family:arial;font-size:13px;position:relative;}
.header ul{position:absolute;right:10px;}
.header li{display:inline-block;margin-left:20px;
line-height:23px;padding:0 2px;}
li a{color:#333;}
.moreProducts{background:#38f;color:white;}
.main{text-align:center;margin-bottom:250px;}
.mainForm{margin-top:22px;}
.searchBox{width:539px;height:34px;border: solid 1px #b6b6b6;vertical-align: top;}
.searchBtn{color:white;height:36px;background:#3385ff;
border-bottom:1px solid #2d78f4;width:100px;vertical-align: top;}
.footer{text-align:center;height:100px;}
.footer p{font-size:12px;}
.p1{line-height:14px;margin:16px 0 5px;}
.p1 a{margin:0 10px;}
.p2{color:#666;line-height:14px;margin-top:6px;}
.p2 a{color:#666;}
.iconCK{display:inline-block;width:14px;height:17px;
background:url(http://s1.bdstatic.com/r/www/cache/static/global/img/icons_3bfb8e45.png) -600px -96px;}
Raw
dabblet.html
<!doctype html>
<html>
<head>
<title>百度一下，你就知道</title>
<meta charset="utf-8">
<!-- for 360 browser only,force to use webkit while browsing this page -->
<meta name="renderer" content="webkit">
<!-- download the latest version of normalize.css,visit http://necolas.github.io/normalize.css/ -->
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.2/normalize.css">
<script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
<script>
$(document).ready(function(){
$("img").attr("width","980");
});
</script>
</head>
<body>
<div class="header">
<ul>
<li class="bold"><a href="#">新闻</a></li>
<li class="bold"><a href="#">hao123</a></li>
<li class="bold"><a href="#">地图</a></li>
<li class="bold"><a href="#">视频</a></li>
<li class="bold"><a href="#">贴吧</a></li>
<li><a href="#">登录</a></li>
<li><a href="#">设置</a></li>
<li class="moreProducts">更多产品</li>
</ul>
</div>
<div class="main">
<img src="//www.baidu.com/img/bd_logo1.png" width="270" height="129">
<form id="form" name="form" class="mainForm">
<input type="text" name="search" class="searchBox"
><input type="submit" value="百度一下" class="searchBtn">
</form>
</div>
<div class="footer">
<p class="p1">
<a href="#">把百度设为主页</a>
<a href="#">关于百度</a>
<a href="#">About Baidu</a>
</p>
<p class="p2">
©2014&nbsp;Baidu&nbsp;<a href="#">使用百度前必读</a>&nbsp;京ICP证030173号
<a class="iconCK"></a>
</p>
</div>
</body>
</html>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment