Light Theme

[Orkun]

My 2nd theme for GetSimple. The theme has a fix width of 800px. (270px/500px) It uses html5 and css3 and the code is W3C validated. Fixed header on top and menu on the bottom. Light, simple and basic code.

Author web-site: http://orkun.me/
Theme preview: http://orkun.me/demo/Light/

Updated to v.0.2 !

[daelsta]

I like it...really nice!

thx

[Arnaud]

Hello,

Very nice theme, thanks!

I would like to place the menu centered on the page. (Not on the left side)
Is this possible?

thank you very much

Arnaud

[Connie]

Arnaud,

try to find the css-element for the menu and define the orientation of that element as centered, not left in the css file

[Arnaud]

Thank you for your reply.
I already tried to look the css element that allows to change the menu position. But without result.

Someone has an idea?
Thx!

Code:

*{
text-decoration:none;
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}

h1,h2,h3,h4,h5,h6{
font-size:18px;
letter-spacing:2px;
margin: 0 0 10px 0;
}

.clear {
clear:both;
}

.hidden {
display:none;
}

body {
font-size:14px;
color:#222;
font-family: 'Lato', sans-serif;
background:#fff;
text-align:center;
}

a:link,a:visited {
color:#a81818;
}

a:hover,a:focus {
color:#222;
}

#wrapper {
margin: 90px auto;
width: 800px;
text-align:justify;
}

#sidebar {
float: left;
width: 270px;
position : fixed;
}

#logo, #menu {
font-size: 18px;
width:100%;
min-width: 800px;
background: #fff;
position:fixed;
padding: 0 70px;
text-align: left;
line-height: 60px;
text-transform:uppercase;
color:#222;
left:0;
}

#logo {
border-bottom: 1px dotted #222;
top:0;
padding: 0 90px;
}

#menu {
border-top: 1px dotted #222;
bottom:0;
padding: 0 70px;
}

#content {
float:right;
width:500px;
}

#menu #nav {
list-style:none;
}

#menu #nav li {
float:left;
padding-right:20px;

}

#menu #nav li a {
display:block;
}

#logo a, #logo a:link,#logo a:visited,#logo a:hover,#menu #nav li a:link,#menu #nav li a:visited {
color:#222;
}

#menu #nav li a:hover,#menu #nav li a:focus, #menu #nav li.current a {
color:#a81818;
}

.page-meta {
font-size: 12px;
}

p,ul,ol,img{
margin:0 0 20px;
}
ul,ol {
margin-left: 20px;
}

ul ul, ol ul, ul ol, ol ol{
margin:0 0 0 20px;
}

blockquote {
font-style:italic;
border-left:2px solid #666;
margin:0 0 20px 20px;
padding:0 0 0 10px;
}

code, pre code{
border:1px dotted #666;
}

code {
padding:2px;
}

pre code {
margin-bottom:20px;
display:block;
padding:10px;
}

[uitdecom]

I think your breaking up the theme's visual layout,
so you probably need to change the layout a bit more,

but here's a way:

Code:

#menu {
     border-top: 1px dotted #222222;
     bottom: 0px;
     padding: 0px;
     text-align: center;
}

#menu #nav {
     display: inline-block;
     height: 40px;
     list-style: none outside none;
     margin: 0px;
     padding-left: 20px;
}

[Arnaud]

YEAH

Thank you very much, it works!