Commit a400d4da by cy

添加人员

parent 256b4b16
# SGOOL网页主题
这是一个hexo主题问题,为了能够方便从md文件生成新闻公告和各种其他的网页,故使用[hexo](http://hexo.io)来对md进行渲染,我将网站做成了hexo主题
这是一个hexo主题文件,为了能够方便从md文件生成新闻公告和各种其他的网页,故使用[hexo](https://hexo.io/zh-cn/)来对md进行渲染,我将网站做成了hexo主题
## 使用方法
1. 在自己的电脑上,安装hexo,新建一个,hexo项目,并下载这个github中的文件,放置到项目的theme文件下下面,将项目的 _config.yml中部署的设置修改成我们的服务地址,以方便部署
......
......@@ -115,11 +115,19 @@ $(document).ready(function() {
<div class="slider">
<div class="row" style="width: 100%;">
<div class="slider_left col-lg-6">
<img src="images/biglogo.png" />
<div class="left_content">
<div class="col-lg-6">
<img src="images/biglogo.png" />
</div>
<div class="col-lg-6">
<h2 class="slider_title">高性能计算平台</h2>
<p class="slider_text">总而言之,高效地为您计算各种电力系统服务算例</p>
</div>
</div>
</div>
<div class="slider_right col-lg-6">
<h2 class="slider_title">高性能计算平台</h2>
<p class="slider_text">总而言之,高效地为您计算各种电力系统服务算例</p>
</div>
</div>
</div>
......
......@@ -980,6 +980,7 @@ h6 {
.student img{
width: 150px;
height: 150px;
border-radius:100px;
}
......
......@@ -26,13 +26,14 @@
}
.article-title{
display: inline-block;
margin-top: 5px;
vertical-align:middle;
/*padding-right:10px;*/
width: 100%;
}
.article-title a{
margin-top: 20px;
margin-bottom: 5px;
float: left;
font-size:1.75em;
font-weight: 400;
......@@ -40,6 +41,7 @@
}
.article-title p{
float:right;
font-size:1.15em;
}
......@@ -47,5 +49,10 @@
.article-content{
width: 100%;
color: #666666;
font-size:1.15em;
font-size:1.05em;
}
.article-content p{
margin-top: 5px;
margin-bottom: 10px;
}
\ No newline at end of file
......@@ -138,7 +138,7 @@
/***** Ruby *****/
/*---------------*/
figure.effect-ruby2 {
.service_grid figure.effect-ruby2 {
background-color: #000;
}
......@@ -149,21 +149,21 @@ figure.effect-ruby2 {
margin-bottom: 40px;
}
figure.effect-ruby2 img {
.service_grid figure.effect-ruby2 img {
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.0);
transform: scale(1.0);
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
figure.effect-ruby2:hover img {
.service_grid figure.effect-ruby2:hover img {
opacity: 0.5;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-ruby2 h2 {
.service_grid figure.effect-ruby2 h2 {
margin-top: 5%;
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
......@@ -173,15 +173,15 @@ figure.effect-ruby2 h2 {
}
figure.effect-ruby2:hover h2 {
-webkit-transform: translate3d(0,-130px,0);
transform: translate3d(0,-130px,0);
.service_grid figure.effect-ruby2:hover h2 {
-webkit-transform: translate3d(0,-180px,0);
transform: translate3d(0,-180px,0);
}
figure.effect-ruby2 h3 {
.service_grid figure.effect-ruby2 h3 {
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
......@@ -191,13 +191,13 @@ figure.effect-ruby2 h3 {
}
figure.effect-ruby2:hover h3 {
.service_grid figure.effect-ruby2:hover h3 {
-webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0);
}
figure.effect-ruby2 h4 {
.service_grid figure.effect-ruby2 h4 {
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
......@@ -207,12 +207,12 @@ figure.effect-ruby2 h4 {
}
figure.effect-ruby2:hover h4 {
.service_grid figure.effect-ruby2:hover h4 {
-webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0);
}
figure.effect-ruby2 p {
.service_grid figure.effect-ruby2 p {
margin: 40px 0 80px 0;
opacity: 0;
......@@ -224,15 +224,15 @@ figure.effect-ruby2 p {
figure.effect-ruby2:hover p {
.service_grid figure.effect-ruby2:hover p {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0) scale(1);
transform: translate3d(0,-20px,0) scale(1);
}
.plink{
.service_grid .plink{
margin: 30px;
font-size: 18px;
padding: 5px 20px 5px 20px;
border: 1px solid #ffffff;
border-radius: 3px;
......
.slider {
width: 100%;
background-color: #187cc2;
background-image: url("../images/campus2.jpg");
}
.slider .row{
margin: 0;
}
.slider_left img{
.slider .left_content {
margin-top: 150px;
}
.slider .slider_right {
height: 500px;
margin-top: 50px;
margin-bottom: 50px;
margin-left: 20%;
padding: 0px;
background-image: url("../images/campus2.jpg");
}
.slider .slider_left img{
height: 200px;
margin-left: 100px;
}
.slider h2{
margin-top: 40px;
color: #fff;
font-size: 30px;
margin-bottom: 20px;
}
.slider p{
color: #fff;
margin-bottom: 25px;
}
.slider a{
font-size: 18px;
border-radius: 3px;
border: 1px solid #fff;
color: #fff;
padding: 3px;
}
.slider .col-lg-6{
padding: 0;
}
\ No newline at end of file

562 KB | W: | H:

360 KB | W: | H:

source/images/campus2.jpg
source/images/campus2.jpg
source/images/campus2.jpg
source/images/campus2.jpg
  • 2-up
  • Swipe
  • Onion skin
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论