Skip to content

T
three.js

Ablesons / three.js
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

体验新版 GitCode，发现更多精彩内容 >>

提交 7fd212dc 编写于 作者: M Mr.doob
浏览文件
操作

CSS tweaks and added Submit link.

上级 e6b5b2bb
隐藏空白更改
内联 并排
Showing with 30 addition and 11 deletion
index.html
浏览文件 @ 7fd212dc
...@@ -97,15 +97,14 @@ ...@@ -97,15 +97,14 @@
position: absolute; position: absolute;
left: 180px; left: 180px;
top: 0px; top: 0px;
padding: 28px 20px; margin: 28px 20px;
} }
#viewer img { #viewer img {
width: 200px;
height: 150px;
display: block; display: block;
width: 50%;
height: auto;
float: left; float: left;
transition: opacity 0.2s;
} }
#viewer img:hover { #viewer img:hover {
...@@ -146,7 +145,6 @@ ...@@ -146,7 +145,6 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
h2{ h2{
margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
#panel{ #panel{
...@@ -174,11 +172,6 @@ ...@@ -174,11 +172,6 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: 56px; top: 56px;
width: 100%;
}
#viewer img {
width: 33.33%;
height: auto;
} }
#expandButton{ #expandButton{
display: block; display: block;
...@@ -188,6 +181,32 @@ ...@@ -188,6 +181,32 @@
} }
} }
/* grid */
@media all and ( min-width: 420px ) {
#viewer img {
width: 33.33%;
}
}
@media all and ( min-width: 840px ) {
#viewer img {
width: 25%;
}
}
@media all and ( min-width: 1100px ) {
#viewer img {
width: 20%;
}
}
@media all and ( min-width: 1250px ) {
#viewer img {
width: 16.66%;
}
}
</style> </style>
</head> </head>
<body> <body>
...@@ -224,7 +243,6 @@ ...@@ -224,7 +243,6 @@
<a href="docs/index.html#Manual/Introduction/Creating_a_scene">getting started</a><br /> <a href="docs/index.html#Manual/Introduction/Creating_a_scene">getting started</a><br />
<a href="docs/">documentation</a><br /> <a href="docs/">documentation</a><br />
<a href="https://plus.google.com/104300307601542851567" rel="publisher">google+</a><br />
<a href="http://webchat.freenode.net/?channels=three.js">chat</a><br /> <a href="http://webchat.freenode.net/?channels=three.js">chat</a><br />
<a href="http://stackoverflow.com/questions/tagged/three.js">help</a><br /><br /> <a href="http://stackoverflow.com/questions/tagged/three.js">help</a><br /><br />
...@@ -274,6 +292,7 @@ ...@@ -274,6 +292,7 @@
<div id="viewer"> <div id="viewer">
<h2>featured projects</h2> <h2>featured projects</h2>
<a href="https://plus.google.com/+ThreejsOrg" style="position:absolute;top:4px;right:0px;">submit project</a>
<a href="http://a-way-to-go.com/" target="_blank"><img src="files/projects/waytogo.png"></a> <a href="http://a-way-to-go.com/" target="_blank"><img src="files/projects/waytogo.png"></a>
<a href="http://www.urbangalaxyonline.com/" target="_blank"><img src="files/projects/urbangalaxyonline.jpg"></a> <a href="http://www.urbangalaxyonline.com/" target="_blank"><img src="files/projects/urbangalaxyonline.jpg"></a>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或