陳沛鴻 Home1 templatemo 378 dragonfly templatemo style1

From 2014hs.igem.org

(Difference between revisions)
Line 64: Line 64:
#templatemo_wrapper {
#templatemo_wrapper {
-
width: 800px;
+
width: 802px;
margin: 0 auto;
margin: 0 auto;
position: relative;
position: relative;
Line 93: Line 93:
#templatemo_footer_wrapper  {
#templatemo_footer_wrapper  {
-
width: 802px;
+
width: 100%;
background: url(images/templatemo_footer.png) center top no-repeat
background: url(images/templatemo_footer.png) center top no-repeat
}
}

Revision as of 09:54, 5 May 2014

/* Credit: http://www.templatemo.com */

body{ margin: 0; padding: 0; color: #ddd; font-size: 13px; line-height: 1.6em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #262626; }

a, a:link, a:visited { color: #99CC99; font-weight: normal; text-decoration: none } a:hover { color: #FF6600; text-decoration: none; }

ul, li { padding:0; margin:0; list-style:none; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: normal; } h1 { font-size: 36px; margin: 0 0 30px; padding: 5px 0 } h2 { font-size: 24px; margin: 0 0 25px; padding: 5px 0 } h3 { font-size: 20px; margin: 0 0 20px; padding: 0; } h4 { font-size: 16px; margin: 0 0 15px; padding: 0; } h5 { font-size: 14px; margin: 0 0 10px; padding: 0; } h6 { font-size: 12px; margin: 0 0 5px; padding: 0; font-weight: 700 }

p { padding: 0; margin: 0 0 15px 0; }

.clear{ clear:left; }

blockquote.testimonial_block { margin: 0; background: url(images/comment.png) left top no-repeat; padding-left: 80px } cite { font-weight: bold; color:#fff; } cite a, cite a:link, cite a:visited { font-size: 12px; text-decoration: none; font-style: normal } cite span { font-weight: 400; color: #ccc; }


.list_bullet { margin: 10px 0 10px 15px; padding: 0; list-style: none } .list_bullet li { color:#fff; margin: 0 0 7px 0; padding: 0 0 0 20px; background: url(%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_list.png) no-repeat scroll 0 6px } .list_bullet li a { color: #fff; font-weight: normal; text-decoration: none } .list_bullet li a:hover { color: #fff }

.no_bullet { margin: 0; padding: 0; list-style: none } .no_bullet li { margin: 0 0 20px 0; padding: 0 } a.header { display: block; font-weight: 700 }

.half { width: 250px }

.h20 { height: 20px } .h40 { height: 40px }

img { margin: 0; padding: 0; border: none } .img_border { padding: 7px; border: 1px solid #3b3b3b; background: #141414; } .img_nom { display: inline-block; margin-bottom: 15px } .img_fl { float: left; margin: 3px 25px 5px 0 } .img_fr { float: right; margin: 3px 0 5px 25px }

.left { float: left } .right { float: right }

  1. templatemo_wrapper {

width: 802px; margin: 0 auto; position: relative; }

  1. templatemo_header {

position: absolute; width: 120px; height: 500px; top: 20px; left: 20px; padding: 40px 20px 20px; z-index: 1000; text-align: right; color: #000; font-size: 11px; background: url(%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_header.png) }

  1. templatemo_main {

width: 800px; height: 600px; overflow: hidden; margin: 0 auto; border: 1px solid #131313; border-top: none; }

  1. templatemo_footer_wrapper {

width: 100%; background: url(images/templatemo_footer.png) center top no-repeat }

  1. templatemo_footer {

width: 780px; margin: 0 auto; padding: 20px 20px; text-align: right }

  1. site_title {

display: block; width: 120px; height: 60px; margin-bottom: 70px; border-bottom: 1px dashed #666; text-indent: -10000px }

  1. site_title a {

display: block; width: 120px; height: 60px; background: url(%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_logo.png) no-repeat center top; text-indent: -10000px }

  1. templatemo_header .nav_menu {

width: 120px; margin: 0 0 80px 0; padding: 0; list-style: none }

  1. templatemo_header .nav_menu li {

margin: 0; padding: 0; list-style: none }

  1. templatemo_header .nav_menu li a {

display: block; line-height: 28px; color: #444444; font-size: 24px; text-align: right; }

  1. templatemo_header .nav_menu li a:hover {

color: #000 }

.social_button { display: block; text-align: right; height: 24px; margin-bottom: 30px } .social_button a { display: block; float: right; width: 24px; height: 24px; margin-left: 10px; }

  1. templatemo_header a { color: #000 }
  1. content{

overflow:hidden; width: 800px; /*7000-->800*/ position:relative; height: 600px; }

.section { position:relative; float:left; width: 560px; height: 520px; padding: 40px 20px 40px 220px; margin-right: 20px; background: #1c1c1c; }

.home_slider { float: left; width: 800px; height: 600px; margin-right: 20px; }

  1. content .section h1 { padding-top: 30px }
  1. content .box_content h2 { color: #fff; font-size: 18px; margin-bottom: 5px; font-weight: 700 }
  1. gallery_wrapper {

}

  1. gallery_wrapper li {

width: auto; height: auto; float: left; width: 140px; height: 100px; background: none; }

  1. gallery_wrapper li a {

display: block; }

  1. gallery_wrapper li a img { }
  1. contact_form { padding: 0; width: 250px }
  2. contact_form form { margin: 0px; padding: 0px; }
  1. contact_form form .input_field {

width: 240px; height: 18px; padding: 5px; color: #666666; border: 1px solid #3b3b3b; background: #141414; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }

  1. contact_form form label { display: block; font-size: 11px; margin-bottom: 5px; }
  1. contact_form form textarea {

clear: both; width: 240px; height: 150px; padding: 5px; color: #666666; border: 1px solid #3b3b3b; background: #141414; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }

  1. contact_form form .submit_btn {

color: #FFFFFF; cursor:pointer; border: 1px solid #3b3b3b; background: #141414; padding: 6px 12px; }