|
|
Moderador del foro: ZorG |
Foro uCoz » Información General » Para los principiantes » Problema al visualizar mi web en el movil |
Problema al visualizar mi web en el movil |
hola de repente mi web no se muestra correctamente en el movil y en el pc si!
www.tallerpalomares.ucoz.es a que se puede deber???? saludos y muchas gracias Agregado (2014-11-05, 5:12 PM) --------------------------------------------- qui dejo la pagina de inicio! $ADMIN_BAR$ $GLOBAL_AHEADER$ $GLOBAL_PROMO$ $CONTENT$ $GLOBAL_BOTTOM$ $GLOBAL_BFOOTER$ y el css: @font-face { font-family:'CuprumReg'; src:url('/.s/t/1111/fonts/cuprum-regular.eot'); src:url('/.s/t/1111/fonts/cuprum-regular.eot?#iefix') format('embedded-opentype'), url('/.s/t/1111/fonts/cuprum-regular.woff') format('woff'), url('/.s/t/1111/fonts/cuprum-regular.ttf') format('truetype'), url('/.s/t/1111/fonts/cuprum-regular.svg#cuprum-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'CuprumBold'; src:url('/.s/t/1111/fonts/cuprum-bold.eot'); src:url('/.s/t/1111/fonts/cuprum-bold.eot?#iefix') format('embedded-opentype'), url('/.s/t/1111/fonts/cuprum-bold.woff') format('woff'), url('/.s/t/1111/fonts/cuprum-bold.ttf') format('truetype'), url('/.s/t/1111/fonts/cuprum-bold.svg#cuprum-bold') format('svg'); font-weight: normal; font-style: normal; } body {background:#f2f2f2;margin:0;padding:0;font-size:12px;font-family:Tahoma,Geneva,sans-serif;color:#6d7274;} img,form {border:0;margin:0;} a,input {outline:none;} a {color:#0a8fcc;text-decoration:none;} a:hover {text-decoration:underline;} h1,h2, h3, h4, h5, h6 {font-weight:normal;margin:5px 0;padding:0;} h1 {font-size:26px;} h2 {font-size:21px;} h3 {font-size:19px;} h4 {font-size:17px;} h5 {font-size:15px;} h6 {font-size:13px;} ul {list-style:square;} hr {border:none;border-bottom:1px solid #8e989b;margin:15px 0;} .clr {clear:both;} .wrapper {margin:0 auto;} #header {background:#273135 url(/.s/t/1111/top.png);} #head-top {background:#637075;padding:17px;color:#f2f2f2;font-size:12px;text-transform:uppercase;margin:0 0 60px;font-family:'CuprumReg';} .head-l,.part-l {float:left;} .head-r,.part-r {float:right;} #head-top a {color:#f2f2f2;} #head-top a.rss-lnk {color:#ff8a00;} #head-top a:hover {color:#0a8fcc;text-decoration:none;} #catmenu {height:70px;background:#637075;overflow:hidden;} #catmenu .nav-head,#catmenu ul li em {display:none;} #catmenu ul,#catmenu li {margin:0;padding:0;list-style:none;} #catmenu li {float:left;} #catmenu li.item-parent {position:relative;} #catmenu li a {position:relative;display:block;height:70px;line-height:70px;float:left;color:#414a4e;font-size:14px;text-transform:uppercase;text-align:center;font-family:'CuprumBold';} #catmenu li a span {display:inline-block;padding:0 10px;line-height:120%;vertical-align:middle;} #catmenu li a:hover {text-decoration:none;} #catmenu li a:hover:before,#catmenu li a.current-item:before {content:"";position:absolute;height:5px;width:100%;top:-5px;left:0;background:#0a8fcc;} #catmenu li.item-0 > a {background:#6f7c81;} #catmenu li.item-1 > a {background:#7d8b91;} #catmenu li.item-2 > a {background:#8c9ca2;} #catmenu li.item-3 > a {background:#9eafb6;} #catmenu li.item-4 > a {background:#b3c3c9;} #catmenu li.item-5 > a {background:#c6d7dd;} #catmenu li.item-6 > a {background:#daeaf0;} #catmenu ul ul {display:none;position:absolute;width:200px;top:70px;z-index:200;-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);box-shadow:0 3px 5px 0 rgba(0,0,0,.2);} #catmenu li li {float:none;} #catmenu li li a {height:auto;line-height:normal;float:none;padding:8px 10px 8px 0;text-align:left;font-size:12px;color:#273135;border-top:1px solid #dde0e1;background:#fff;} #catmenu li li a:hover {background:#0a8fcc;color:#f2f2f2;} #catmenu li li:first-child a {border:none;} #catmenu li li a:before {display:none;} #catmenu li li.item-parent > a:before {content:"";display:block;width:0;position:absolute;height:0;border-left:4px solid #0a8fcc;border-top:4px solid transparent;top:11px;left:auto;right:16px;border-bottom:4px solid transparent;} #catmenu li li.item-parent > a:hover:before {border-left-color:#fff;} #catmenu ul ul ul {left:190px;top:1px;z-index:20;} #site-logo {height:70px;line-height:70px;overflow:hidden;padding:0 0 0 60px;background:url(/.s/t/1111/logo.png) repeat-y;} .site-l {display:inline-block;line-height:120%;vertical-align:middle;} .site-n,.site-n a {display:inline-block;color:#f2f2f2;font-size:24px;line-height:120%;text-transform:uppercase;text-decoration:none;font-family:'CuprumBold';} .site-d {display:inline-block;color:#0a8fcc;font-size:14px;text-transform:uppercase;padding:5px 0 0;font-family:'CuprumReg';} #slider {overflow:hidden;position:relative;} .slide-i {overflow:hidden;position:relative;} .slide-i img {display:block;} .slide-t {position:absolute;top:40px;right:0;font-size:30px;text-transform:uppercase;color:#2d383e;border-top: ;width:40%;text-align:right;font-family:'CuprumBold';} .slide-d {margin:40px 0 0;position:relative;overflow:hidden;border-top:1px solid #f2f2f2;} .slide-st {padding:36px 0 0;color:#f8f9f9;text-transform:uppercase;font-size:18px;font-family:'CuprumReg';} .slide-tx {padding:30px 0 0;color:#dedede;font-size:14px;} .read-m {display:block;position:absolute;bottom:40px;color:#f2f2f2;text-transform:uppercase;font-size:14px;background:#0a8fcc;font-family:'CuprumReg';} .read-m:hover {text-decoration:none;background:#929b9e;} .flex-control-nav,.flex-control-nav li {padding:0;margin:0;list-style:none;} .flex-control-nav {position:absolute;bottom:40px;z-index:100;} .flex-control-nav li {float:left;padding:0 0 0 10px;} .flex-control-nav a {display:block;width:17px;height:17px;background:#273135;text-indent:100%;white-space:nowrap;overflow:hidden;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;} .flex-control-nav a:hover {background:#929b9e;} a.flex-active,a.flex-active:hover {background:#0a8fcc;} #content {background:#ecedee;padding:40px 0;} #content fieldset {border:1px solid #8e989b;padding:20px;margin: 0 0 20px;} #casing label {color:#777!important;} .eBlock {margin:0 0 30px 0;padding:0;border-spacing:0;} .eBlock td {padding:0!important;} .eTitle {padding:0 0 20px!important;margin:0 0 14px;font-size:20px;text-transform:uppercase;border-bottom:1px solid #8e989b;color:#273135;font-family:'CuprumReg';} .eTitle a {color:#273135;text-decoration:none;} .eTitle div[style^="float:right"] a {font-size: inherit;} .eDetails,.eDetails1,.eDetails2{clear:both;font-size:12px;padding:10px!important;color:#f2f2f2;background:#8d979b;margin:10px 0 0;} .eDetails a,.eDetails1 a,.eDetails2 a {color:#f2f2f2;} .eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover {color:#273135;text-decoration:none;} .e-category,.e-comments {background:url(/.s/t/1111/details.png) 0 -500px no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;height:15px;line-height:15px;} .e-category:hover a,.e-comments:hover a {color:#273135;text-decoration:underline;} .e-category:hover a:hover,.e-comments:hover a:hover {text-decoration:none;} .e-category:hover,.e-comments:hover {background-position:-300px -500px;} .e-reads,.e-loads,.e-author,.e-date,.e-rating,.e-add,.e-tags {background:url(/.s/t/1111/details.png) 0 0 no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;height:15px;line-height:15px;} .e-reads:hover,.e-loads:hover,.e-author:hover,.e-date:hover,.e-rating:hover,.e-add:hover,.e-tags:hover {color:#273135;} .e-reads:hover a,.e-loads:hover a,.e-author:hover a,.e-date:hover a,.e-rating:hover a,.e-add:hover a,.e-tags:hover a {color:#273135;text-decoration:underline;} .e-reads:hover a:hover,.e-loads:hover a:hover,.e-author:hover a:hover,.e-date:hover a:hover,.e-rating:hover a:hover,.e-add:hover a:hover,.e-tags:hover a:hover {text-decoration:none;} .e-reads {background-position:0 0;} .e-reads:hover {background-position:-300px 0;} .e-loads {background-position:0 -400px;padding:0 0 0 14px;} .e-loads:hover {background-position:-300px -400px;} .e-author {background-position:0 -100px;padding:0 0 0 16px;} .e-author:hover {background-position:-300px -100px;} .e-date {background-position:0 -300px;padding:0 0 0 20px;} .e-date:hover {background-position:-300px -300px;} .e-comments {background-position:0 -200px;} .e-comments:hover {background-position:-300px -200px;} .e-rating {background-position:0 -600px;padding:0 0 0 20px;} .e-rating:hover {background-position:-300px -600px;} .e-add {background-position:0 -700px;padding:0 0 0 20px;} .e-add:hover {background-position:-300px -700px;} .e-tags {background-position:0 -800px;padding:0 0 0 20px;} .e-tags:hover {background-position:-300px -800px;} .eBlock .eDetails,.eBlock .eDetails1,.eDetails2 {padding:10px!important;margin:10px 0 0!important;} .eBlock td.eDetails,.eBlock td.eDetails1,.eBlock td.eDetails2 {padding:10px!important;border-bottom:1px solid #f2f2f2;} .eBlock td.eMessage,.eBlock td.eText {padding:10px 0 20px!important;} .ed-sep,.ed-title {display:none;} .eMessage,.eText {margin:0;padding:10px 0!important;line-height:150%;text-align:justify!important;} .eMessage img,.eText img {float:left;margin:5px 20px 5px 0!important;border:5px solid #fff!important;} .eMessage p,.eText p{margin:0;padding:0 0 5px 0;} .eBlock td.eMessage,.eBlock td.eMessage.eText {padding:0 0 10px!important;} .entryReadAll {display:none;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b, .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a {display: inline-block;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b {padding:4px 7px;font-weight:normal;color:#f2f2f2;font-size:11px;background:#0a8fcc;font-family:'CuprumReg';} .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a {padding:4px 7px;font-size:11px;text-decoration:none;color:#f2f2f2;background:#8d979b;font-family:'CuprumReg';} .pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover,.plist a:hover {text-decoration:underline;} .cBlock1,.cBlock2 {background:#fff;border-bottom:1px solid #cdd0d4;} #content .cBlock1,#content .cBlock2,.commTable{background:none;padding:20px 0 0;margin:15px 0 0;border-top:1px solid #cdd0d4;border-bottom:none;} .commTable {border-top-width:3px;border-color:#0a8fcc;} .cMessage {font-size:12px;line-height:130%;} .cTop {padding:0 0 15px 0;font-size:14px;text-transform:uppercase;font-family:'CuprumReg';} .cTop * {font-weight:normal;} .cAnswer {padding:5px 0 0 15px;font-style:italic;color:#273135;font-size:11px;} .commTd1 {padding:5px 2px;width:140px;} input.commFl,textarea.commFl,.prosFl,.consFl,#mchatNmF {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;} input.codeButtons {min-width:30px;} .securityCode {} .eAttach {margin:10px 0; font-size:11px;color:#666;padding:0 0 0 15px;background:url(/.s/t/1111/attach.gif) 0 0 no-repeat;} .eRating {font-size:8pt;} .manTdError,.commError {color:#ff0000;} .commReg {padding: 10px 0;text-align:center;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} .replaceTable {font-size:12px;padding:10px;border:none;color:#f2f2f2;background:#273135;} .legendTd {font-size:8pt;} .outputPM {border:1px dashed #ddd;margin:4px 0 4px 30px;} .inputPM {border:1px dashed #ddd;margin:4px 0;} .uTable {padding:0;background:#273135;} .uTable td {padding:3px 10px;background:#f2f2f2;} .uTable td.uTopTd {background:#8d979b;color:#3c424c;} .eAttach .entryAttachSize {padding-left:4px;} .manTable {text-align:left;} .manTable .manTd1 {font-size:12px;line-height:14px;width:200px;} #casing.popuptable {margin:0;padding:0;background:#ecedee;border:1px solid #eee;color:#555;} .popuptitle {font-size:20px;border-bottom:4px solid #273135;background:#0a8fcc;padding:10px;text-align:center;color:#fff;text-transform:uppercase;font-family:'CuprumReg';} .popupbody {padding:20px;font-size:12px;color:#555;} .popupbody * {font-size:12px!important;} .popuptable table {text-align:left;color:#555;} .archiveEntryTitle ul {margin:2px 0;list-style:circle;} .archiveEntryTitle .archiveEntryTime {display:inline-block;padding:3px 5px;font-size:11px;color:#fff;background:#5f676a;} .archiveEntryTitle .archiveEntryTitleLink {font-size:14px;text-decoration:none;color:#666;} .archiveEntryTitle .archiveEntryTitleLink:hover {text-decoration:underline;} .archiveEntryTitle .archiveEntryComms {font-size:11px;color:#999;} .user_avatar img {border:5px solid #fff;width:100px;} .cMessage .user_avatar img {border:3px solid #fff;width:50px;margin:0 10px 5px 0;} .sidebox {margin:40px 0 0;} .sidetitle {padding:8px 10px;font-size:16px;color:#f2f2f2;text-transform:uppercase;background:#929b9e;font-family:'CuprumReg';} .sidebox .inner {padding:20px;background:#e9eaeb;} .sidebox ul,.sidebox .catsTable {margin:0;padding:0;list-style:none;position:relative;margin:-20px;} .sidebox .catsTable,.sidebox .catsTable * {display:block;width:auto!important;} .sidebox li {list-style:none;padding:0;} .sidebox li a,.sidebox .catsTable td a {display:block;color:#273135;padding:7px 0 7px 23px;text-decoration:none;font-size:12px;text-transform:uppercase;position:relative;} .sidebox li a:before,.sidebox .catsTable td a:before {content:"";width:3px;height:3px;background:#273135;position:absolute;top:13px;left:10px;} .sidebox li a:hover,.sidebox .catsTable td a:hover {color:#f2f2f2;background:#0a8fcc;} .sidebox li a:hover:before,.sidebox .catsTable td a:hover:before {background:#f2f2f2;} .sidebox li.item-parent {position:relative;} .sidebox li.item-parent > a {padding-right:36px;} .sidebox li.item-parent em {position:absolute;top:4px;right:0;width:24px;height:24px;line-height:24px;font-style:normal;font-size:14px;text-align:center;z-index:10;cursor:pointer;} .sidebox li.item-parent em.hover {color:#fff;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);border-left:1px solid #fff;border-left:1px solid rgba(255,255,255,.6);} .sidebox li.item-parent em:hover {color:#0a8fcc;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);border-left:none;} .sidebox .catNumData {display:none!important;} .sidebox .calTable{width:100%;} .calTable {font-size:12px;} .calTable td {text-align:center;padding:7px 2px;} .calTable td a {text-decoration:underline;} .calTable td a:hover {text-decoration:none;} .calMonth,.calWday,.calWdaySe,.calWdaySu {font-size:13px;font-weight:bold;} .calTable td.calMonth a {text-decoration:none;} .calTable td.calMonth a:hover {text-decoration:underline;} .calTable .calMday {color:#aaa;} .calTable .calMdayA,.calTable .calMdayIsA {color:#f2f2f2;background:#0a8fcc;} .calTable .calMdayIsA a {color:#f2f2f2;} .sidebox ul ul { display:none;margin:10px 20px 0;padding:10px 0 0;border-top:1px solid #cdd0d4;} .sidebox ul ul ul {margin:10px 0 0 20px;} .sidebox iframe {border:1px solid #cdd0d4;} .sidebox .answer {padding:5px 0 0 0;} .sidebox input.mchat {max-width:97%;} .sidebox textarea.mchat {max-width:92%;} .sidebox .loginField {max-width:97%;} .schQuery,.schBtn {display:inline;padding:0 2px;} .sidebox ul.rate-list {margin:0;} #shop-basket ul li a {padding:0;margin:0;} #shop-basket ul li a:before {display:none;} #bottom {padding:40px 0 0;} #bot-w {background:#e2e5e6;border-top:4px solid #252f32;} .bot-i {float:left;} .bot-t {font-size:16px;text-transform:uppercase;color:#273135;padding:0 0 30px;font-family:'CuprumReg';} .bot-i ul {margin:0;padding:0 0 0 15px;} .bot-i li {margin:0;padding:3px 0;} .bot-i li a {color:#273135;} .bot-i hr {border-color:#8e989b;} .cont-l {color:#0a8fcc;display:block;padding:3px 0 3px 20px;background:url(/.s/t/1111/contacts.png) 3px 4px no-repeat;} .mail-l {background-position:0 -93px;} .foot-i {padding:40px 17px;color:#8e979b;font-size:10px;text-transform:uppercase;} .forum-box {padding:40px 0 0;} .gTable {background:#273135;} .gTableTop {color:#f2f2f2;font-family:'CuprumReg';text-transform:uppercase;padding:10px 20px;font-size:14px;} .gTableTop a {color:#f2f2f2!important} .gTableSubTop,.postTdTop {color:#3c424c;padding:3px 5px;font-size:12px;background:#8d979b;} .gTableSubTop a,.gTableSubTop a:hover,.postTdTop a,.postTdTop a:hover {color:#3c424c!important} .gTableSubTop b {font-weight:normal;} .gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType ,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.postTdInfo,.codeMessage,.quoteMessage,.forumIcoTd,.foru mThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom {padding:7px;background:#dee1e2;} .forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.postTdInfo,.gTableBody1,.posttdMessage {background:#f2f2f2;} .postBottom {padding:3px 7px;} a.forum,a.threadLink {padding:0 0 0 11px;background:url(/.s/t/1111/12.gif) 0 center no-repeat;font-size:14px;color:#3c424c;font-family:'CuprumReg';} a.forumLastPostLink {color:#666!important;} .gTableLeft {font-weight:bold} .gTableError {color:#FF0000} .forumLastPostTd,.forumArchive {font-size:8pt} a.catLink {text-decoration:none} a.catLink:hover {text-decoration:underline} .lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold} .archivedForum{font-size:8pt;color:#FF0000!important;font-weight:bold} .forumDescr {font-size:8pt} div.forumModer {color:#8e989b;font-size:8pt} .forumViewed {font-size:9px} .forumBarKw {font-weight:normal} a.forumBarA {text-decoration:none;color:#777!important} a.forumBarA:hover {text-decoration:none} .fastLoginForm {font-size:8pt} .switch,.pagesInfo {padding:2px 5px;font-weight:normal;font-size:11px;color:#f2f2f2;background:#929b9e;} .switchActive {padding:2px 6px;font-weight:normal;color:#f2f2f2;background:#0a8fcc;} a.switchDigit,a.switchBack,a.switchNext {text-decoration:none;color:#f2f2f2!important;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline} .threadLastPostTd {font-size:8pt} .threadDescr {color:#888;font-size:8pt} .threadNoticeLink {font-weight:bold} .threadsType {height:20px;font-weight:bold;font-size:8pt} .threadsDetails {height:20px;background:#8d979b;color:#3c424c;font-size:12px;padding:3px 10px;} .forumOnlineBar {height:20px} a.threadPinnedLink {font-weight:bold;color:#f63333!important} a.threadFrmLink {color:#555!important} .postpSwithces {font-size:8pt} .thDescr {font-weight:normal} .threadFrmBlock {font-size:8pt;text-align:right} .forumNamesBar {font-size:11px;padding:3px 0} .forumModerBlock {padding:3px 0} .postPoll {text-align:center} .postUser {font-weight:bold} .postRankName {margin-top:5px} .postRankIco {margin-bottom:5px;margin-bottom:5px} .reputation {margin-top:5px} .signatureHr {margin-top:20px} .postTdInfo {padding:10px;text-align:center} .posttdMessage {line-height:18px;padding:10px} .pollQuestion {text-align:center;font-weight:bold} .pollButtons,.pollTotal {text-align:center} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt} .pollSubmit {font-weight:bold} .pollEnd {text-align:center;height:30px} .codeMessage,.quoteMessage,.uSpoilerText {font-size:11px;padding:10px;background:#fff;border:1px solid #dee1e2!important;color:#888;} .signatureView {display:block;font-size:8pt;line-height:14px;padding:0 0 0 10px;border-left:3px solid #ddd} .edited {padding-top:30px;font-size:8pt;text-align:right;color:gray} .editedBy {font-weight:bold;font-size:8pt} .statusBlock {padding-top:3px} .statusOnline {color:#0f0} .statusOffline {color:#f00} .newThreadItem {padding:0 0 8px;background:url(/.s/t/1111/12.gif) no-repeat 0 4px} .newPollItem {padding:0 0 8px;background:url(/.s/t/1111/12.gif) no-repeat 0 4px} .pollHelp {font-weight:normal;font-size:8pt;padding-top:3px} .smilesPart {padding-top:5px;text-align:center} .userAvatar {border:3px solid #dee1e2;} .pollButtons button {margin:0 10px 0 0!important} .postBottom .goOnTop {display:none!important} .postIpLink {text-decoration:none;} .thread_subscribe {text-decoration:none;} .thread_subscribe:hover {text-decoration:underline;} .postip,.postip a {font-size:11px;color:#999;} .UhideBlockL {background:#dee1e2;border:1px solid #d0d1d2;padding:10px;color:#d0d1d2;} .UhideBlockL a {color:#999;} #casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#casing select,#bottom input[type='text'],#bottom input[type='password'],#bottom textarea,#bottom input[type='file'],#bottom select {font-size:11px;color:#8e989b;background:#f2f2f2;border:1px solid #bdc3c5;outline:none;vertical-align:middle;} #casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#bottom input[type='text'],#bottom input[type='password'],#bottom textarea,#bottom input[type='file'] {padding:5px 3px;} #casing input[type='file'].uplFileFl {margin: 0; padding: 3px;} #casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#bottom input[type='text'],#bottom input[type='password'],#bottom textarea,#bottom input[type='file'] {-webkit-appearance:none;} #casing input[type='text']:focus,#casing input[type='password']:focus,#casing textarea:focus,#casing input[type='file']:focus,#casing select:focus,#bottom input[type='text']:focus,#bottom input[type='password']:focus,#bottom textarea:focus,#bottom input[type='file']:focus,#bottom select:focus {border:1px solid #8d979b; box-shadow:inset 0 1px 2px 0 #ddd;} #casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button,#bottom input[type='submit'],#bottom input[type='reset'],#bottom input[type='button'],#bottom button,.ph-but {font-size:12px!important;color:#fff;padding:6px 10px;margin:0 0 1px;border:none;background:#0a8fcc;text-transform:uppercase;font-weight:normal!important;cursor:pointer;font-family:'CuprumReg';vertical-align:middle;} #casing input[type='submit']:hover,#casing input[type='reset']:hover,#casing input[type='button']:hover,#casing button:hover,#bottom input[type='submit']:hover,#bottom input[type='reset']:hover,#bottom input[type='button']:hover,#bottom button:hover,.ph-but:hover {background:#252f32;} #iplus input {width: auto !important;} #thread_search_field {width: 155px !important;margin-right: 4px !important;} #doSmbBt,.u-combobut {display:none;} #casing .u-comboeditcell,#casing .u-combo {border:0!important;background:none!important;} #casing .u-combolist {padding:5px 3px;background:#f2f2f2;border:1px solid #bdc3c5;font-size:12px!important;color:#999!important;} #content .xw-tl,#content .xw-bl,#content .u-menuvsep {display:none;} #content .xw-ml,#content .xw-mr {margin:0;padding:0;background:none;} #content .xw-mc {background:#f2f2f2;border:1px solid #bdc3c5;margin:0;font-size:12px!important;color:#999!important;} #uNetRegF table {text-align:left;} #uNetRegF table table {clear:both;} #uNetRegF table table td {padding:5px 0 0 0;} .sidebox .gTable {background:none;} .sidebox .gTableTop,.sidebox .gTableSubTop,.sidebox .forumNameTd {border:none;background:none;color:#273135;text-transform:none;height:auto;line-height:normal;overflow:visible;font-size:13px!important;font-family:Tahoma,Geneva,sans-serif;} .sidebox .gTable ul {padding:0 0 0 20px;} .sidebox .forumDescr {display:none;} .sidebox .gTableTop,.sidebox .gTableSubTop {display:block;padding:7px 20px!important;color:#273135;text-decoration:none;text-transform:uppercase;position:relative;} .sidebox .gTableTop:before,.sidebox .gTableSubTop:before {content:'';width:5px;height:5px;padding:0;margin:0;display:list-item;list-style:square;position:absolute;left:20px;top:9px;font-size:9px} .sidebox .gTableTop:hover,.sidebox .gTableSubTop:hover {color:#f2f2f2;background:#0a8fcc;} /***** Standard 1200px *****/ .wrapper {width:1170px;} .part-l,.slide-i img {width:766px;} .part-r {width:404px;} .part-i {padding:0 45px;} #slider,.slide-i {height:392px;} .slide-i img {min-height:392px;} .slide-t {padding:28px 45px 0;} .slide-d {height:351px;} .read-m {left:45px;padding:16px 45px;} .flex-control-nav {right:444px;} #content .calTable td {padding:12px;} .eMessage img,.eText img {width:210px;} #bot-w {padding:40px 45px;} .bot-i {width:220px;padding:0 25px;} /***** Standard 960px *****/ @media only screen and (min-width:960px) and (max-width:1200px) { .wrapper {width:980px;} .part-l,.slide-i img {width:660px;} .part-r {width:320px;} .part-i {padding:0 25px;} #slider,.slide-i {height:362px;} .slide-i img {min-height:362px;} .slide-t {padding:28px 25px 0;} .slide-d {height:321px;} .read-m {left:25px;padding:16px 25px;} .flex-control-nav {right:345px;} #content .calTable td {padding:10px;} .eMessage img,.eText img {width:200px;} #bot-w {padding:40px 25px;} .bot-i {width:202px;padding:0 15px;} #catmenu li a,.site-d {font-size:12px;} .site-n,.site-n a {font-size:20px;} } /***** iPad Smaller than 959px *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { .wrapper,#sidebar,.part-l,.slide-i img {width:768px;} .part-l,.part-r {float:none;width:768px;} #head-top {margin:0 0 20px;} #header .part-i {padding:0;} #catmenu {margin:25px 0 0;} #casing .part-r .part-i {padding:0;} .sidebox {float:left;width:354px;padding:0 15px;} #slider .part-r,.flex-control-nav {display:none;} .slide-t {font-size:20px;} #catmenu li a {font-size:11px;} #bot-w {padding:40px 0 0;} .bot-i {width:334px;padding:0 25px 40px;} } /***** iPhone (portrait) *****/ @media only screen and (max-width: 767px) { .wrapper,.part-r,.part-l,#catmenu.nav-mobi {width:300px;} .part-r,.part-l {float:none;width:300px;} body,#header,#content {background:#fff;} .part-i {padding:0;} #head-top {margin:0 0 20px;background:#273135;} #head-top .head-l,#slider {display:none;} #head-top .head-r {float:none;text-align:center;} #site-logo {margin:0 0 20px;background-image:url(/.s/t/1111/logo-d.png);} .site-n,.site-n a {font-size:16px;} .site-d {font-size:10px;} #catmenu.nav-mobi {width:300px;height:auto;margin:0 auto;background:#273135;border-top:3px solid #0a8fcc;} #catmenu.nav-mobi .nav-head {display:block;cursor:pointer;text-transform:uppercase;font-size:18px;text-align:left;width:280px;margin:0 auto 3px;padding:0 10px;line-height:42px;color:#fff;} .nav-head a {color:#fff;text-decoration:none; } .nav-head div.icon {float:right;width:25px;margin:14px 0 0;} .nav-head div.icon span {display:block;background:#fff;height:2px;margin:0 0 2px;} .nav-head:hover a,.nav-head.active a {color:#fff;} .nav-head:hover div.icon span,.nav-head.active div.icon span {background:#fff;} #catmenu li a:before, #catmenu li a.current-item:before {display:none;} #catmenu.nav-mobi ul {display:none;padding:0;position:relative;border:none;float:none;margin:0 0 3px;width:auto;height:auto;overflow:visible;background:none;} #catmenu.nav-mobi ul ul {background:#fff;padding:0;top:0;left:0;z-index:999;width:auto;margin:0!important;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #catmenu.nav-mobi ul ul ul {margin:0!important;border:none;} #catmenu.nav-mobi ul li {text-align:left;height:auto;float:none;position:relative;padding:0;text-transform:uppercase;border:none!important;} #catmenu.nav-mobi ul li.item-parent {position:relative!important;} #catmenu.nav-mobi ul li li {padding:0;} #catmenu.nav-mobi ul li.over {z-index:998;} #catmenu.nav-mobi ul li a {font-size:11px;display:block;color:#fff;height:auto;width:auto!important;line-height:normal;text-decoration:none;float:none;padding:0!important;border-top:1px solid #fff;background:#273135;} #catmenu.nav-mobi ul li.over > a {background:#637075;color:#fff;} #catmenu.nav-mobi ul li.over > em {color:#fff;} #catmenu.nav-mobi li.item-parent a:before {display:none;} #catmenu.nav-mobi ul li li a {font-size:10px;color:#273135;background:#dee1e2;border-color:#cdd0d4;} #catmenu.nav-mobi ul li li li a {background:#f0f2f3;} #catmenu.nav-mobi ul li a:hover {text-decoration:none;} #catmenu.nav-mobi ul li a span {text-align:left;display:block;white-space:nowrap;cursor:pointer;padding:0 10px;line-height:30px;height:30px;} #catmenu.nav-mobi ul li ul a span {white-space:normal;} #catmenu.nav-mobi ul li em {position:absolute;display:block;border-left:1px solid #fff;color:#fff;top:1px;right:0;width:30px;line-height:30px;height:30px;text-align:center;font-style:normal;font-size:13px;font-weight:bold;} #catmenu.nav-mobi ul li em:hover {cursor:pointer;color:#fff!important;background:#0a8fcc;} #catmenu.nav-mobi ul li li em {border-color:#cdd0d4;color:#637075;} #catmenu.nav-mobi ul>li>a:hover>span, #catmenu.nav-mobi ul>li.over>a>span, #catmenu.nav-mobi ul>li.active>a>span{border:none;} .slide-t {font-size:16px;padding:28px 25px 0;top:20px;} #sidebar {border-top:5px solid #0a8fcc;padding:20px 0 0;} .sidebox {margin:15px 0 0;padding:0 0 15px;border-bottom:5px solid #0a8fcc;} .sidetitle {background:#637075;margin:0 0 5px;} .sidebox .inner {border:1px solid #dee1e2;background:#fff;} #bottom {padding:0;} #bot-w {padding:15px 0 0;border:none;background:#fff;} .bot-i {width:auto;float:none;padding:3px 0 0;} .bot-t {background:#637075;padding:10px;margin:0;color:#f2f2f2;position:relative;} .bot-i .inner {padding:20px;background:#dee1e2;} .bot-t em {display:block;position:absolute;right:10px;top:10px;padding:0;background:#fff;color:#637075;width:16px;height:16px;line-height:16px;font-size:12px;font-style:normal;text-align:center;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;} #content {padding:0 0 40px;} .eBlock {border:1px solid #dee1e2;background:#fff;padding:10px;display:block;margin:0 0 5px; box-sizing:border-box;} .eTitle {border-color:#dee1e2;font-size:14px;} .eBlock .eDetails,.eBlock .eDetails1,.eDetails2 {color:#273135;font-size:11px;position:relative;padding:10px!important;margin:0 -10px -10px!important;background:#dee1e2;} .eBlock .eDetails div,.eBlock .eDetails1 div,.eDetails2 div,.e-category,.e-comments {display:none;} .e-comments {background-position:-300px -500px;} .e-reads {color:#273135;background-position:-300px 0;} .e-loads {color:#273135;background-position:-300px -400px;} .e-author {color:#273135;background-position:-300px -100px;} .e-date {color:#273135;background-position:-300px -300px;} .e-comments {background-position:-300px -200px;} .eDetails a,.eDetails1 a,.eDetails2 a {color:#273135;} .eMessage img,.eText img {float:none;width:100%;margin:0 0 10px!important;border:none!important;} .foot-i {text-align:center;font-size:9px;} .manTable td {display:block;width:100%;} .manTable td input,.manTable td textarea {max-width:97%;} #uNetRegF tr td:first-child {max-width:20% !important; white-space:normal !important; font-size:9px;} #uNetRegF #fAvatar,#uNetRegF #fAvatarU {display:block;margin:0 0 3px;} #uNetRegF #fAvatarU + input {position:relative; margin:0 0 0 -10px;} .uNetDescr {font-size:9px;} #fTerms+label {font-size:9px!important;} #fTerms~div {font-size:9px;padding:10px 0 0;} .copy {font-size:9px;} .calendarsTable,.calendarsTable > tbody,.calendarsTable > tbody > tr,.calendarsTable > tbody > tr > td {display:block;width:100%;} #content .calTable {width:100%;margin:0 0 20px;} #content .calMonth {text-align:left;text-transform:uppercase;} .forum-box .gTableSubTop,.forum-box .forumIcoTd,.forum-box .forumThreadTd,.forum-box .forumPostTd,.forum-box .forumLastPostTd,.forum-box .threadIcoTd,.forum-box .threadPostTd,.forum-box .threadViewTd,.forum-box .threadAuthTd,.forum-box .threadLastPostTd,.forum-box .legendTable,.forum-box .fFastSearchTd,.forum-box .fFastNavTd,.forum-box .funcBlock,.forum-box .userRights,.forum-box .forumNamesBar{display:none;} .forum-box .gTableTop {padding:10px;} .forum-box .postTable,.forum-box .postTable tbody,.forum-box .postTable tr,.forum-box .postTable td {display:block;width:auto!important;} .forum-box td.postBottom,.forum-box td.postTdInfo {display:none;} .forum-box .postTdTop {text-align:left;font-size:9px;position:relative;} .forum-box .postTdTop + .postTdTop:before {content:'';width:0;height:0;border-top:7px solid #8d979b;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;bottom:-7px;left:40px;} .fNavLink {font-size:9px;position:relative;margin:0 -3px;} .codeButtons,.smilesPart {display:none;} #message {max-width:97%;} .postUser {font-size:14px;} #frM53 .gTableLeft,#frM53 .gTableRight {display:block;width:auto!important} .uTable tr td:first-child,.uTable tr td:first-child + td + td ~ td {display:none;} .opt_vals td {display:table-cell!important;} .opt_items {max-width:97%;} #puzadpn {display:none;} #uEntriesList .uEntryWrap {margin:0 5px 10px;width:auto!important;} } /***** iPhone (landscape) *****/ @media only screen and (min-width: 480px) and (max-width: 767px) { .wrapper,.part-r,.part-l,#catmenu.nav-mobi,.slide-i img {width:456px;} #slider {display:block;margin:0 0 3px;} #catmenu.nav-mobi .nav-head {width:436px;} #slider .part-r,.flex-control-nav {display:none;} #slider,.slide-i {height:262px;} .slide-i img {min-height:262px;} .e-comments {display:inline-block;} .site-n,.site-n a {font-size:20px;} .site-d {font-size:14px;} .eBlock {margin:0 0 10px;} #sidebar {padding:20px 0 0;} .sidebox {margin:20px 0 0;padding:0 0 20px;} #bot-w {padding:20px 0 0;} } #header .part-r {background:#273135 url(/.s/t/1111/top.png);} .entTd .eDetails {margin:0 0 40px;} .opt_vals .gTableSubTop {padding-left:0;background:none;} #content form[action$="search/"] table {width:100%;} #content form[action$="search/"] table td {white-space:normal!important;} #content form[action$="search/"] table td+td {width:30%;} #content .queryField {width:70%!important;} #slideshowBlock7 {margin:0 0 20px;} os agradezco la ayuda.... Post editado por ZorG - Martes, 2014-11-18, 3:00 PM
|
Circuits, Digamos que es algo complicado lo que pides y amm no creo que nadie te brinde ayuda asii nomas, lo que yo te recomendaria es buscar videos tutoriales o cursos sobre diseño responsive.
Saludos! Si lo intentas, puedes perder; si no lo intentas, ya has perdido.
|
| |||
| |||