Головна сторінка Огляд Довідка
Увійти
cdelorme
/
caseydelorme.com
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

updated template and css

Casey DeLorme 10 роки тому
батько
6aa57f3a30
коміт
641e47bd56
2 змінених файлів з 71 додано та 43 видалено
Об'єднаний вигляд Показати статистику Diff
  1. 70 39
      public/css/main.css
  2. 1 4
      template.tmpl

+ 70 - 39
public/css/main.css
Переглянути файл 

@@ -47,12 +47,72 @@ table {
 
     border-spacing: 0;
 
     border-spacing: 0;
 
 }
 
 }
 
 
 
+/* default styles */
 
+h1, h2 {
 
+    font-weight: bolder;
 
+}
 
+h3, h4 {
 
+    font-weight: bold;
 
+}
 
+h1 {
 
+    font-size: 250%;
 
+}
 
+h2 {
 
+    font-size: 200%;
 
+}
 
+h3 {
 
+    font-size: 150%;
 
+}
 
 
 
-/* clearfix */
 
-.group:after {
 
-    content: "";
 
-    display: table;
 
-    clear: both;
 
+/* default sizes */
 
+header, .content, footer {
 
+    width: 80%;
 
+    margin: 20px auto;
 
+}
 
+
 
+/* header & navigation */
 
+header>a {
 
+    color: #000;
 
+    text-decoration: none;
 
+}
 
+nav li {
 
+    display: inline;
 
+    padding: 0 15px;
 
+}
 
+
 
+/* content styles */
 
+.content h2, .content h3, .content h4 {
 
+    text-decoration: underline;
 
+}
 
+
 
+/* footer styles */
 
+footer {
 
+    text-align: center;
 
+}
 
+footer .link {
 
+    display: inline-block;
 
+    width: 29px;
 
+    height: 29px;
 
+    padding: 0px 8px;
 
+    overflow: hidden;
 
+    background-repeat: no-repeat;
 
+}
 
+footer .facebook {
 
+    background-image: url('/images/facebook.png');
 
+}
 
+footer .linkedin {
 
+    background-image: url('/images/linkedin2.png');
 
+    width: 41px;
 
+}
 
+footer .youtube {
 
+    background-image: url('/images/youtube2.png');
 
+    width: 34px;
 
+}
 
+footer .github {
 
+    background-image: url('/images/github.png');
 
+}
 
+footer .skype {
 
+    background-image: url('/images/skype.png');
 
 }
 
 }
 
 
 
 
 
@@ -217,38 +277,9 @@ table {
 
     opacity: 0.5;
 
     opacity: 0.5;
 
 }
 
 }
 
 
 
-/* default sizes */
 
-header, .content, footer {
 
-    width: 80%;
 
-    margin: 0px auto;
 
-}
 
-
 
-/* footer */
 
-footer {
 
-    text-align: center;
 
-}
 
-footer .link {
 
-    display: inline-block;
 
-    width: 29px;
 
-    height: 29px;
 
-    padding: 0px 8px;
 
-    overflow: hidden;
 
-    background-repeat: no-repeat;
 
-}
 
-footer .facebook {
 
-    background-image: url('/images/facebook.png');
 
-}
 
-footer .linkedin {
 
-    background-image: url('/images/linkedin2.png');
 
-    width: 41px;
 
-}
 
-footer .youtube {
 
-    background-image: url('/images/youtube2.png');
 
-    width: 34px;
 
-}
 
-footer .github {
 
-    background-image: url('/images/github.png');
 
-}
 
-footer .skype {
 
-    background-image: url('/images/skype.png');
 
+/* clearfix */
 
+.group:after {
 
+    content: "";
 
+    display: table;
 
+    clear: both;
 
 }
 
 }

+ 1 - 4
template.tmpl
Переглянути файл 

@@ -1,14 +1,11 @@
 
 <!doctype html>
 
 <!doctype html>
 
 <html lang="en">
 
 <html lang="en">
 
-    <head>
 
-        {{/* depth stored for access inside navigation loop */}}
 
-        {{$depth := .Depth}}
 
+    <head>{{/* depth stored for access inside navigation loop */}}{{$depth := .Depth}}
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
 
         <title>{{if .Name}}{{.Name}} | {{end}}Casey DeLorme's Portfolio / caseydelorme.com</title>
 
         <title>{{if .Name}}{{.Name}} | {{end}}Casey DeLorme's Portfolio / caseydelorme.com</title>
 
         <link rel="stylesheet" type="text/css" href="{{$depth}}/css/main.css#{{.Version}}">
 
         <link rel="stylesheet" type="text/css" href="{{$depth}}/css/main.css#{{.Version}}">
 
     </head>
 
     </head>
 
     <body>
 
     <body>
 
-
 
         <header>
 
         <header>
 
             <a href='/'><h1>Casey DeLorme</h1></a>
 
             <a href='/'><h1>Casey DeLorme</h1></a>
 
             {{if .Nav}}
 
             {{if .Nav}}