-
Descrição
*{ margem; 0px; preenchimento; 0px; contorno; nenhum; borda; nenhum; decoração de texto; nenhum; estilo de lista; nenhum; dimensionamento de caixa; caixa de borda; } img { largura máxima; 100%; } .clear { limpar; ambos; } .wrapper| .cONtent_store { largura máxima; 1200px; largura; 94%; margem; 0 automático; } .main { largura; 100%; flutuação; esquerda; alinhamento de texto; centro; família de fonte; 'Open Sans'| sans-serif; } .header { largura; 100%; flutuação; esquerda; plano de fundo; #fafafa url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/bg-texture.jpg) esquerda superior repetir; preenchimento; 30px 0 8px 0; } .template .header { padding-bottom; 30px; } .logo { float; esquerda; margem superior; 8px; } .head_right { float; direita; } .head_right ul { float; direita; } .head_right ul li { display; bloco embutido; float; esquerda; tamanho da fonte; 14px; altura da linha; 50px; espessura da fonte; normal; cor; #3a3a3a; padding-left; 32px; margem direita; 35px; } .head_right ul li;nth-child(1){background; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img1.png) centro esquerdo sem repetição;} .head_right ul li;nth-child(2){fundo; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img2.png) centro esquerdo sem repetição;} .head_right ul li;nth-child(3){fundo; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img3.png) centro esquerdo sem repetição;} .head_right ul li;nth-child(4){fundo; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img4.png) esquerda centro sem repetição; margem direita; 0px;} .gif_img { display; nONe } .title_bar { preenchimento; 10px 0; largura; 100%; flutuante; esquerda; plano de fundo; #0062b0; } .title_bar h2 { tamanho da fonte; 30px; espessura da fonte; 400; cor; #FFF; } .footer2 { largura; 100%; flutuante; esquerda; plano de fundo; #0062b0; preenchimento; 15px 0; } .footer2 p { tamanho da fonte; 14px; altura da linha; 33px; espessura da fonte; normal; cor; #fefefe; alinhamento do texto; esquerda; } /*template*/ .template_div { largura; 100%; flutuação; esquerda; alinhamento de texto; esquerda; preenchimento; 35px 0 0 0; } .template_left { largura; 19,45%; flutuação; esquerda; alinhamento de texto; centro; } .template_left_row1 { margem inferior; 20px; preenchimento; 40px 0 0 0; borda; 1px sólido #e8e8e8; } .template_right { largura; 78,8%; flutuação; direita; } .template_right_row1 { largura; 100%; flutuação; esquerda; margem inferior; 25px; } .template_right_col1{ largura; 50%; flutuação; esquerda; } /*galeria*/ .galeria_lista { largura; 100%; posição; relativa; margem;0 automático; } .thumbnails { estilo-lista; nenhum; tamanho-fonte; 0; } .thumbnails li { exibição; bloco-em-linha; margem; 15px 10px 0 0; largura; 100px; altura; 100px; alinhamento-de-texto; centro; alinhamento-vertical; meio; flutuação; esquerda; } .thumbnails li; pairar .item-hugger { plano de fundo; branco; } .thumbnails input[nome=selecionar] { exibição; nenhum; } .thumbnails .item-hugger { altura; 100%; posição; relativo; plano de fundo; #fff; exibição; flex; direção-flexível; coluna; justificar-conteúdo; centro; transição; todos os 150 ms de entrada e saída; -moz-transição; todos os 150 ms de entrada e saída; -webkit-transitiON; todos os 150 ms de entrada e saída; borda; sólido 1 px #e8e8e8; z-index; 999; preenchimento; 4 px; } .thumbnails label { posição; absoluto; topo; 0; esquerda; 0; direita; 0; fundo; 0; cursor; ponteiro; } .thumbnails .thumb-image|.thumbnails .cONtent2 img { align-self; centro; altura máxima; 100%; } .thumbnails .cONtent2 { posição; absoluto; topo; 0; esquerda; 0; largura; 100%; altura; 478 px; preenchimento; 5 px; opacidade; 0; transição; todos os 150 ms lineares; exibição; flexão; plano de fundo; #FFF; borda; sólido 1 px #e8e8e8; flex-directiON; coluna; justify-content; centro; estouro; oculto; align-self; centro; } .thumbnails input[name=select]; verificado + .item-hugger { fundo; branco; borda; sólido 1px #0062b0; } .thumbnails input[name=select]; verificado ~ .cONtent2 { opacidade; 1; } .white-box { altura; 478px; estouro; oculto; } .template_right_col2{ largura; 80%; flutuante; direita; preenchimento-esquerdo; 25px; } .template_right_col2 ul { margem-inferior; 10px; } .template_right_col2 ul li{ tipo-estilo-de-lista; disco; posição-estilo-de-lista; dentro; tamanho-da-fonte; 14px; altura-da-linha; 28px; espessura da fonte; normal; cor; #6e6e6e; } .template_right_col2 p{ tamanho da fonte; 14px; altura da linha; 28px; espessura da fonte; normal; cor; #6e6e6e; margem inferior; 8px; } .template_right_col2 pb{ exibição; bloco; espessura da fonte; negrito; cor; #0062b0; } .template_div h4{ tamanho da fonte; 18px; altura da linha; 40px; espessura da fonte; normal; cor; #fff; plano de fundo; #ed5829; posição; relativo; margem inferior; 30px; preenchimento; 0 15px; } .template_div h4; depois{ conteúdo; ''; posição; absoluto; esquerda; 0; inferior; -15px; largura; 0; altura; 0; border-top; 15px sólido #ed5829; border-right; 14px sólido transparente; } /* CSS TAB */ .tab_cONtainer { largura; 100%; plano de fundo; #f1f1f1; posição; relativo; flutuante; esquerda; margem superior; 10px; } .tab_cONtainer; antes de { largura; 100%; altura; 46px; plano de fundo; #FFF; conteúdo; ; exibir; bloco; posição; absoluto; esquerda; 0; topo; 0; } .tabs { exibir; flex; flex-wrap; envolver; largura; 100%; flutuante; esquerda; } .tabs rótulo { preenchimento; 10px; largura; 14,285%; plano de fundo; #00aeef; borda; 1px sólido #FFF; ordem; 1; exibir; bloco; cursor; ponteiro; alinhamento de texto; centro; tamanho da fonte; 16px; espessura da fonte; 400; altura da linha; 25px; cor; #FFF; posição; relativo; índice z; 1; } .tabs .tab { ordem; 99; crescimento flexível; 1; largura; 100%; altura máxima; 0; visibilidade; oculto; alinhamento de texto; esquerda; margem superior; -1px; estouro-y; oculto; exibição; nenhum; } .tabs input[tipo=rádio] { exibição; nenhum; } .tabs input[tipo=rádio]; verificado + rótulo { plano de fundo; #ed5829; } .tabs input[tipo=rádio]; verificado + rótulo + .tab { preenchimento; 20px 0; visibilidade; visível; exibição; bloco; altura máxima; nenhum; } .tabs .tab ul { margem inferior; 10px; } .tabs .tab ul li{ tipo-estilo-de-lista; disco; posição-estilo-de-lista; dentro; tamanho-da-fonte; 14px; altura-da-linha; 28px; espessura-da-fonte; normal; cor; #6e6e6e; } .tabs .tab p{ tamanho-da-fonte; 14px; altura-da-linha; 28px; espessura-da-fonte; normal; cor; #6e6e6e; margem-inferior; 8px; } @media Somente tela e (largura-máxima; 980px) { .template .header { fundo-de-preenchimento; 10px; } .logo { margem-superior; 0; exibição; bloco-em-linha; flutuação; nenhum; } .head_right { largura; 100%; } .head_right ul| .head_right ul li { flutuação; nenhum; } .template_left { display; nONe; } .template_right { width; 100%; } .tab_cONtainer { padding-bottom; 20px; background; nONe; } .tab_cONtainer;before { display; nONe; } .tabs .tab| .tabs label { order; initial; transitiON; 300ms all; display; block; } .tabs label { width; 100%; margin-right; 0; margin-top; 0.2rem; } .tabs input[type=radio];checked + label { background; #ed5829; border; nONe; } .tabs input[type=radio];checked + label + .tab { padding; 20px; max-height; 400px; overflow-y; scroll; background; #f1f1f1; border; 1px sólido #e1e1e1; } } @media ONly tela e (largura máxima; 768px) { .head_right { display; nONe; } .gif_img { margin-top; 10px; display; bloco; } .template_right_col1| .template_right_col2 { largura; 100%; } .template_right_col2 { preenchimento; 20px 0 0 0; } }
Descrição
*{ margem; 0px; preenchimento; 0px; contorno; nenhum; borda; nenhum; decoração de texto; nenhum; estilo de lista; nenhum; dimensionamento de caixa; caixa de borda; } img { largura máxima; 100%; } .clear { limpar; ambos; } .wrapper| .cONtent_store { largura máxima; 1200px; largura; 94%; margem; 0 automático; } .main { largura; 100%; flutuação; esquerda; alinhamento de texto; centro; família de fonte; 'Open Sans'| sans-serif; } .header { largura; 100%; flutuação; esquerda; plano de fundo; #fafafa url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/bg-texture.jpg) esquerda superior repetir; preenchimento; 30px 0 8px 0; } .template .header { padding-bottom; 30px; } .logo { float; esquerda; margem superior; 8px; } .head_right { float; direita; } .head_right ul { float; direita; } .head_right ul li { display; bloco embutido; float; esquerda; tamanho da fonte; 14px; altura da linha; 50px; espessura da fonte; normal; cor; #3a3a3a; padding-left; 32px; margem direita; 35px; } .head_right ul li;nth-child(1){background; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img1.png) centro esquerdo sem repetição;} .head_right ul li;nth-child(2){fundo; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img2.png) centro esquerdo sem repetição;} .head_right ul li;nth-child(3){fundo; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img3.png) centro esquerdo sem repetição;} .head_right ul li;nth-child(4){fundo; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img4.png) esquerda centro sem repetição; margem direita; 0px;} .gif_img { display; nONe } .title_bar { preenchimento; 10px 0; largura; 100%; flutuante; esquerda; plano de fundo; #0062b0; } .title_bar h2 { tamanho da fonte; 30px; espessura da fonte; 400; cor; #FFF; } .footer2 { largura; 100%; flutuante; esquerda; plano de fundo; #0062b0; preenchimento; 15px 0; } .footer2 p { tamanho da fonte; 14px; altura da linha; 33px; espessura da fonte; normal; cor; #fefefe; alinhamento do texto; esquerda; } /*template*/ .template_div { largura; 100%; flutuação; esquerda; alinhamento de texto; esquerda; preenchimento; 35px 0 0 0; } .template_left { largura; 19,45%; flutuação; esquerda; alinhamento de texto; centro; } .template_left_row1 { margem inferior; 20px; preenchimento; 40px 0 0 0; borda; 1px sólido #e8e8e8; } .template_right { largura; 78,8%; flutuação; direita; } .template_right_row1 { largura; 100%; flutuação; esquerda; margem inferior; 25px; } .template_right_col1{ largura; 50%; flutuação; esquerda; } /*galeria*/ .galeria_lista { largura; 100%; posição; relativa; margem;0 automático; } .thumbnails { estilo-lista; nenhum; tamanho-fonte; 0; } .thumbnails li { exibição; bloco-em-linha; margem; 15px 10px 0 0; largura; 100px; altura; 100px; alinhamento-de-texto; centro; alinhamento-vertical; meio; flutuação; esquerda; } .thumbnails li; pairar .item-hugger { plano de fundo; branco; } .thumbnails input[nome=selecionar] { exibição; nenhum; } .thumbnails .item-hugger { altura; 100%; posição; relativo; plano de fundo; #fff; exibição; flex; direção-flexível; coluna; justificar-conteúdo; centro; transição; todos os 150 ms de entrada e saída; -moz-transição; todos os 150 ms de entrada e saída; -webkit-transitiON; todos os 150 ms de entrada e saída; borda; sólido 1 px #e8e8e8; z-index; 999; preenchimento; 4 px; } .thumbnails label { posição; absoluto; topo; 0; esquerda; 0; direita; 0; fundo; 0; cursor; ponteiro; } .thumbnails .thumb-image|.thumbnails .cONtent2 img { align-self; centro; altura máxima; 100%; } .thumbnails .cONtent2 { posição; absoluto; topo; 0; esquerda; 0; largura; 100%; altura; 478 px; preenchimento; 5 px; opacidade; 0; transição; todos os 150 ms lineares; exibição; flexão; plano de fundo; #FFF; borda; sólido 1 px #e8e8e8; flex-directiON; coluna; justify-content; centro; estouro; oculto; align-self; centro; } .thumbnails input[name=select]; verificado + .item-hugger { fundo; branco; borda; sólido 1px #0062b0; } .thumbnails input[name=select]; verificado ~ .cONtent2 { opacidade; 1; } .white-box { altura; 478px; estouro; oculto; } .template_right_col2{ largura; 80%; flutuante; direita; preenchimento-esquerdo; 25px; } .template_right_col2 ul { margem-inferior; 10px; } .template_right_col2 ul li{ tipo-estilo-de-lista; disco; posição-estilo-de-lista; dentro; tamanho-da-fonte; 14px; altura-da-linha; 28px; espessura da fonte; normal; cor; #6e6e6e; } .template_right_col2 p{ tamanho da fonte; 14px; altura da linha; 28px; espessura da fonte; normal; cor; #6e6e6e; margem inferior; 8px; } .template_right_col2 pb{ exibição; bloco; espessura da fonte; negrito; cor; #0062b0; } .template_div h4{ tamanho da fonte; 18px; altura da linha; 40px; espessura da fonte; normal; cor; #fff; plano de fundo; #ed5829; posição; relativo; margem inferior; 30px; preenchimento; 0 15px; } .template_div h4; depois{ conteúdo; ''; posição; absoluto; esquerda; 0; inferior; -15px; largura; 0; altura; 0; border-top; 15px sólido #ed5829; border-right; 14px sólido transparente; } /* CSS TAB */ .tab_cONtainer { largura; 100%; plano de fundo; #f1f1f1; posição; relativo; flutuante; esquerda; margem superior; 10px; } .tab_cONtainer; antes de { largura; 100%; altura; 46px; plano de fundo; #FFF; conteúdo; ; exibir; bloco; posição; absoluto; esquerda; 0; topo; 0; } .tabs { exibir; flex; flex-wrap; envolver; largura; 100%; flutuante; esquerda; } .tabs rótulo { preenchimento; 10px; largura; 14,285%; plano de fundo; #00aeef; borda; 1px sólido #FFF; ordem; 1; exibir; bloco; cursor; ponteiro; alinhamento de texto; centro; tamanho da fonte; 16px; espessura da fonte; 400; altura da linha; 25px; cor; #FFF; posição; relativo; índice z; 1; } .tabs .tab { ordem; 99; crescimento flexível; 1; largura; 100%; altura máxima; 0; visibilidade; oculto; alinhamento de texto; esquerda; margem superior; -1px; estouro-y; oculto; exibição; nenhum; } .tabs input[tipo=rádio] { exibição; nenhum; } .tabs input[tipo=rádio]; verificado + rótulo { plano de fundo; #ed5829; } .tabs input[tipo=rádio]; verificado + rótulo + .tab { preenchimento; 20px 0; visibilidade; visível; exibição; bloco; altura máxima; nenhum; } .tabs .tab ul { margem inferior; 10px; } .tabs .tab ul li{ tipo-estilo-de-lista; disco; posição-estilo-de-lista; dentro; tamanho-da-fonte; 14px; altura-da-linha; 28px; espessura-da-fonte; normal; cor; #6e6e6e; } .tabs .tab p{ tamanho-da-fonte; 14px; altura-da-linha; 28px; espessura-da-fonte; normal; cor; #6e6e6e; margem-inferior; 8px; } @media Somente tela e (largura-máxima; 980px) { .template .header { fundo-de-preenchimento; 10px; } .logo { margem-superior; 0; exibição; bloco-em-linha; flutuação; nenhum; } .head_right { largura; 100%; } .head_right ul| .head_right ul li { flutuação; nenhum; } .template_left { display; nONe; } .template_right { width; 100%; } .tab_cONtainer { padding-bottom; 20px; background; nONe; } .tab_cONtainer;before { display; nONe; } .tabs .tab| .tabs label { order; initial; transitiON; 300ms all; display; block; } .tabs label { width; 100%; margin-right; 0; margin-top; 0.2rem; } .tabs input[type=radio];checked + label { background; #ed5829; border; nONe; } .tabs input[type=radio];checked + label + .tab { padding; 20px; max-height; 400px; overflow-y; scroll; background; #f1f1f1; border; 1px sólido #e1e1e1; } } @media ONly tela e (largura máxima; 768px) { .head_right { display; nONe; } .gif_img { margin-top; 10px; display; bloco; } .template_right_col1| .template_right_col2 { largura; 100%; } .template_right_col2 { preenchimento; 20px 0 0 0; } }