221 lines
9.0 KiB
CSS
221 lines
9.0 KiB
CSS
@font-face {font-family: Yanone Kaffeesatz;src: url('../fonts/YanoneKaffeesatz-Regular.eot'); src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf');}
|
|
@font-face {font-family: News Cycle;src: url('../fonts/NewsCycle-Regular.eot');src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); }
|
|
|
|
html {height: 100%;}
|
|
* {margin: 0;padding: 0;}
|
|
/* tell the browser to render HTML 5 elements as block */
|
|
article, aside, figure, footer, header, hgroup, nav, section {display:block;}
|
|
body {font: normal .80em arial, sans-serif;background-color:'lavender';color: #DDD;}
|
|
p {padding: 0 0 20px 0;line-height: 1.7em;}
|
|
img {border: 0;}
|
|
a, a:hover {outline: none;text-decoration: underline;color: #09D4FF;}
|
|
a:hover { text-decoration: none;}
|
|
blockquote { margin: 20px 0; padding: 10px 20px 0 20px;border: 1px solid #E5E5DB;background: #FFF;}
|
|
ul {margin: 2px 0 22px 17px;}
|
|
ul li {list-style-type: circle;margin: 0 0 6px 0; padding: 0 0 4px 5px;line-height: 1.5em;}
|
|
ol { margin: 8px 0 22px 20px;}
|
|
ol li { margin: 0 0 11px 0;}
|
|
.left { float: left;width: auto;margin-right: 10px;}
|
|
.right { float: right; width: auto;margin-left: 10px;}
|
|
.center { display: block;text-align: center;margin: 20px auto;}
|
|
|
|
/**layout**/
|
|
#main, nav, #container, #banner, #site_content, footer { margin-left: auto; margin-right: auto;}
|
|
#main {margin: 50px auto;width: 980px;padding-bottom: 30px;}
|
|
|
|
|
|
/*Header*/
|
|
header { background: transparent;height: 225px;}
|
|
#banner { width: 1000px;float: center;height: 150px;color: #888;padding: 20px;margin-bottom: 20px;background-color:#666;}
|
|
#banner img{height:150px;vertical-align:middle;}
|
|
header nav { float: center;height: 44px;width: 1040px;color: #FFF;background-color:rgba(255,255,255,0.4);}
|
|
header nav #menu_container { width: 980px;margin: 0 auto 0 auto;}
|
|
header nav #menuconteiner ul{float: right;background: #0DBBD5;margin-top: 5px;padding-bottom: 15px;}
|
|
header ul#nav li a { padding:7px 20px 6px 20px;font: 170% 'Yanone Kaffeesatz', arial, sans-serif;text-shadow: 1px 1px #000;text-decoration: none;color:#FFF;margin-right:2px;}
|
|
header ul#nav li a:hover,ul#nav li a:focus {color: #0DBBD5;text-shadow: none;}
|
|
header ul#nav ul li a:hover,ul#nav ul li a:focus {color: #222;text-shadow: none;}
|
|
|
|
|
|
/*container*/
|
|
.site_content { width: 1000px;overflow: hidden;margin: 0px auto 0 auto;padding: 15px;background: transparent url(../images/transparent.png);}
|
|
/*-sidebar-*/
|
|
.sidebar_container { float: right;width: 250px;padding: 20px 5px 0 0;background-color:#FFF;min-height:600px;}
|
|
.sidebar {background: #eee; float: right;width: 200px;margin: 0 0 17px 0;padding: 0 15px 5px 13px;}
|
|
.sidebar #demo{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:18px;border:groove;width:100px;height:10px;}
|
|
.sidebar h3 {text-shadow: #000 1px 1px;color: #000;padding: 0 15px 14px 0;color: #000;font: 230% 'News Cycle', arial, sans-serif;}
|
|
.sidebar h4 ,.sidebar h5 ,.sidebar h6 ,.sidebar p {color:#000;}
|
|
.sidebar ul {margin: 0 0 15px 0;list-style:hebrew;}
|
|
.sidebar li a { color: #000;text-decoration: none;}
|
|
.sidebar li a:hover { color: #DDD;text-decoration: underline;}
|
|
.sidebar_item, .content_item { padding: 15px 0;}
|
|
.sidebar li button{width:100px;height:30px;}
|
|
.paperclip { float: left;position: relative; z-index: 0;vertical-align: middle; margin: -15px 0 -60px -40px;}
|
|
|
|
/*-content-*/
|
|
.content { text-align: left;width: 700px;float:left; font-size: 120%;padding: 14px 0 0 0; background-color:#FFF;min-height:700px;}
|
|
.content #post{margin-bottom:20px;}
|
|
.content #post h1 {padding: 0 15px 20px 0;font: 200% 'News Cycle', arial, sans-serif;text-shadow: #000 1px 1px;margin: 0 1px;color: #000;font-size:22px;color:#00F;}
|
|
.content #post #body{margin-left:20px;color:#000;word-wrap:break-word;}
|
|
.content #post #body li{list-style:disc;}
|
|
.content #post hr{width:90%;height:5px;border:1px dotted #FFF;margin-top:100px;display:block;}
|
|
|
|
.content .pagination{background: #eee; margin: 5px; padding: 10px;}
|
|
.content .pagination .digit{padding: 0 10px 0 10px; display: inline;}
|
|
.content .pagination .digit:hover, .content .pagination .current{padding: 2px 10px 2px 10px; background: #fff; font-weight: 900; -moz-border-radius:5px}
|
|
.content p {color:#000;}
|
|
.content ul { margin: 2px 0 22px 0px;}
|
|
.content ul li, .sidebar ul li { list-style-type: none;background: url(../images/bullet.png) no-repeat;
|
|
margin: 0 0 0 0;
|
|
padding: 0 0 4px 28px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
|
|
/*footer*/
|
|
footer { width: 980px;font: 170% 'Yanone Kaffeesatz', arial, sans-serif;text-shadow: 1px 1px #000;height: 25px;padding: 5px 0 20px 0;text-align: center; color: #FFF;margin-top: 25px;background-color:#000;}
|
|
footer p { line-height: 1.7em;padding: 0 0 10px 0;}
|
|
footer a { color: #FFF;text-decoration: none;}
|
|
footer a:hover { color: #FFF;text-decoration: underline;}
|
|
|
|
|
|
|
|
|
|
/**component**/
|
|
/*form*/
|
|
.form_settings { margin: 15px 0 0 0;}
|
|
.form_settings p { padding: 0 0 4px 0;}
|
|
.form_settings span { float: left; width: 200px; text-align: left;}
|
|
.form_settings input, .form_settings textarea { padding: 5px; width: 299px; font: 100% arial; border: 1px solid #C6E7F0; background: #EFF8FB;
|
|
color: #47433F;
|
|
border-radius: 7px 7px 7px 7px;
|
|
-moz-border-radius: 7px 7px 7px 7px;
|
|
-webkit-border: 7px 7px 7px 7px;
|
|
}
|
|
.form_settings .submit { font: 140% 'Yanone Kaffeesatz', arial, sans-serif; border: 0; width: 99px; margin: 0 0 0 212px; height: 33px;padding: 2px 0 3px 0;cursor: pointer;
|
|
background: #1EC9F4;
|
|
-webkit-border-radius: .5em .5em .5em .5em ;
|
|
-moz-border-radius: .5em .5em .5em .5em ;
|
|
border-radius: .5em .5em .5em .5em ;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
|
|
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #FFF;border: solid 1px #0D8AA9;background: #46C4DD;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#63CFDF), to(#17B2D9));
|
|
background: -moz-linear-gradient(top, #63CFDF, #17B2D9);
|
|
text-shadow: 1px 1px #178497;}
|
|
.form_settings textarea, .form_settings select { font: 100% arial; width: 299px;}
|
|
.form_settings select { width: 310px;}
|
|
.form_settings .checkbox { margin: 4px 0; padding: 0; width: 14px;border: 0;background: none;}
|
|
.separator { width: 100%;height: 0;border-top: 1px solid #D9D5CF;border-bottom: 1px solid #FFF;margin: 0 0 20px 0;}
|
|
table { margin: 10px 0 30px 0;}
|
|
|
|
table tr th, table tr td { background: #70D4E6;color: #FFF;padding: 7px 4px;text-align: left;}
|
|
table tr td { color: #47433F;border-top: 1px solid #FFF;}
|
|
|
|
/**
|
|
Stylesheet for SooperFish by www.SooperThemes.com
|
|
Author: Jurriaan Roelofs
|
|
**/
|
|
|
|
/* Configuration of menu width */
|
|
html body ul.sf-menu ul,html body ul.sf-menu ul li {
|
|
width: 200px;
|
|
}
|
|
|
|
html body ul.sf-menu ul ul {
|
|
margin: 0 200px 0 200px;
|
|
}
|
|
|
|
/* Framework for proper showing/hiding/positioning */
|
|
ul.sf-menu,ul.sf-menu * {
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.sf-menu {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
ul.sf-menu li {
|
|
display: block;
|
|
list-style: none;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
|
|
ul.sf-menu li:hover {
|
|
visibility: inherit; /* fixes IE7 'sticky bug' */
|
|
}
|
|
|
|
ul.sf-menu a {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
ul.sf-menu ul {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 150px;
|
|
top: auto;
|
|
left: -999999px;
|
|
background-color:#0F9;
|
|
}
|
|
|
|
ul.sf-menu ul a {
|
|
zoom: 1; /* IE6/7 fix */
|
|
}
|
|
|
|
ul.sf-menu ul li {
|
|
float: right; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
|
|
width: 150px;
|
|
}
|
|
|
|
ul.sf-menu ul ul {
|
|
top: 0;
|
|
margin: 0 0 0 150px;
|
|
background-color:#0F9;
|
|
}
|
|
|
|
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul,
|
|
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
|
|
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
|
|
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {
|
|
left: auto;
|
|
}
|
|
|
|
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
|
|
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
|
|
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
|
|
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
|
|
left: -999999px;
|
|
}
|
|
|
|
/* autoArrows CSS */
|
|
span.sf-arrow {
|
|
width: 7px;
|
|
height: 7px;
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 5px;
|
|
display: block;
|
|
background: url(../images/arrows-white.png) no-repeat 0 0;
|
|
overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
|
|
font-size: 1px;
|
|
}
|
|
|
|
ul ul span.sf-arrow {
|
|
right: 10;
|
|
top: 20px;
|
|
background-position: 0 100%;
|
|
}
|
|
|
|
/* Theming the menu */
|
|
table#add{margin-left:10px;margin-top:30px;min-height:inherit;min-width:inherit;border-radius:10px 10px 10px 10px;padding:5px 5px 5px 5px;}
|
|
#add{border:ridge;background-color:#FFF;width:680px;text-align:left;padding-left:10px;opacity:1.0;}
|
|
#add #header{background-color:#FFF;}
|
|
#add .save{background:url(../image/accept.png);background-repeat:no-repeat;border:none;width:30px;height:30px;}
|
|
#add input{min-width:300px;}
|
|
#add textarea{min-width:100px;min-height:200px;}
|
|
#add #copy_html{display:none;}
|
|
#add #notes-preview{display:none;} |