Bara för jag älskar med stort Ä Twilight <3
ja,var tvungen att ha denna designen <3
Hoppas ni gillar den!
Här kommer en efterlängtad trailer
/*
Temanamn: I'll keep you safe
Beskrivning: 'I'll keep you safe' är ett twilight-tema med horisontell meny, sidopanel höger, auto-uppdaterande copyrightdatum och anpassad header font i Twilight stil.
Skapare: Kinga Dukaj
Author URI: http://www.oursketchbook.com/
Version: 1.0
Tags: Twilight, two-columns, fixed-width, custom-background, custom-header, custom-header-font, horisontell meny, sidopanel höger, auto-uppdaterande copyrightdatum,
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
body {
background: url("http://www.designadinblogg.se/gratisdesign/wp-content/uploads/2011/08/bg2.jpg") repeat fixed 0 0 #FFFFFF;
color: #333333;
margin: 0;
padding: 0 0 14px;
}
a {
color: #666666;
text-decoration: none;
}
a:hover {
color: #000000;
}
#wrapper {
clear: none;
margin: 0 auto;
padding: 0;
width: 1030px;
}
#wrapper:after {
clear: both;
content: ".";
display: block;
visibility: hidden;
}
p {
margin: 0;
padding: 0;
}
#header {
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/twheader_163835278_164039126.png") no-repeat scroll center top transparent;
height: 380px;
margin-left: 20px;
padding: 0;
width: 740px;
}
#header a {
color: #990000;
text-decoration: none;
}
h1 {
color: #666666;
font-family: verdana,sans-serif;
font-size: 2.2em;
font-weight: bold;
margin-bottom: 0;
margin-top: 25px;
padding: 0;
}
#hd{
padding: 195px 0px 0px 70px;
color: #000000;
font-family: arial;
font-size:58px;
font-weight: normal;
position:absolute;
left:0px;
top:15px;
}
#side {
background: none repeat scroll 0 0 transparent;
}
#info {
-moz-background-inline-policy: continuous;
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/trans_black_50_164038868.png") repeat scroll 0 0 transparent;
border-radius: 8px 8px 8px 8px;
float: right;
margin-left: 10px;
margin-top: -320px;
padding: 10px 20px 10px 10px;
width: 220px;
color: #bbbbbb;
}
.topp2 {
color: #000000;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 10px 0 0;
text-transform: uppercase;
width: 220px;
}
.topp {
-moz-background-inline-policy: continuous;
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/trans_black_50_164038868.png") repeat scroll 0 0 transparent;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: #666666;
float: right;
font-family: tahoma;
font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
margin-left: 10px;
margin-top: 11px;
padding: 10px 20px 10px 10px;
text-transform: uppercase;
width: 220px;
}
.mitten {
-moz-background-inline-policy: continuous;
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/trans_black_50_164038868.png") repeat scroll 0 0 transparent;
float: right;
margin-left: 10px;
margin-top: 0;
padding: 10px 20px 10px 10px;
width: 220px;
}
.botten {
-moz-background-inline-policy: continuous;
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/trans_black_50_164038868.png") repeat scroll 0 0 transparent;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
float: right;
margin-left: 10px;
padding: 10px 20px 10px 10px;
width: 220px;
}
#content {
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/wbg_63977178_164038758.png") repeat scroll 0 0 transparent;
border: 0 none;
float: left;
margin: 0 0 0 20px;
overflow: hidden;
padding: 0 0 20px;
text-align: left;
vertical-align: top;
width: 740px;
}
blockquote { border-left: 10px solid #666; padding: 5px; background-color: #efe8e5; }
blockquote:hover { border-left: 10px solid #f8f0eb; }
blockquote a{
color: #777;
font-family: arial;
font-size: 8pt;
letter-spacing: 0px;
text-transform: none;
}
h2 {
color: #000000;
font-family: verdana,sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 10px;
margin-left: 0;
margin-top: 4px;
padding: 0;
text-transform: uppercase;
}
h4 {
border-bottom: 1px dotted #666666;
}
h3 {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
font-family: times new roman;
font-size: 20px;
font-weight: normal;
margin: 0 0 10px;
padding: 0;
text-align: center;
text-transform: uppercase;
}
.menuheader {
color: #666666;
font-family: times new roman;
font-size: 14px;
font-weight: normal;
margin-bottom: 3px;
text-align: left;
}
.menu {
color: #CCCCCC;
font-family: arial;
font-size: 11px;
font-weight: normal;
}
.menu ul {
font-weight: normal;
margin: 0 0 8px;
padding: 0;
}
.menu li {
font-weight: normal;
list-style: none outside none;
margin: 0;
padding: 0 0 4px;
}
.menu a {
display: block;
height: 100%;
margin: 0;
}
.menu a {
color: #CCCCCC;
text-decoration: none;
}
.menu a:hover {
border-bottom: 0px dotted #000000;
color: #000000;
}
.entrybody {
color: #000000;
font-family: 'Lucida Grande',Arial,Sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 140%;
margin: 10px 0 0;
padding: 10px 20px 10px 20px;
text-align: justify;
}
.entrymeta {
color: #666666;
font-family: arial;
font-size: 11px;
font-weight: normal;
padding: 0;
text-align: center;
}
.entrymeta a {
color: #888888;
text-decoration: none;
}
.entrymeta a:hover {
border-bottom: 1px solid #000000;
color: #000000;
}
.commentheader {
border-top: 1px solid #FFFFFF;
color: #000000;
font-family: verdana,sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 140%;
padding: 10px 3px 3px 18px;
}
.commenttext {
color: #000000;
font-family: arial;
font-size: 11px;
font-weight: normal;
line-height: 140%;
margin-left: 10px;
margin-right: 20px;
padding-left: 10px;
}
.commentmeta {
color: #333333;
font-family: arial,sans-serif;
font-size: 11px;
font-weight: normal;
padding: 10px 20px 20px;
text-align: left;
}
input {
background-color: #BBBBBB;
border: 1px dotted #000000;
color: #000000;
font-family: tahoma;
font-size: 10px;
font-weight: normal;
}
textarea {
background-color: #BBBBBB;
border: 1px dotted black;
color: black;
font-family: tahoma;
font-size: 10px;
font-weight: normal;
}
.commentmeta a {
color: #000000;
text-decoration: none;
}
.commentmeta a:hover {
border-bottom: 1px dotted #000000;
color: #000000;
}
.commentform {
color: #333333;
font-family: verdana,sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0 0 20px;
padding: 20px;
}
.separator {
display: none;
}
.default {
display: none;
}
.subside {
float: right;
font-family: Verdana,Sans-serif;
font-size: 0.7em;
font-weight: normal;
padding: 0;
}
.xmlButton {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #FF6600;
border-color: #FFCC99 #663300 #333300 #FF9966;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,Sans-serif;
font-size: 10px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: normal;
margin: 0;
padding: 0 3px;
text-decoration: none;
}
.image {
border: 0 solid #5E6655;
margin: 0 6px 6px 0;
padding: 0;
}
.thumbnail {
border: 0 solid #889977;
margin: 0 6px 6px 0;
}
.video {
padding: 0 0 30px 30px;
}
.fieldName {
font-family: Verdana,Arial,Helvetica,Sans-serif;
font-size: 11px;
margin: 0 0 12px;
}
select {
font-family: Verdana,Arial,Helvetica,Sans-serif;
font-size: 11px;
}
#calendar {
color: #000000;
font-family: 'Trebuchet MS',Verdana,sans-serif;
padding: 0 0 6px;
text-align: left;
}
#calendar table {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #000000;
border-style: none none solid;
border-width: 0 0 1px;
padding: 1px;
}
#calendar table caption {
border-bottom: 1px solid #000000;
color: #000000;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 0.7em;
font-weight: bold;
letter-spacing: 0.3em;
padding: 3px;
text-align: left;
text-transform: uppercase;
}
#calendar table th {
font-size: xx-small;
font-weight: bold;
text-align: center;
}
#calendar table tr td {
border: 0 solid #EEEEEE;
font-size: xx-small;
text-align: center;
}
#calendar table tr ul {
color: #BBBBBB;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 0.7em;
margin: 0 0 0 20px;
padding: 4px 0 5px;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #F1F1F1;
}
#calendar table tr td.cssEntryBox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid gray;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 0.8em;
padding: 6px;
text-align: left;
}
#calendar table tr td ul li {
}
#calendar table tr td div.cssDayEntryHeader {
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 0.8em;
font-weight: bold;
padding: 4px;
text-align: left;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
}
form {
margin: 0 0 6px;
padding-left: 10px;
}
#profile {
font-family: verdana,arial,sans-serif;
font-size: 11px;
font-weight: normal;
margin-bottom: 10px;
}
#profile h4 {
color: #000000;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 5px;
}
#profile p {
}
.nav {
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/nav_163834972_164038488.jpg") repeat-x scroll 0 0 transparent;
font-family: arial,verdana,sans-serif;
font-size: 11px;
height: 35px;
margin: 0;
padding: 0;
position: relative;
width: 100%;
z-index: 100;
}
.nav .table {
display: table;
margin: 0 auto;
}
.nav .select, .nav .current {
display: table-cell;
list-style: none outside none;
margin: 0;
padding: 0;
white-space: nowrap;
}
.nav li {
float: left;
height: auto;
margin: 0;
padding: 0;
}
.nav .select a {
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/nav_163834972_164038488.jpg") repeat scroll 0 0 transparent;
color: #DFDFDF;
display: block;
float: left;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 15px;
text-decoration: none;
white-space: nowrap;
}
.nav .select a:hover, .nav .select li:hover a {
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/hover_163835158_164038068.jpg") repeat scroll 0 0 transparent;
color: #2B3238;
cursor: pointer;
padding: 0 0 0 15px;
}
.nav .select a b {
font-weight: bold;
}
.nav .select a:hover b, .nav .select li:hover a b {
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/hover_163835158_164038068.jpg") repeat scroll right top transparent;
cursor: pointer;
display: block;
float: left;
padding: 0 15px 0 1px;
}
.nav .select_sub {
display: none;
}
.nav table {
border-collapse: collapse;
font-size: 1em;
height: 0;
margin: -1px;
width: 0;
}
.nav .sub {
display: table;
list-style: none outside none;
margin: 0 auto;
padding: 0;
}
.nav .sub_active .current_sub a, .nav .sub_active a:hover {
background: none repeat scroll 0 0 transparent;
color: #2B3238;
}
.nav .select *:hover .select_sub, .nav .current .show {
background: url("http://designadinblogg.blogg.se/keepyousafe/images/2011/back_63970308_164037965.gif") repeat scroll 0 0 transparent;
display: block;
left: 0;
padding: 0;
position: absolute;
text-align: center;
top: 35px;
width: 100%;
z-index: 100;
}
.nav .current .show {
z-index: 10;
}
.nav .select *:hover .sub li a, .nav .current .show .sub li a {
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #2B3238;
display: block;
float: left;
margin: 0;
padding: 0 10px;
white-space: nowrap;
}
.nav .current .sub li.sub_show a {
color: #2B3238;
cursor: default;
}
.nav .select .sub li a {
font-weight: normal;
}
.nav .select *:hover .sub li a:hover, .nav .current .sub li a:hover {
color: #909090;
visibility: visible;
}
.cufon-loading {
visibility: hidden;
}
#footerddb{
width: 100%;
height: 20px;
text-align: center;
font-family: verdana;
font-size: 10px;
margin-top: 5px;
clear: both;
color: #ffffff;
}
I hope you enjoy <3
Men jag kommer skriva lite om Twilight nu dom kommande dagarna :D
jag kan väll börja med att Sverigepremiären på klippets titel är 23 NOVEMBER 2012!!!!
Så..lägg till en påminnelse i mobilen om du är taggad like me <3
Ps. är hemma nu efter en underbar vecka i Nässjö<3 Ds.
Kommentarer
Trackback
