• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
Elham

به هم ریختگی در موبایل

34 پست در این موضوع قرار دارد

با سلام وب سایت golnoor.com با پوسته twenty eleven هنگام باز کردن در موبایل ، به هم ریختگی منو پیدا می کند لطفا راهنمایی کنید.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

سلام

چه بهم ریختگی ؟

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

منوها تا پایین کشیه شدن همه چی جمع شده یه طرف...

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

من کدهای استایل رو خیلی زیاد دستکاری کردم اما نمی دونم کدوم کد مربوط به این تنظیمات می شه...

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

من با موبایل مشکلی ندیدم

شما عکسی بدید که باید اونطور نمایش داده بشه تا بتونیم مقایسه کنیم

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

عکس اول در موبایل باز شده عکس دوم حالت طبیعی

post-870-0-01022600-1367779641_thumb.png

post-870-0-84067900-1367779729_thumb.png

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

عکس اول درست هست. چون حالت واکنشگرای این پوسته به همین شکل هست و چون شما بخش فونر رو تصحیح نکردید از کنار بیرون میزنه.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

باید چه طور اصلاحش کنم؟ لطفا راهنماییم کنید.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

فوتر رو میخواین اصلاح کنین؟

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

بله میخوام هدر و فوتر طوری اصلاح بشه که در گوشی هم درست نمایش داده بشه

ممنونم

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

ببینید کلا کدهای بخش فوتر شما باید اندازه دهیش تغییر کنه.

بهش پهنا دادید که برای حالت واکنشگرا باید عوض بشه.

برای اینکار در فایل استایل Media queries رو پیدا کنید و برای عرض بخشهایی که باید تغییر کنن مثل فوتر برابر auto قرار بدید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

من پیداش نمی کنم :unsure:

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

border: 0;

font-family: inherit;

font-size: 100%;

font-style: inherit;

font-weight: inherit;

margin: 0;

outline: 0;

padding: 0;

vertical-align: baseline;

}

:focus {/* remember to define focus styles! */

outline: 0;

}

body {

background: #fff;

line-height: 1;

}

ol, ul {

list-style: none;

}

table {/* tables still need 'cellspacing="0"' in the markup */

border-collapse: separate;

border-spacing: 0;

}

caption, th, td {

font-weight: normal;

text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: "";

}

blockquote, q {

quotes: "" "";

}

a img {

border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

display: block;

}

/* =Structure

----------------------------------------------- */

body {

padding: 0 2em;

}

#page {

margin: 2em auto;

max-width: 1000px;

}

#branding hgroup {

margin: 0 7.6%;

}

#access div {

margin: 0 7.6%;

}

#primary {

float: left;

margin: 0 -26.4% 0 0;

width: 100%;

}

#content {

margin: 0 34% 0 7.6%;

width: 58.4%;

}

#secondary {

float: right;

margin-right: 0%;

width: 25.8%;

margin-top : -6px;

}

/* Singular */

.singular #primary {

margin: 0;

}

.singular #content,

.left-sidebar.singular #content {

margin: 0 7.6%;

position: relative;

width: auto;

}

.singular .entry-header,

.singular .entry-content,

.singular footer.entry-meta,

.singular #comments-title {

margin: 0 auto;

width: 69.8%;

}

/* Attachments */

.singular .image-attachment .entry-content {

margin: 0 auto;

width: auto;

}

.singular .image-attachment .entry-description {

margin: 0 auto;

width: 68.9%;

}

/* Showcase */

.page-template-showcase-php #primary,

.left-sidebar.page-template-showcase-php #primary {

margin: 0;

}

.page-template-showcase-php #content,

.left-sidebar.page-template-showcase-php #content {

margin: 0 7.6%;

width: auto;

}

.page-template-showcase-php section.recent-posts {

float: right;

margin: 0 0 0 31%;

width: 69%;

}

.page-template-showcase-php #main .widget-area {

float: left;

margin: 0 -22.15% 0 0;

width: 22.15%;

}

/* error404 */

.error404 #primary {

float: none;

margin: 0;

}

.error404 #primary #content {

margin: 0 7.6%;

width: auto;

}

/* Alignment */

.alignleft {

display: inline;

float: left;

margin-right: 1.625em;

}

.alignright {

display: inline;

float: right;

margin-left: 1.625em;

}

.aligncenter {

clear: both;

display: block;

margin-left: auto;

margin-right: auto;

}

/* Right Content */

.left-sidebar #primary {

float: right;

margin: 0 0 0 -26.4%;

width: 100%;

}

.left-sidebar #content {

margin: 0 7.6% 0 34%;

width: 58.4%;

}

.left-sidebar #secondary {

float: left;

margin-left: 7.6%;

margin-right: 0;

width: 18.8%;

}

/* One column */

.one-column #page {

max-width: 690px;

}

.one-column #content {

margin: 0 7.6%;

width: auto;

}

.one-column #nav-below {

border-bottom: 1px solid #ddd;

margin-bottom: 1.625em;

}

.one-column #secondary {

float: none;

margin: 0 7.6%;

width: auto;

}

/* Simplify the showcase template */

.one-column .page-template-showcase-php section.recent-posts {

float: none;

margin: 0;

width: 100%;

}

.one-column .page-template-showcase-php #main .widget-area {

float: none;

margin: 0;

width: auto;

}

.one-column .page-template-showcase-php .other-recent-posts {

border-bottom: 1px solid #ddd;

}

/* Simplify the showcase template when small feature */

.one-column section.featured-post .attachment-small-feature {

border: none;

display: block;

height: auto;

max-width: 60%;

position: static;

}

.one-column article.feature-image.small {

margin: 0 0 1.625em;

padding: 0;

}

.one-column article.feature-image.small .entry-title {

font-size: 20px;

line-height: 1.3em;

}

.one-column article.feature-image.small .entry-summary {

height: 150px;

overflow: hidden;

padding: 0;

text-overflow: ellipsis;

}

.one-column article.feature-image.small .entry-summary a {

left: -9%;

}

/* Remove the margin on singular articles */

.one-column.singular .entry-header,

.one-column.singular .entry-content,

.one-column.singular footer.entry-meta,

.one-column.singular #comments-title {

width: 100%;

}

/* Simplify the pullquotes and pull styles */

.one-column.singular blockquote.pull {

margin: 0 0 1.625em;

}

.one-column.singular .pull.alignleft {

margin: 0 1.625em 0 0;

}

.one-column.singular .pull.alignright {

margin: 0 0 0 1.625em;

}

.one-column.singular .entry-meta .edit-link a {

position: absolute;

left: 0;

top: 40px;

}

.one-column.singular #author-info {

margin: 2.2em -8.8% 0;

padding: 20px 8.8%;

}

/* Make sure we have room for our comment avatars */

.one-column .commentlist > li.comment {

margin-left: 102px;

width: auto;

}

/* Make sure the logo and search form don't collide */

.one-column #branding #searchform {

right: 40px;

top: 4em;

}

/* Talking avatars take up too much room at this size */

.one-column .commentlist > li.comment {

margin-left: 0;

}

.one-column .commentlist > li.comment .comment-meta,

.one-column .commentlist > li.comment .comment-content {

margin-right: 85px;

}

.one-column .commentlist .avatar {

background: transparent;

display: block;

padding: 0;

top: 1.625em;

left: auto;

right: 1.625em;

}

.one-column .commentlist .children .avatar {

background: none;

padding: 0;

position: absolute;

top: 2.2em;

left: 2.2em;

}

.one-column #respond {

width: auto;

}

/* =Global

----------------------------------------------- */

body, input, textarea {

color: #373737;

font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;

font-weight: 300;

line-height: 1.625;

}

body {

background: #e2e2e2;

}

#page {

background: #fff;

box-shadow: rgba(2, 2, 2, 0.5) 10px 10px 10px 10px;

}

/* Headings */

h1,h2,h3,h4,h5,h6 {

clear: both;

}

hr {

background-color: #ccc;

border: 0;

height: 1px;

margin-bottom: 1.625em;

}

/* Text elements */

p {

margin-bottom: 1.625em;

}

ul, ol {

margin: 0 0 1.625em 2.5em;

}

ul {

list-style: none;

}

ol {

list-style-type: decimal;

}

ol ol {

list-style: upper-alpha;

}

ol ol ol {

list-style: lower-roman;

}

ol ol ol ol {

list-style: lower-alpha;

}

ul ul, ol ol, ul ol, ol ul {

margin-bottom: 0;

}

dl {

margin: 0 1.625em;

}

dt {

font-weight: normal;

}

dd {

margin-bottom: 1.625em;

}

strong {

font-weight: bold;

}

cite, em, i {

font-style: italic;

}

blockquote {

font-family: Georgia, "Bitstream Charter", serif;

font-style: italic;

font-weight: normal;

margin: 0 3em;

}

blockquote em, blockquote i, blockquote cite {

font-style: normal;

}

blockquote cite {

color: #666;

font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

font-weight: 300;

letter-spacing: 0.05em;

text-transform: uppercase;

}

pre {

background: #f4f4f4;

font: 13px "Courier 10 Pitch", Courier, monospace;

line-height: 1.5;

margin-bottom: 1.625em;

overflow: auto;

padding: 0.75em 1.625em;

}

code, kbd, samp, var {

font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym, dfn {

border-bottom: 0px dotted #666;

cursor: help;

}

address {

display: block;

margin: 0 0 1.625em;

}

ins {

background: #fff9c0;

text-decoration: none;

}

sup,

sub {

font-size: 10px;

height: 0;

line-height: 1;

position: relative;

vertical-align: baseline;

}

sup {

bottom: 1ex;

}

sub {

top: .5ex;

}

/* Forms */

input[type=text],

input[type=password],

textarea {

background: #fafafa;

-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);

box-shadow: inset 0 2px 1px rgba(0,0,0,0.1);

border: 0px solid #ddd;

color: #888;

}

input[type=text]:focus,

textarea:focus {

color: #373737;

}

textarea {

padding-left: 3px;

width: 98%;

}

input[type=text] {

padding:3px;

}

input#s {

background: url(images/search.png) no-repeat 5px 6px;

-moz-border-radius: 2px;

border-radius: 1px;

font-size: 12px;

height: 17px;

line-height: 1.2em;

padding: 1px 10px 5px 28px;

}

input#searchsubmit {

display: none;

}

/* Links */

a {

color: #009dbd;

text-decoration: none;

}

a:focus,

a:active,

a:hover {

text-decoration: underline;

}

/* Assistive text */

.assistive-text {

position: absolute !important;

clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

clip: rect(1px 1px 1px 1px);

}

#access a.assistive-text:active,

#access a.assistive-text:focus {

background: #eee;

border-bottom: 0px solid #ddd;

color: #1982d1;

clip: auto !important;

font-size: 11px;

position: absolute;

text-decoration: underline;

top: 0;

left: 7.6%;

}

/* =Header

----------------------------------------------- */

#branding {

border-top: 0px solid #bbb;

padding-bottom: 0px;

position: relative;

z-index: 9999;

}

#site-title {

margin-right: 270px;

padding: 3.65625em 0 0;

}

#site-title a {

color: #111;

font-size: 30px;

font-weight: bold;

line-height: 36px;

text-decoration: none;

}

#site-title a:hover,

#site-title a:focus,

#site-title a:active {

color: #1982d1;

}

#site-description {

color: #7a7a7a;

font-size: 14px;

margin: 0 270px 3.65625em 0;

}

#branding img {

height: auto;

margin-bottom: -7px;

width: 100%;

}

/* =Menu

-------------------------------------------------------------- */

#access {

background: #222; /* Show a solid color for older browsers */

background: -moz-linear-gradient(#252525, #0a0a0a);

background: -o-linear-gradient(#252525, #0a0a0a);

background: -webkit-gradient(linear, 3% 3%, 3% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */

background: -webkit-linear-gradient(#252525, #0a0a0a);

-webkit-box-shadow: rgba(2, 2, 2, 0.4) 0px 1px 2px;

-moz-box-shadow: rgba(2, 2, 2, 0.4) 0px 1px 2px;

box-shadow: rgba(2, 2, 2, 0.4) 0px 1px 2px;

clear: both;

display: block;

float: left;

margin: 0 auto 6px;

width: 100%;

}

#access ul {

font-size: 11px;

list-style: none;

margin: 0 0 0 -0.8125em;

padding-left: 0;

}

#access li {

float: left;

position: relative;

}

#access a {

color: #eee;

display: block;

line-height: 3.333em;

padding:0 1.2em;

text-decoration: none;

}

#access ul ul {

-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

box-shadow: 0 3px 3px rgba(0,0,0,0.2);

display: none;

float: left;

margin: 0;

position: absolute;

top: 3.333em;

left: 0;

width: 188px;

z-index: 99999;

}

#access ul ul ul {

left: 100%;

top: 0;

}

#access ul ul a {

background: #dad7d7;

border-bottom: 1px dotted #fbfbfb;

color: #444;

font-size: 11px;

font-weight: bold;

height: auto;

line-height: 1.4em;

padding: 10px 10px;

width: 168px;

}

#access li:hover > a,

#access ul ul :hover > a,

#access a:focus {

background: #565050;

}

#access li:hover > a,

#access a:focus {

background: #f9f9f9; /* Show a solid color for older browsers */

background: -moz-linear-gradient(#f9f9f9, #e5e5e5);

background: -o-linear-gradient(#f9f9f9, #e5e5e5);

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */

background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);

color: #009dbd;

}

#access ul li:hover > ul {

display: block;

}

#access .current-menu-item > a,

#access .current-menu-ancestor > a,

#access .current_page_item > a,

#access .current_page_ancestor > a {

font-weight: normal;

}

/* Search Form */

#branding #searchform {

position: absolute;

top: 3.8em;

right: 7.6%;

text-align: right;

}

#branding #searchform div {

margin: 5;

}

#branding #s {

float: right;

-webkit-transition-duration: 400ms;

-webkit-transition-property: width, background;

-webkit-transition-timing-function: ease;

-moz-transition-duration: 400ms;

-moz-transition-property: width, background;

-moz-transition-timing-function: ease;

-o-transition-duration: 400ms;

-o-transition-property: width, background;

-o-transition-timing-function: ease;

width: 72px;

}

#branding #s:focus {

background-color: #f9f9f9;

width: 196px;

}

#branding #searchsubmit {

display: none;

}

#branding .only-search #searchform {

top: 295px;

z-index: 1;

}

#branding .only-search #s {

background-color: #ffffff;

border-color: #098;

color: #222;

}

#branding .only-search #s,

#branding .only-search #s:focus {

width: 75%;

}

#branding .only-search #s:focus {

background-color: #bbb;

}

#branding .with-image #searchform {

top: auto;

bottom: -27px;

max-width: 195px;

}

#branding .only-search + #access div {

padding-right: 205px;

}

/* =Content

----------------------------------------------- */

#main {

clear: both;

padding: 0em 0 0;

}

.page-title {

color: #666;

font-size: 10px;

font-weight: 500;

letter-spacing: 0.1em;

line-height: 2.6em;

margin: 0 0 2.6em;

text-transform: uppercase;

}

.page-title a {

font-size: 12px;

font-weight: bold;

letter-spacing: 0;

text-transform: none;

}

.hentry,

.no-results {

border-bottom: 1px solid #ddd;

margin: 0 0 1em;

padding: 0 0 1em;

position: relative;

}

.hentry:last-child,

.no-results {

border-bottom: none;

}

.blog .sticky .entry-header .entry-meta {

clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

clip: rect(1px, 1px, 1px, 1px);

position: absolute !important;

}

.entry-title,

.entry-header .entry-meta {

padding-right: 76px;

}

.entry-title {

clear: both;

color: #2e3;

font-size: 16px;

font-weight: bold;

line-height: 2em;

padding-bottom: .3em;

padding-top:4px;

}

.entry-title,

.entry-title a {

color: #222;

text-decoration: none;

}

.entry-title a:hover,

.entry-title a:focus,

.entry-title a:active {

color: #1982d1;

}

.entry-meta {

color: #666;

clear: both;

font-size: 12px;

line-height: 18px;

}

.entry-meta a {

font-weight: bold;

}

.single-author .entry-meta .by-author {

display: none;

}

.entry-content,

.entry-summary {

padding: 1.625em 0 0;

}

.entry-content h1,

.entry-content h2,

.comment-content h1,

.comment-content h2 {

color: #000;

font-weight: normal;

margin: 0 0 .8125em;

}

.entry-content h3,

.comment-content h3 {

font-size: 10px;

letter-spacing: 0.1em;

line-height: 2.6em;

text-transform: uppercase;

}

.entry-content table,

.comment-content table {

border-bottom: 1px solid #ddd;

margin: 0 0 1.625em;

width: 100%;

}

.entry-content th,

.comment-content th {

color: #666;

font-size: 10px;

font-weight: 500;

letter-spacing: 0.1em;

line-height: 2.6em;

text-transform: uppercase;

}

.entry-content td,

.comment-content td {

border-top: 1px solid #ddd;

padding: 6px 10px 6px 0;

}

.entry-content #s {

width: 75%;

}

.comment-content ul,

.comment-content ol {

margin-bottom: 1.625em;

}

.comment-content ul ul,

.comment-content ol ol,

.comment-content ul ol,

.comment-content ol ul {

margin-bottom: 0;

}

dl.gallery-item {

margin: 0;

}

.page-link {

clear: both;

display: block;

margin: 0 0 1.625em;

}

.page-link a {

background: #eee;

color: #373737;

margin: 0;

padding: 2px 3px;

text-decoration: none;

}

.page-link a:hover {

background: #888;

color: #fff;

font-weight: bold;

}

.page-link span {

margin-right: 6px;

}

.entry-meta .edit-link a,

.commentlist .edit-link a {

background: #eee;

-moz-border-radius: 3px;

border-radius: 3px;

color: #666;

float: right;

font-size: 12px;

line-height: 1.5em;

font-weight: 300;

text-decoration: none;

padding: 0 8px;

}

.entry-meta .edit-link a:hover,

.commentlist .edit-link a:hover {

background: #888;

color: #fff;

}

.entry-content .edit-link {

clear: both;

display: block;

}

/* =Image

----------------------------------------------- */

.indexed.format-image .entry-header {

min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */

}

.indexed.format-image .entry-content {

padding-top: 0.5em;

}

.indexed.format-image .entry-content p {

margin: 1em 0;

}

.indexed.format-image .entry-content p:first-child,

.indexed.format-image .entry-content p:first-child a,

.indexed.format-image .entry-content p:first-child img {

display: block;

margin: 0;

}

.indexed.format-image .entry-content .wp-caption .wp-caption-text {

margin: 0;

padding-bottom: 1em;

}

.indexed.format-image footer.entry-meta {

background: #ddd;

overflow: hidden;

padding: 4%;

max-width: 96%;

}

.indexed.format-image div.entry-meta {

display: inline-block;

float: left;

width: 35%;

}

.indexed.format-image div.entry-meta + div.entry-meta {

float: none;

width: 65%;

}

.indexed.format-image .entry-meta span.cat-links,

.indexed.format-image .entry-meta span.tag-links,

.indexed.format-image .entry-meta span.comments-link {

display: block;

}

.indexed.format-image footer.entry-meta a {

color: #444;

}

.indexed.format-image footer.entry-meta a:hover {

color: #fff;

}

#content .indexed.format-image img {

border: none;

max-width: 100%;

padding: 0;

}

.indexed.format-image .wp-caption {

background: #111;

margin-bottom: 0;

max-width: 96%;

padding: 2% 2% 0;

}

.indexed.format-image .wp-caption .wp-caption-text {

color: #ddd;

}

.indexed.format-image .wp-caption .wp-caption-text:before {

color: #444;

}

.indexed.format-image a:hover img {

opacity: 0.8;

}

/* =error404

----------------------------------------------- */

.error404 #main #searchform {

background: #f9f9f9;

border: 1px solid #ddd;

border-width: 1px 0;

margin: 0 -8.9% 1.625em;

overflow: hidden;

padding: 1.625em 8.9%;

}

.error404 #main #s {

width: 95%;

}

.error404 #main .widget {

clear: none;

float: left;

margin-right: 3.7%;

width: 30.85%;

}

.error404 #main .widget_archive {

margin-right: 0;

}

.error404 #main .widget_tag_cloud {

float: none;

margin-right: 0;

width: 100%;

}

.error404 .widgettitle {

font-size: 10px;

letter-spacing: 0.1em;

line-height: 2.6em;

text-transform: uppercase;

}

/* =Showcase

----------------------------------------------- */

h1.showcase-heading {

color: #666;

font-size: 10px;

font-weight: 500;

letter-spacing: 0.1em;

line-height: 2.6em;

text-transform: uppercase;

}

/* Intro */

article.intro {

background: #f9f9f9;

border-bottom: none;

margin: -1.855em -8.9% 1.625em;

padding: 0 8.9%;

}

article.intro .entry-title {

display: none;

}

article.intro .entry-content {

color: #111;

font-size: 12px;

padding: 1.625em 0 0.625em;

}

article.intro .edit-link a {

background: #aaa;

-moz-border-radius: 3px;

border-radius: 3px;

color: #fff;

font-size: 12px;

padding: 0 8px;

position: absolute;

top: 30px;

right: 20px;

text-decoration: none;

}

article.intro .edit-link a:hover,

article.intro .edit-link a:focus,

article.intro .edit-link a:active {

background: #777;

}

/* Featured post */

section.featured-post {

float: left;

margin: -1.625em -8.9% 1.625em;

padding: 1.625em 8.9% 0;

position: relative;

width: 100%;

}

section.featured-post .hentry {

border: none;

color: #666;

margin: 0;

}

section.featured-post .entry-meta {

clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

clip: rect(1px, 1px, 1px, 1px);

position: absolute !important;

}

/* Small featured post */

section.featured-post .attachment-small-feature {

float: right;

height: auto;

margin: 0 -8.9% 1.625em 0;

max-width: 59%;

position: relative;

right: -15px;

}

section.featured-post.small {

padding-top: 0;

}

section.featured-post .attachment-small-feature:hover,

section.featured-post .attachment-small-feature:focus,

section.featured-post .attachment-small-feature:active {

opacity: .8;

}

article.feature-image.small {

float: left;

margin: 0 0 1.625em;

width: 45%;

}

article.feature-image.small .entry-title {

line-height: 1.2em;

}

article.feature-image.small .entry-summary {

color: #555;

font-size: 13px;

}

article.feature-image.small .entry-summary p a {

background: #222;

color: #eee;

display: block;

left: -23.8%;

padding: 9px 26px 9px 85px;

position: relative;

text-decoration: none;

top: 20px;

width: 180px;

z-index: 1;

}

article.feature-image.small .entry-summary p a:hover {

background: #1982d1;

color: #eee;

color: rgba(255,255,255,0.8);

}

/* Large featured post */

section.feature-image.large {

border: none;

max-height: 288px;

padding: 0;

width: 100%;

}

section.feature-image.large .showcase-heading {

display: none;

}

section.feature-image.large .hentry {

border-bottom: none;

left: 9%;

margin: 1.625em 9% 0 0;

position: absolute;

top: 0;

}

article.feature-image.large .entry-title a {

background: #222;

background: rgba(0,0,0,0.8);

-moz-border-radius: 3px;

border-radius: 3px;

color: #fff;

display: inline-block;

font-weight: 300;

padding: .2em 20px;

}

section.feature-image.large:hover .entry-title a,

section.feature-image.large .entry-title:hover a {

background: #eee;

background: rgba(255,255,255,0.8);

color: #222;

}

article.feature-image.large .entry-summary {

display: none;

}

section.feature-image.large img {

display: block;

height: auto;

max-width: 117.9%;

padding: 0 0 6px;

}

/* Featured Slider */

.featured-posts {

border-bottom: 1px solid #ddd;

display: block;

height: 328px;

margin: 1.625em -8.9% 20px;

max-width: 1000px;

padding: 0;

position: relative;

overflow: hidden;

}

.featured-posts .showcase-heading {

padding-left: 8.9%;

}

.featured-posts section.featured-post {

background: #fff;

height: 288px;

left: 0;

margin: 0;

position: absolute;

top: 30px;

width: auto;

}

.featured-posts section.featured-post.large {

max-width: 100%;

overflow: hidden;

}

.featured-posts section.featured-post {

-webkit-transition-duration: 200ms;

-webkit-transition-property: opacity, visibility;

-webkit-transition-timing-function: ease;

-moz-transition-duration: 200ms;

-moz-transition-property: opacity, visibility;

-moz-transition-timing-function: ease;

}

.featured-posts section.featured-post {

opacity: 0;

visibility: hidden;

}

.featured-posts #featured-post-1 {

opacity: 1;

visibility: visible;

}

.featured-post .feature-text:after,

.featured-post .feature-image.small:after {

content: ' ';

background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */

background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */

width: 100%;

height: 45px;

position: absolute;

top: 230px;

}

.featured-post .feature-image.small:after {

top: 253px;

}

#content .feature-slider {

top: 5px;

right: 8.9%;

overflow: visible;

position: absolute;

}

.feature-slider ul {

list-style-type: none;

margin: 0;

}

.feature-slider li {

float: left;

margin: 0 6px;

}

.feature-slider a {

background: #3c3c3c;

background: rgba(60,60,60,0.9);

-moz-border-radius: 12px;

border-radius: 12px;

-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

display: block;

width: 14px;

height: 14px;

}

.feature-slider a.active {

background: #1982d1;

-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

cursor: default;

opacity: 0.5;

}

/* Recent Posts */

section.recent-posts {

padding: 0 0 1.625em;

}

section.recent-posts .hentry {

border: none;

margin: 0;

}

section.recent-posts .other-recent-posts {

border-bottom: 1px solid #ddd;

list-style: none;

margin: 0;

}

section.recent-posts .other-recent-posts li {

padding: 0.3125em 0;

position: relative;

}

section.recent-posts .other-recent-posts .entry-title {

border-top: 1px solid #ddd;

font-size: 10px;

}

section.recent-posts .other-recent-posts a[rel=bookmark] {

color: #373737;

float: left;

max-width: 84%;

}

section.recent-posts .other-recent-posts a[rel=bookmark]:after {

content: '-';

color: transparent;

font-size: 11px;

}

section.recent-posts .other-recent-posts a[rel=bookmark]:hover {

}

section.recent-posts .other-recent-posts .comments-link a,

section.recent-posts .other-recent-posts .comments-link > span {

border-bottom: 2px solid #999;

bottom: -2px;

color: #444;

display: block;

font-size: 10px;

font-weight: 500;

line-height: 2.76333em;

padding: 0.3125em 0 0.3125em 1em;

position: absolute;

right: 0;

text-align: right;

text-transform: uppercase;

z-index: 1;

}

section.recent-posts .other-recent-posts .comments-link > span {

border-color: #bbb;

color: #888;

}

section.recent-posts .other-recent-posts .comments-link a:hover {

color: #1982d1;

border-color: #1982d1;

}

section.recent-posts .other-recent-posts li:after {

clear: both;

content: '.';

display: block;

height: 0;

visibility: hidden;

}

/* =Attachments

----------------------------------------------- */

.image-attachment div.attachment {

background: #f9f9f9;

border: 0px solid #ddd;

border-width: 1px 0;

margin: 0 -8.9% 1.625em;

overflow: hidden;

padding: 1.625em 1.625em 0;

text-align: center;

}

.image-attachment div.attachment img {

display: block;

height: auto;

margin: 0 auto 1.625em;

max-width: 100%;

}

.image-attachment div.attachment a img {

border-color: #f9f9f9;

}

.image-attachment div.attachment a:focus img,

.image-attachment div.attachment a:hover img,

.image-attachment div.attachment a:active img {

border-color: #ddd;

background: #fff;

}

.image-attachment .entry-caption p {

font-size: 10px;

letter-spacing: 0.1em;

line-height: 2.6em;

margin: 0 0 2.6em;

text-transform: uppercase;

}

/* =Navigation

-------------------------------------------------------------- */

#content nav {

clear: both;

overflow: hidden;

padding: 0 0 1.625em;

border: 10;

}

#content nav a {

font-size: 12px;

font-weight: bold;

line-height: 2.2em;

border: 10;

}

#nav-above {

padding: 0 0 1.625em;

}

#nav-above {

display: none;

}

.paged #nav-above {

display: block;

}

.nav-previous {

float: left;

width: 50%;

}

.nav-next {

float: right;

text-align: right;

width: 50%;

}

#content nav .meta-nav {

font-weight: normal;

}

/* Singular navigation */

#nav-single {

float: right;

position: relative;

top: -0.3em;

text-align: right;

z-index: 1;

}

#nav-single .nav-previous,

#nav-single .nav-next {

width: auto;

}

#nav-single .nav-next {

padding-left: .5em;

}

#nav-single .nav-previous {

padding-right: .5em;

}

/* =Widgets

----------------------------------------------- */

.widget-area {

font-size:10px;

background: #ddd;

}

.widget {

clear: both;

margin: 0 0 0em;

}

.widget-title {

color: #ffffff;

font-size: 11px;

font-weight: 500;

letter-spacing: 0.1em;

line-height: 2.6em;

text-transform: uppercase;

margin-right: 0em;

margin-left: 0em;

background: #77787b;

padding-right: 3.6em;

}

.widget ul {

font-size: 9px;

margin: 0;

}

.widget ul ul {

margin-left: 1.5em;

}

.widget ul li {

color: #fff;

font-size: 11px;

margin-left: 3em;

margin-right: 3.6em;

line-height: 3.333em;

}

.widget a {

font-weight: normal;

text-decoration: none;

}

.widget a:hover,

.widget a:focus,

.widget a:active

{

text-decoration: underline;

.widget a: border:5;

}

/* Search Widget */

.widget_search form {

margin: 0 0 1.625em;

}

.widget_search #s {

width: 77%;

}

.widget_search #searchsubmit {

background: #ddd;

border: 1px solid #ccc;

-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

color: #888;

font-size: 13px;

line-height: 25px;

position: relative;

top: -2px;

}

.widget_search #searchsubmit:active {

background: #1982d1;

border-color: #0861a5;

-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

color: #bfddf3;

}

/* Ephemera Widget */

section.ephemera ol,

.widget_twentyeleven_ephemera ol {

list-style: square;

margin: 5px 0 0;

}

.widget_twentyeleven_ephemera .widget-entry-title {

font-size: 15px;

font-weight: bold;

padding: 0;

}

.widget_twentyeleven_ephemera .comments-link a,

.widget_twentyeleven_ephemera .comments-link > span {

color: #666;

display: block;

font-size: 10px;

font-weight: 500;

line-height: 2.76333em;

text-transform: uppercase;

}

section.ephemera .entry-title .comments-link a:hover,

.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {

}

section.ephemera .entry-title a span {

color: #29628d;

}

/* Twitter */

.widget_twitter li {

list-style-type: none;

margin-bottom: 14px;

}

.widget_twitter .timesince {

display: block;

font-size: 11px;

margin-right: -10px;

text-align: right;

}

/* Widget Image */

.widget_image img {

border: 0;

padding: 0;

height: auto;

max-width: 100%;

}

/* Calendar Widget */

.widget_calendar #wp-calendar {

color: #555;

width: 95%;

text-align: center;

}

.widget_calendar #wp-calendar caption,

.widget_calendar #wp-calendar td,

.widget_calendar #wp-calendar th {

text-align: center;

}

.widget_calendar #wp-calendar caption {

font-size: 11px;

font-weight: 500;

padding: 5px 0 3px 0;

text-transform: uppercase;

}

.widget_calendar #wp-calendar th {

background: #f4f4f4;

border-top: 1px solid #ccc;

border-bottom: 1px solid #ccc;

font-weight: bold;

}

.widget_calendar #wp-calendar tfoot td {

background: #f4f4f4;

border-top: 1px solid #ccc;

border-bottom: 1px solid #ccc;

}

/* =Comments

----------------------------------------------- */

#comments-title {

color: #666;

font-size: 10px;

font-weight: 500;

line-height: 2.6em;

padding: 0 0 2.6em;

text-transform: uppercase;

}

.nopassword,

.nocomments {

color: #aaa;

font-size: 12px;

font-weight: 100;

margin: 26px 0;

text-align: center;

}

.commentlist {

list-style: none;

margin: 0 auto;

width: 68.9%;

}

.content .commentlist,

.page-template-sidebar-page-php .commentlist {

width: 100%; /* reset the width for the one-column and sidebar page layout */

}

.commentlist > li.comment {

background: #f6f6f6;

border: 1px solid #ddd;

-moz-border-radius: 3px;

border-radius: 3px;

margin: 0 0 1.625em;

padding: 1.625em;

position: relative;

}

.commentlist .pingback {

margin: 0 0 1.625em;

padding: 0 1.625em;

}

.commentlist .children {

list-style: none;

margin: 0;

}

.commentlist .children li.comment {

background: #fff;

border-left: 1px solid #ddd;

-moz-border-radius: 0 3px 3px 0;

border-radius: 0 3px 3px 0;

margin: 1.625em 0 0;

padding: 1.625em;

position: relative;

}

.commentlist .children li.comment .fn {

display: block;

}

.comment-meta .fn {

font-style: normal;

}

.comment-meta {

color: #666;

font-size: 12px;

line-height: 2.2em;

}

.commentlist .children li.comment .comment-meta {

line-height: 1.625em;

margin-left: 50px;

}

.commentlist .children li.comment .comment-content {

margin: 1.625em 0 0;

}

.comment-meta a {

font-weight: bold;

}

.comment-meta a:focus,

.comment-meta a:active,

.comment-meta a:hover {

}

.commentlist .avatar {

-moz-border-radius: 3px;

border-radius: 3px;

-webkit-box-shadow: 0 1px 2px #ccc;

-moz-box-shadow: 0 1px 2px #ccc;

box-shadow: 0 1px 2px #ccc;

left: -102px;

padding: 0;

position: absolute;

top: 0;

}

.commentlist > li:before {

content: url(images/comment-arrow.png);

left: -21px;

position: absolute;

}

.commentlist > li.pingback:before {

content: '';

}

.commentlist .children .avatar {

background: none;

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

left: 2.2em;

padding: 0;

top: 2.2em;

}

a.comment-reply-link {

background: #eee;

-moz-border-radius: 3px;

border-radius: 3px;

color: #666;

display: inline-block;

font-size: 12px;

padding: 0 8px;

text-decoration: none;

}

a.comment-reply-link:hover,

a.comment-reply-link:focus,

a.comment-reply-link:active {

background: #888;

color: #fff;

}

a.comment-reply-link > span {

display: inline-block;

position: relative;

top: -1px;

}

/* Post author highlighting */

.commentlist > li.bypostauthor {

background: #ddd;

border-color: #d3d3d3;

}

.commentlist > li.bypostauthor .comment-meta {

color: #575757;

}

.commentlist > li.bypostauthor .comment-meta a:focus,

.commentlist > li.bypostauthor .comment-meta a:active,

.commentlist > li.bypostauthor .comment-meta a:hover {

}

.commentlist > li.bypostauthor:before {

content: url(images/comment-arrow-bypostauthor.png);

}

/* Post Author threaded comments */

.commentlist .children > li.bypostauthor {

background: #ddd;

border-color: #d3d3d3;

}

/* sidebar-page.php comments */

/* Make sure we have room for our comment avatars */

.page-template-sidebar-page-php .commentlist > li.comment,

.page-template-sidebar-page-php.commentlist .pingback {

margin-left: 102px;

width: auto;

}

/* And a full-width comment form */

.page-template-sidebar-page-php #respond {

width: auto;

}

/* Comment Form */

#respond {

background: #ddd;

border: 1px solid #d3d3d3;

-moz-border-radius: 3px;

border-radius: 3px;

margin: 0 auto 1.625em;

padding: 1.625em;

position: relative;

width: 68.9%;

}

#respond input[type=text],

#respond textarea {

background: #fff;

border: 2px solid #eee;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

position: relative;

padding: 10px;

text-indent: 80px;

}

#respond .comment-form-author,

#respond .comment-form-email,

#respond .comment-form-url,

#respond .comment-form-comment {

position: relative;

}

#respond .comment-form-author label,

#respond .comment-form-email label,

#respond .comment-form-url label,

#respond .comment-form-comment label {

background: #eee;

-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

color: #555;

display: inline-block;

font-size: 13px;

left: 4px;

min-width: 60px;

padding: 4px 10px;

position: relative;

top: 40px;

z-index: 1;

}

#respond input[type=text]:focus,

#respond textarea:focus {

text-indent: 0;

z-index: 1;

}

#respond textarea {

resize: vertical;

width: 95%;

}

#respond .comment-form-author .required,

#respond .comment-form-email .required {

color: #bd3500;

font-size: 22px;

font-weight: bold;

left: 75%;

position: absolute;

top: 45px;

z-index: 1;

}

#respond .comment-notes,

#respond .logged-in-as {

font-size: 13px;

}

#respond p {

margin: 10px 0;

}

#respond .form-submit {

float: right;

margin: -20px 0 10px;

}

#respond input#submit {

background: #222;

border: none;

-moz-border-radius: 3px;

border-radius: 3px;

-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

color: #eee;

cursor: pointer;

font-size: 15px;

margin: 20px 0;

padding: 5px 42px 5px 22px;

position: relative;

left: 30px;

text-shadow: 0 -1px 0 rgba(0,0,0,0.3);

}

#respond input#submit:active {

background: #1982d1;

color: #bfddf3;

}

#respond #cancel-comment-reply-link {

color: #666;

margin-left: 10px;

text-decoration: none;

}

#respond .logged-in-as a:hover,

#respond #cancel-comment-reply-link:hover {

text-decoration: underline;

}

.commentlist #respond {

margin: 1.625em 0 0;

width: auto;

}

#reply-title {

color: #373737;

font-size: 24px;

font-weight: bold;

line-height: 30px;

}

#cancel-comment-reply-link {

color: #888;

display: block;

font-size: 10px;

font-weight: normal;

line-height: 2.2em;

letter-spacing: 0.05em;

position: absolute;

right: 1.625em;

text-decoration: none;

text-transform: uppercase;

top: 1.1em;

}

#cancel-comment-reply-link:focus,

#cancel-comment-reply-link:active,

#cancel-comment-reply-link:hover {

color: #ff4b33;

}

#respond label {

line-height: 2.2em;

}

#respond input[type=text] {

display: block;

height: 24px;

width: 75%;

}

#respond p {

font-size: 12px;

}

p.comment-form-comment {

margin: 0;

}

.form-allowed-tags {

display: none;

}

/* =Footer

----------------------------------------------- */

#colophon {

clear: both;

background: #2b2a29;

width: auto;

}

#supplementary {

border-top: 1px solid #666;

padding: 1.625em 7.6%;

overflow: hidden;

}

/* Two Footer Widget Areas */

#supplementary.two .widget-area {

float: left;

margin-right: 3.7%;

width: 48.1%;

}

#supplementary.two .widget-area + .widget-area {

margin-right: 0;

}

/* Three Footer Widget Areas */

#supplementary.three .widget-area {

float: left;

margin-right: 3.7%;

width: 30.85%;

}

#supplementary.three .widget-area + .widget-area + .widget-area {

margin-right: 0;

}

/* Site Generator Line */

#site-generator {

background: #f9f9f9;

border-top: 1px solid #ddd;

color: #666;

font-size: 12px;

line-height: 2.2em;

padding: 0em 0.5em;

text-align: center;

}

#site-generator a {

color: #555;

font-weight: bold;

}

/* =Responsive Structure

----------------------------------------------- */

@media (max-width: 800px) {

/* Simplify the basic layout */

#main #content {

margin: 0 7.6%;

width: auto;

}

#nav-below {

border-bottom: 1px solid #ddd;

margin-bottom: 1.625em;

}

#main #secondary {

float: none;

margin: 0 7.6%;

width: auto;

}

/* Simplify the showcase template */

.page-template-showcase-php .featured-posts {

min-height: 280px;

}

.featured-posts section.featured-post {

height: auto;

}

.page-template-showcase-php section.recent-posts {

float: none;

margin: 0;

width: 100%;

}

.page-template-showcase-php #main .widget-area {

float: none;

margin: 0;

width: auto;

}

.page-template-showcase-php .other-recent-posts {

border-bottom: 1px solid #ddd;

}

/* Simplify the showcase template when small feature */

section.featured-post .attachment-small-feature,

.one-column section.featured-post .attachment-small-feature {

border: none;

display: block;

float: left;

height: auto;

margin: 0.625em auto 1.025em;

max-width: 30%;

position: static;

}

article.feature-image.small {

float: right;

margin: 0 0 1.625em;

width: 64%;

}

.one-column article.feature-image.small .entry-summary {

height: auto;

}

article.feature-image.small .entry-summary p a {

left: 0;

padding-left: 20px;

padding-right: 20px;

width: auto;

}

/* Remove the margin on singular articles */

.singular .entry-header,

.singular .entry-content,

.singular footer.entry-meta,

.singular #comments-title {

width: 100%;

}

/* Simplify the pullquotes and pull styles */

.singular blockquote.pull {

margin: 0 0 1.625em;

}

.singular .pull.alignleft {

margin: 0 1.625em 0 0;

}

.singular .pull.alignright {

margin: 0 0 0 1.625em;

}

.singular .entry-meta .edit-link a {

left: 0;

position: absolute;

top: 40px;

}

.singular #author-info {

margin: 2.2em -8.8% 0;

padding: 20px 8.8%;

}

/* Make sure we have room for our comment avatars */

.commentlist {

width: 100%;

}

.commentlist > li.comment,

.commentlist .pingback {

margin-left: 102px;

width: auto;

}

/* And a full-width comment form */

#respond {

width: auto;

}

/* No need to float footer widgets at this size */

#colophon #supplementary .widget-area {

float: none;

margin-right: 0;

width: auto;

}

/* No need to float 404 widgets at this size */

.error404 #main .widget {

float: none;

margin-right: 0;

width: auto;

}

}

@media (max-width: 650px) {

/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */

body, input, textarea {

font-size: 13px;

}

#site-title a {

font-size: 24px;

}

#site-description {

font-size: 12px;

}

#access ul {

font-size: 12px;

}

article.intro .entry-content {

font-size: 12px;

}

.entry-title {

font-size: 21px;

}

.featured-post .entry-title {

font-size: 14px;

}

.singular .entry-title {

font-size: 28px;

}

.entry-meta {

font-size: 12px;

}

blockquote {

margin: 0;

}

blockquote.pull {

font-size: 17px;

}

/* Reposition the site title and description slightly */

#site-title {

padding: 5.30625em 0 0;

}

#site-title,

#site-description {

margin-right: 0;

}

/* Make sure the logo and search form don't collide */

#branding #searchform {

top: 1.625em !important;

}

/* Floated content doesn't work well at this size */

.alignleft,

.alignright {

display: block;

float: none;

margin-left: 0;

margin-right: 0;

}

/* Make sure the post-post navigation doesn't collide with anything */

#nav-single {

display: block;

position: static;

}

.singular .hentry {

padding: 1.625em 0 0;

}

.singular.page .hentry {

padding: 1.625em 0 0;

}

/* Talking avatars take up too much room at this size */

.commentlist > li.comment,

.commentlist > li.pingback {

margin-left: 0 !important;

}

.commentlist .avatar {

background: transparent;

display: block;

padding: 0;

position: static;

}

.commentlist .children .avatar {

background: none;

left: 2.2em;

padding: 0;

position: absolute;

top: 2.2em;

}

/* Use the available space in the smaller comment form */

#respond input[type=text] {

width: 95%;

}

#respond .comment-form-author .required,

#respond .comment-form-email .required {

left: 95%;

}

#content .gallery-columns-3 .gallery-item {

width: 31%;

padding-right: 2%;

}

#content .gallery-columns-3 .gallery-item img {

width: 100%;

height: auto;

}

}

@media (max-width: 450px) {

#content .gallery-columns-2 .gallery-item {

width: 45%;

padding-right: 4%;

}

#content .gallery-columns-2 .gallery-item img {

width: 100%;

height: auto;

}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

body {

padding: 0;

}

#page {

margin-top: 0;

}

#branding {

border-top: none;

}

}

/* =Print

----------------------------------------------- */

@media print {

body {

background: none !important;

font-size: 10pt;

}

footer.entry-meta a[rel=bookmark]:link:after,

footer.entry-meta a[rel=bookmark]:visited:after {

content: " [" attr(href) "] "; /* Show URLs */

}

#page {

clear: both !important;

display: block !important;

float: none !important;

max-width: 100%;

position: relative !important;

}

#branding {

border-top: none !important;

padding: 0;

}

#branding hgroup {

margin: 0;

}

#site-title a {

font-size: 21pt;

}

#site-description {

font-size: 10pt;

}

#branding #searchform {

display: none;

}

#branding img {

display: none;

}

#access {

display: none;

}

#main {

border-top: none;

box-shadow: none;

}

#primary {

float: left;

margin: 0;

width: 100%;

}

#content {

margin: 0;

width: auto;

}

.singular #content {

margin: 0;

width: 100%;

}

.singular .entry-header .entry-meta {

position: static;

}

.entry-meta .edit-link a {

display: none;

}

#content nav {

display: none;

}

.singular .entry-header,

.singular .entry-content,

.singular footer.entry-meta,

.singular #comments-title {

margin: 0;

width: 100%;

}

.singular .hentry {

padding: 0;

}

.entry-title,

.singular .entry-title {

font-size: 21pt;

}

.entry-meta {

font-size: 10pt;

}

.entry-header .comments-link {

display: none;

}

.page-link {

display: none;

}

.singular #author-info {

background: none;

border-bottom: none;

border-top: none;

margin: 2.2em 0 0;

padding: 0;

}

#respond {

display: none;

}

.widget-area {

display: none;

}

#colophon {

display: none;

}

/* Comments */

.commentlist > li.comment {

background: none;

border: 1px solid #ddd;

-moz-border-radius: 3px 3px 3px 3px;

border-radius: 3px 3px 3px 3px;

margin: 0 auto 1.625em;

padding: 1.625em;

position: relative;

width: auto;

}

.commentlist .avatar {

height: 39px;

left: 2.2em;

top: 2.2em;

width: 39px;

}

.commentlist li.comment .comment-meta {

line-height: 1.625em;

margin-left: 50px;

}

.commentlist li.comment .fn {

display: block;

}

.commentlist li.comment .comment-content {

margin: 1.625em 0 0;

}

.commentlist .comment-edit-link {

display: none;

}

.commentlist > li::before,

.commentlist > li.bypostauthor::before {

content: '';

}

.commentlist .reply {

display: none;

}

/* Post author highlighting */

.commentlist > li.bypostauthor {

color: #444;

}

.commentlist > li.bypostauthor .comment-meta {

color: #666;

}

.commentlist > li.bypostauthor:before {

content: none;

}

/* Post Author threaded comments */

.commentlist .children > li.bypostauthor {

background: #fff;

border-color: #ddd;

}

.commentlist .children > li.bypostauthor > article,

.commentlist .children > li.bypostauthor > article .comment-meta {

color: #666;

}

}

/* =IE7

----------------------------------------------- */

#ie7 article.intro {

margin-left: -7.6%;

margin-right: -7.6%;

padding-left: -7.6%;

padding-right: -7.6%;

max-width: 1000px;

}

#ie7 section.featured-post {

margin-left: -7.6%;

margin-right: -7.6%;

max-width: 850px;

}

#ie7 section.recent-posts {

margin-right: 7.6%;

}

/* =IE8

----------------------------------------------- */

#ie8 section.feature-image.large img {

width: 100%;

}

/*

-----------------------------------------------------------*/

.test {

background: #222;

}

/*

--------------------------------------------*/

.test2 {

background: #fa0202; /* Show a solid color for older browsers */

background: -moz-linear-gradient(#252525, #fa0202);

background: -o-linear-gradient(#252525, #0a0a0a);

background: -webkit-gradient(linear, 3% 3%, 3% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */

background: -webkit-linear-gradient(#252525, #0a0a0a);

-webkit-box-shadow: rgba(2, 2, 2, 0.4) 0px 1px 2px;

-moz-box-shadow: rgba(2, 2, 2, 0.4) 0px 1px 2px;

box-shadow: rgba(2, 2, 2, 0.4) 0px 1px 2px;

clear: both;

display: block;

float: left;

margin: 0 auto 6px;

width: 100%;

}

.test2 ul {

font-size: 11px;

list-style: none;

margin: 0 0 0 -0.8125em;

padding-left: 0;

}

.test2 li {

float: left;

position: relative;

}

.test2 a {

color: #eee;

display: block;

line-height: 3.333em;

padding: 0 1.2125em;

text-decoration: none;

}

.test2 ul ul {

-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

box-shadow: 0 3px 3px rgba(0,0,0,0.2);

display: none;

float: left;

margin: 0;

position: absolute;

top: 3.333em;

left: 0;

width: 188px;

z-index: 99999;

}

.test2 ul ul ul {

left: 100%;

top: 0;

}

.test2 ul ul a {

background: #dad7d7;

border-bottom: 5px dotted #ddd;

color: #444;

font-size: 11px;

font-weight: bold;

height: auto;

line-height: 1.4em;

padding: 10px 10px;

width: 168px;

}

.test2 li:hover > a,

.test2 ul ul :hover > a,

.test2 a:focus {

background: #efefef;

}

.test2 li:hover > a,

.test2 a:focus {

background: #f9f9f9; /* Show a solid color for older browsers */

background: -moz-linear-gradient(#f9f9f9, #e5e5e5);

background: -o-linear-gradient(#f9f9f9, #e5e5e5);

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */

background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);

color: #0098ba;

}

.test2 ul li:hover > ul {

display: block;

}

.test2 .current-menu-item > a,

.test2 .current-menu-ancestor > a,

.test2 .current_page_item > a,

.test2 .current_page_ancestor > a {

font-weight: normal;

}

/*

-----------------------------------------------------------*/

.menu1 {

background: #6b6957;

}

.menu1 a {

color:#ccc;

font-weight:bold;

}

/*

-----------------------------------------------------------*/

.menu2 {

background: #51a917;

}

.menu2 a {

color:#222;

font-weight:bold;

}

/*

-----------------------------------------------------------*/

.menu3 {

background: #dcd800;

}

.menu3 a {

color:#222;

font-weight:bold;

}

/*

-----------------------------------------------------------*/

.menu4 {

background: #ffeb00;

}

.menu4 a {

color:#222;

font-weight:bold;

}

/*

-----------------------------------------------------------*/

.menu5 {

background: #ffb600;

}

.menu5 a {

color:#222;

font-weight:bold;

}

/*

-----------------------------------------------------------*/

.menu6 {

background: #f64b06;

}

.menu6 a {

color:#222;

font-weight:bold;

}

/*

-----------------------------------------------------------*/

.menu-fare {

background: #bcbecq;

}

.menu-fare a {

color:#303035;

}

.menu-fare ul li{

border-bottom: 1px solid #b2b1b1;

}

/*

-----------------------------------------------------------*/

.main-menu {

background: #4d4d4f;

}

.main-menu a {

color:#fefbfb;

font-weight:bold;

}

.main-menu ul li{

border-bottom: 1px solid #77787b;

padding-left: 10px;

}

/*

-----------------------------------------------------------*/

.main {

background: #4d4d4f;

}

.main a {

color:#fefbfb;

font-weight:bold;

}

/*

-----------------------------------------------------------*/

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

آدرس سایت رو بدید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

www.golnoor.com

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

مشکل اینجاست که شما بخش فوتر رو از یک عکس استفاده کردید

بهتریه به المان های html مثل ul li تبدیلش کنید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

کد قسمت فوتر:

 <?php

/**

* The template for displaying the footer.

*

* Contains the closing of the id=main div and all content after

*

*/

?>

</div><!-- #main -->

<footer id="colophon" role="contentinfo">

<?php

/* A sidebar in the footer? Yep. You can can customize

* your footer with three columns of widgets.

*/

if ( ! is_404() )

get_sidebar( 'footer' );

?>

<div id="site-generator">

<?php do_action( 'twentyeleven_credits' ); ?>

<a href="<?php echo esc_url( __( 'http:// /', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( ' ', ' ' ); ?>" rel="generator"><?php printf( __( ' %s', 'twentyeleven' ), ' ' ); ?></a>

</div>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

</head>

<body>

<map name="FPMap1">

<area coords="684, 12, 949, 39" shape="rect" href="/Fa/?page_id=1425">

<area href="/Fa/?page_id=436" shape="rect" coords="685, 40, 948, 61">

<area href="/Fa/?page_id=1033" shape="rect" coords="688, 63, 945, 83">

<area href="/Fa/?page_id=1509" shape="rect" coords="689, 87, 945, 106">

<area href="/Fa/?page_id=366" shape="rect" coords="693, 107, 946, 127">

<area href="/Fa/?page_id=1487" shape="rect" coords="688, 130, 943, 152">

<area href="http://www.iranlighting.com" shape="rect" coords="223, 14, 660, 38">

<area href="http://www.sipiem.com" shape="rect" coords="224, 38, 658, 60">

<area href="http://www.ieis.ir" shape="rect" coords="418, 62, 658, 83">

<area href="http://www.anofol.com" shape="rect" coords="420, 83, 656, 104">

<area href="http://www.elt.es" shape="rect" coords="421, 105, 654, 126">

<area href="http://www.reverberi.it" shape="rect" coords="419, 126, 657, 153">

</map>

<img border="0" src="http://www.golnoor.i.../up/Footer.gif" usemap="#FPMap1">

</body>

</html>

</footer><!-- #colophon -->

</div><!-- #page -->

<?php wp_footer(); ?>

</body>

</html>

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

همین تگ مربوط به map رو باید تغییر بدید و حذفش کنید و بجاش li - ul استفاده کنید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

ببخشید من تاپیک رو مجدد میارم بالا

هنوز مشکل دارم

الان توی این آدرس:

www.bonap.ir/Test

وقتی که با موبایل باز می کنم بازم اسلاید زده بیرون

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای من صفحه تون روی لودینگ میمونه!

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

شما برای عکسهاتون در اسلایدر استایلی برای حالت مثلا موبایل تعریف نکردید؟

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

نه این اسلایدر آماده است.

از پلاگین content slide plugin استفاده کردم.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

خوب بهش استایل بدید و به عکسها استایلی بدید که در دیوایس ها اندازه شون کوچیک بشه

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

خیلی کلی راهنماییم کردید. من بلد نیستم.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

آموزش:


http://css-tricks.com/which-responsive-images-solution-should-you-use/
http://css-tricks.com/on-responsive-images/

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری