A?adidas css e im?genes

This commit is contained in:
Luis Ángel San Martín 2013-02-16 16:00:03 +01:00
parent 42eefb06c7
commit 2f49693275
39 changed files with 742 additions and 0 deletions

View File

@ -0,0 +1,46 @@
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, img, 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
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus
{
outline: 0;
}
body
{
line-height: 1;
color: black;
}
ol, ul
{
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table, td, tr
{
border: 0;
border-collapse: separate;
border-spacing: 0;
}
caption, th, td
{
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: "";
}
blockquote, q
{
quotes: "" "";
}

View File

@ -0,0 +1,354 @@
body{
background-color: #363636;
font-family: Arial, Helvetica, sans-serif;
}
#content{
width: 712px;
background: url("../images/topbox.jpg") no-repeat scroll 0 0 #FFF;
margin: 17px auto 0;
padding: 22px 0 22px 22px;
}
#contentLibraries{
width: 256px;
background: url("../images/topboxLibraries.jpg") no-repeat scroll 0 0 #FFF;
margin: 16px auto 0;
padding: 16px;
}
.sombraLibraries{
background: url("../images/bottomboxLibraries.jpg") no-repeat scroll bottom center #FFF;
width: 288px;
height: 14px;
margin: 0 auto;
}
.index{
width: 718px;
background: url("../images/topbox.jpg") no-repeat scroll 0 0 #FFF;
margin: 7px auto 0;
padding: 16px 0px 0px 16px;
}
.folder
{
float: left;
}
.cover
{
float: left;
}
.cover img
{
-webkit-box-shadow: 0px 0px 5px #333;
}
.info
{
padding: 8px 0px 0px 0px;
float: left;
position: relative;
height: 115px;
width: 130px;
}
.buttons
{
position:absolute;
bottom:0px;
left:0px;
}
#itemContainer li
{
float: left;
width: 225px;
height: 120px;
margin: 20px 12px 20px 0;
}
#itemContainer a
{
text-decoration: none;
font-family: Arial;
color: #FFF;
font-size: 13px;
}
.browseButton
{
width: 57px;
height: 22px;
background: url("../images/bt_browse.jpg") no-repeat scroll 0 0 transparent;
border: none;
text-align:center;
display: block;
float: left;
padding: 4px 0 0 0;
margin: 0 0 0 4px;
}
.importButton
{
width: 57px;
height: 22px;
background: url("../images/bt_import.jpg") no-repeat scroll 0 0 transparent;
border: none;
text-align:center;
display: block;
float: left;
margin: 0 0 0 4px;
padding: 4px 0 0 0;
}
.importedButton
{
width: 67px;
height: 22px;
background: url("../images/bt_imported.jpg") no-repeat scroll 0 0 transparent;
border: none;
text-align:center;
display: block;
float: left;
margin: 0 0 0 4px;
padding: 4px 0 0 0;
text-decoration: none;
font-family: Arial;
color: #FFF;
font-size: 13px;
}
#librariesList a
{
width: 256px;
height: 32px;
background: url("../images/bt_library_iphone.jpg") no-repeat scroll 0 0 transparent;
border: none;
display: block;
padding: 9px 0 0 40px;
text-decoration: none;
font-family: Arial;
color: #FFF;
font-size: 13px;
}
#topIndex
{
width: 100%;
float: right;
margin: 0 24px 15px 0;
}
#topIndex a
{
float: right;
}
#topIndex .next{
width: 29px;
height: 29px;
border: none;
margin: 0 8px 4px 0;
padding: 5px 0 0 0;
display: block;
background: url("../images/bt_next.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#topIndex .previous{
width: 29px;
height: 29px;
border: none;
margin: 0 8px 4px 0;
padding: 5px 0 0 0;
display: block;
background: url("../images/bt_previous.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#topIndex .up{
width: 92px;
height: 29px;
border: none;
margin: 0 8px 4px 0;
padding: 5px 0 0 0;
background: url("../images/bt_libraries.jpg") no-repeat scroll 0 0 transparent;
color: #FFF;
font-size: 17px;
display: block;
text-decoration: none;
font-family: Arial;
font-weight: bold;
text-align:center;
}
#topIndex .libraries{
width: 92px;
height: 29px;
border: none;
margin: 0 8px 4px 0;
padding: 6px 0 0 0;
background: url("../images/bt_libraries.jpg") no-repeat scroll 0 0 transparent;
color: #FFF;
font-size: 17px;
display: block;
text-decoration: none;
font-family: Arial;
font-weight: bold;
text-align:center;
}
#libraryList li
{
}
#libraryList a
{
width: 256px;
height: 32px;
background: url("../images/bt_library.jpg") no-repeat scroll 0 0 transparent;
border: none;
padding: 8px 0 0 40px;
color: #FFF;
font-size: 14px;
display: block;
text-decoration: none;
font-family: Arial;
}
#alphaIndex a, #pageIndex a{
width: 29px;
height: 29px;
background: url("../images/bt_index.jpg") no-repeat scroll 0 0 transparent;
border: none;
margin: 0 8px 4px 0;
padding: 5px 0 0 0;
color: #FFF;
font-size: 20px;
display: block;
text-decoration: none;
font-family: Arial;
font-weight: bold;
text-align:center;
}
#alphaIndex li, #pageIndex li{
float: left;
}
#pageIndex .current{
background: url("../images/bt_current.jpg") no-repeat scroll 0 0 transparent;
color: #EBEBEB;
}
#alphaIndex .next, #pageIndex .next {
background: url("../images/bt_next.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#alphaIndex .previous, #pageIndex .previous{
background: url("../images/bt_previous.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#alphaIndex .first, #pageIndex .first{
background: url("../images/bt_first.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#alphaIndex .last, #pageIndex .last{
background: url("../images/bt_last.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#content h1, #contentLibraries h1{
color: #696969;
font-weight: bold;
font-size: 21px;
margin: 0 0 5px 0;
}
#content h2, #contentLibraries h2{
color: #000;
font-weight: bold;
font-size: 12px;
margin: 0 0 16px 0;
}
.inputs_login{
width: 256px;
height: 64px;
background: url("../images/fnd_inputs.jpg") no-repeat scroll 0 0 #FFF;
margin: 0 0 18px 0;
}
.username{
width: 200px;
height: 24px;
background: url("../images/fnd_input_username.jpg") no-repeat scroll 0 0 #2b2b2b;
border: none;
padding: 0 0 0 44px;
margin: 5px 0 6px 8px;
font-size: 14px;
color: #6e6e6e;
}
.pass{
width: 200px;
height: 24px;
background: url("../images/fnd_input_pass.jpg") no-repeat scroll 0 0 #2b2b2b;
border: none;
padding: 0 0 0 44px;
margin: 0 0 0 8px;
font-size: 14px;
color: #6e6e6e;
}
.button_sign{
width: 86px;
height: 30px;
background: url("../images/bt_login.jpg") no-repeat scroll 0 0 transparent;
border: none;
margin: 0;
padding: 0;
color: #FFF;
font-size: 14px;
float: left;
}
.infor{
color: #666;
font-size: 8px;
float: left;
width: 112px;
margin: 0 0 0 8px;
line-height: 120%;
}
.sombra{
background: url("../images/bottombox.jpg") no-repeat scroll bottom center #FFF;
width: 734px;
height: 13px;
margin: 0 auto;
}
.clear{
height: 2px;
clear: both;
}
.title{
font-family: Arial;
font-weight: bold;
font-size: 12px;
margin: 0 0 0 6px;
color: #333;
overflow: hidden;
word-wrap: break-word;
height: 80px;
}

View File

@ -0,0 +1,342 @@
body{
background-color: #363636;
font-family: Arial, Helvetica, sans-serif;
}
#content{
width: 256px;
background: url("../images/topbox.jpg") no-repeat scroll 0 0 #FFF;
margin: 16px auto 0;
padding: 16px;
}
.folder
{
float: left;
}
.cover
{
float: left;
}
.cover img
{
-webkit-box-shadow: 0px 0px 5px #333;
}
.index{
width: 272px;
background: url("../images/topbox.jpg") no-repeat scroll 0 0 #FFF;
margin: 7px auto 0;
padding: 16px 0px 0px 16px;
}
.info
{
padding: 8px 0px 0px 0px;
float: left;
position: relative;
height: 110px;
width: 155px;
}
.buttons
{
position:absolute;
bottom:0px;
left:0px;
}
#itemContainer li
{
float: left;
width: 250px;
height: 120px;
margin: 20px 0 15px 0;
}
#itemContainer a
{
text-decoration: none;
font-family: Arial;
color: #FFF;
font-size: 13px;
}
.browseButton
{
width: 67px;
height: 24px;
background: url("../images/bt_browse.jpg") no-repeat scroll 0 0 transparent;
border: none;
text-align:center;
display: block;
float: left;
padding: 5px 0 0 0;
margin: 0 0 0 8px;
}
.importButton
{
width: 67px;
height: 24px;
background: url("../images/bt_import.jpg") no-repeat scroll 0 0 transparent;
border: none;
text-align:center;
display: block;
float: left;
margin: 0 0 0 8px;
padding: 5px 0 0 0;
}
.importedButton
{
width: 67px;
height: 22px;
background: url("../images/bt_imported.jpg") no-repeat scroll 0 0 transparent;
border: none;
text-align:center;
display: block;
float: left;
margin: 0 0 0 4px;
padding: 4px 0 0 0;
text-decoration: none;
font-family: Arial;
color: #FFF;
font-size: 13px;
}
#librariesList li
{
}
#librariesList a
{
width: 256px;
height: 32px;
background: url("../images/bt_library_iphone.jpg") no-repeat scroll 0 0 transparent;
border: none;
display: block;
padding: 9px 0 0 40px;
text-decoration: none;
font-family: Arial;
color: #FFF;
font-size: 13px;
}
#topIndex
{
width: 100%;
margin: 7px 0px 7px 0px;
}
#topIndex a
{
float: left;
}
#topIndex .next{
width: 29px;
height: 29px;
border: none;
margin: 0 8px 4px 0;
padding: 5px 0 0 0;
display: block;
background: url("../images/bt_next.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#topIndex .previous{
width: 29px;
height: 29px;
border: none;
margin: 0 8px 4px 0;
padding: 5px 0 0 0;
display: block;
background: url("../images/bt_previous.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#topIndex .up{
width: 58px;
height: 29px;
border: none;
margin: 0 8px 4px 0;
padding: 5px 0 0 0;
background: url("../images/bt_up.jpg") no-repeat scroll 0 0 transparent;
color: #FFF;
font-size: 17px;
display: block;
text-decoration: none;
font-family: Arial;
font-weight: bold;
text-align:center;
}
#topIndex .libraries{
width: 92px;
height: 29px;
border: none;
margin: 0 8px 4px 0;
padding: 6px 0 0 0;
background: url("../images/bt_libraries.jpg") no-repeat scroll 0 0 transparent;
color: #FFF;
font-size: 17px;
display: block;
text-decoration: none;
font-family: Arial;
font-weight: bold;
text-align:center;
}
#libraryList li
{
}
#libraryList a
{
width: 256px;
height: 32px;
background: url("../images/bt_library.jpg") no-repeat scroll 0 0 transparent;
border: none;
padding: 8px 0 0 40px;
color: #FFF;
font-size: 14px;
display: block;
text-decoration: none;
font-family: Arial;
}
#alphaIndex a, #pageIndex a{
width: 29px;
height: 29px;
background: url("../images/bt_index.jpg") no-repeat scroll 0 0 transparent;
border: none;
margin: 0 8px 4px 0;
padding: 5px 0 0 0;
color: #FFF;
font-size: 20px;
display: block;
text-decoration: none;
font-family: Arial;
font-weight: bold;
text-align:center;
}
#alphaIndex li, #pageIndex li{
float: left;
}
#pageIndex .current{
background: url("../images/bt_current.jpg") no-repeat scroll 0 0 transparent;
color: #EBEBEB;
}
#alphaIndex .next, #pageIndex .next{
background: url("../images/bt_next.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#alphaIndex .previous, #pageIndex .previous{
background: url("../images/bt_previous.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#alphaIndex .first, #pageIndex .first{
background: url("../images/bt_first.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#alphaIndex .last, #pageIndex .last{
background: url("../images/bt_last.jpg") no-repeat scroll 0 0 transparent;
padding: 0;
text-indent: -9999px;
}
#content h1{
color: #696969;
font-weight: bold;
font-size: 21px;
margin: 0 0 5px 0;
}
#content h2{
color: #000;
font-weight: bold;
font-size: 12px;
margin: 0 0 16px 0;
}
.inputs_login{
width: 256px;
height: 64px;
background: url("../images/fnd_inputs.jpg") no-repeat scroll 0 0 #FFF;
margin: 0 0 18px 0;
}
.username{
width: 200px;
height: 24px;
background: url("../images/fnd_input_username.jpg") no-repeat scroll 0 0 #2b2b2b;
border: none;
padding: 0 0 0 44px;
margin: 5px 0 6px 8px;
font-size: 14px;
color: #6e6e6e;
}
.pass{
width: 200px;
height: 24px;
background: url("../images/fnd_input_pass.jpg") no-repeat scroll 0 0 #2b2b2b;
border: none;
padding: 0 0 0 44px;
margin: 0 0 0 8px;
font-size: 14px;
color: #6e6e6e;
}
.button_sign{
width: 86px;
height: 30px;
background: url("../images/bt_login.jpg") no-repeat scroll 0 0 transparent;
border: none;
margin: 0;
padding: 0;
color: #FFF;
font-size: 14px;
float: left;
}
.infor{
color: #666;
font-size: 8px;
float: left;
width: 112px;
margin: 0 0 0 8px;
line-height: 120%;
}
.sombra{
background: url("../images/bottombox.jpg") no-repeat scroll bottom center #FFF;
width: 288px;
height: 14px;
margin: 0 auto;
}
.clear{
height: 2px;
clear: both;
}
.title{
font-family: Arial;
font-weight: bold;
font-size: 14px;
margin: 0 0 0 6px;
color: #333;
overflow: hidden;
word-wrap: break-word;
height: 80px;
}

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 716 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 701 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 718 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 701 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 738 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 727 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 763 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 763 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 928 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 928 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 720 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 546 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 604 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 423 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 423 B