Arteleku Updated Dic 2017
This commit is contained in:
root
commit
1ac082562d
BIN
MAQUETA/.DS_Store
vendored
Normal file
BIN
MAQUETA/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
MAQUETA/._.DS_Store
Normal file
BIN
MAQUETA/._.DS_Store
Normal file
Binary file not shown.
1088
MAQUETA/bootstrap/css/bootstrap-responsive.css
vendored
Normal file
1088
MAQUETA/bootstrap/css/bootstrap-responsive.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
9
MAQUETA/bootstrap/css/bootstrap-responsive.min.css
vendored
Normal file
9
MAQUETA/bootstrap/css/bootstrap-responsive.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5893
MAQUETA/bootstrap/css/bootstrap.css
vendored
Normal file
5893
MAQUETA/bootstrap/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
9
MAQUETA/bootstrap/css/bootstrap.min.css
vendored
Normal file
9
MAQUETA/bootstrap/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
MAQUETA/bootstrap/img/glyphicons-halflings-white.png
Normal file
BIN
MAQUETA/bootstrap/img/glyphicons-halflings-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
MAQUETA/bootstrap/img/glyphicons-halflings.png
Normal file
BIN
MAQUETA/bootstrap/img/glyphicons-halflings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
2025
MAQUETA/bootstrap/js/bootstrap.js
vendored
Normal file
2025
MAQUETA/bootstrap/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
MAQUETA/bootstrap/js/bootstrap.min.js
vendored
Normal file
6
MAQUETA/bootstrap/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
753
MAQUETA/css/main-16px 2.css
Normal file
753
MAQUETA/css/main-16px 2.css
Normal file
@ -0,0 +1,753 @@
|
||||
/* Less Framework 4 with 16/24 type presets
|
||||
http://lessframework.com
|
||||
by Joni Korpi
|
||||
License: http://opensource.org/licenses/mit-license.php */
|
||||
|
||||
|
||||
|
||||
/* Resets
|
||||
------ */
|
||||
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
||||
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figure, figcaption, hgroup,
|
||||
menu, footer, header, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
||||
footer, header, nav, section, audio, video {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a img {border: 0;}
|
||||
|
||||
*{
|
||||
-webkit-transition: all .4s ease;
|
||||
-moz-transition: all .4s ease;
|
||||
-o-transition: all .4s ease;
|
||||
transition: all .4s ease;
|
||||
}
|
||||
|
||||
|
||||
/* Typography presets
|
||||
------------------ */
|
||||
|
||||
.gigantic {
|
||||
font-size: 110px;
|
||||
line-height: 120px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
.huge, h1 {
|
||||
font-size: 68px;
|
||||
line-height: 72px;
|
||||
letter-spacing: -1px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
}
|
||||
|
||||
.large, h2 {
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-weight: normal;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bigger, h3 {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.big, h4 {
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 16px/24px Georgia, serif;
|
||||
}
|
||||
|
||||
.small, small {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* Selection colours (easy to forget) */
|
||||
|
||||
::selection {background: rgb(249,229,220);}
|
||||
::-moz-selection {background: rgb(249,229,220);}
|
||||
img::selection {background: transparent;}
|
||||
img::-moz-selection {background: transparent;}
|
||||
body {-webkit-tap-highlight-color: rgb(255,255,158);}
|
||||
|
||||
|
||||
|
||||
/* Default Layout: 970px.
|
||||
Gutters: 30px.
|
||||
Outer margins: 30px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 70 170 270 370 470 570 670 770 870 970 */
|
||||
|
||||
|
||||
body {
|
||||
width: 970px;
|
||||
padding: 0px 0px 80px 0px;
|
||||
background: rgb(249,246,236);
|
||||
color: rgb(0,0,0);
|
||||
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
|
||||
margin: 0 auto;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: rgb(0, 0, 0);
|
||||
text-decoration: none;
|
||||
}
|
||||
header{
|
||||
position: fixed;
|
||||
background: rgb(249,246,236);
|
||||
padding: 40px 0 0;
|
||||
height: 80px;
|
||||
z-index: 101;
|
||||
margin-left: 200px;
|
||||
}
|
||||
p{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.element-invisible{
|
||||
position: absolute !important;
|
||||
height: 1px;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
h1#titulo{
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
letter-spacing: 2px;
|
||||
width: 160px;
|
||||
margin-right: 30px;
|
||||
padding: 0 0 0 10px;
|
||||
float: left;
|
||||
}
|
||||
#language{
|
||||
float: left;
|
||||
width: 170px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#language ul li{
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
#language a{
|
||||
font-size: 12px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#search{
|
||||
width: 170px;
|
||||
height: 25px;
|
||||
border-bottom: 2px solid #000;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#search-block-form{
|
||||
|
||||
|
||||
}
|
||||
|
||||
#bloque-tools{
|
||||
width: 570px;
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
border-top: 2px solid #000;
|
||||
padding: 8px 0 0 0;
|
||||
}
|
||||
#bloque-login{
|
||||
width: 170px;
|
||||
float: left;
|
||||
border-top: 2px solid #000;
|
||||
}
|
||||
|
||||
#white-space{
|
||||
height: 240px;
|
||||
}
|
||||
#page{
|
||||
clear: both;
|
||||
|
||||
}
|
||||
#sidebar{
|
||||
width: 170px;
|
||||
position: fixed;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#logotipo{
|
||||
width: 160px;
|
||||
margin-right: 30px;
|
||||
margin-top: 9px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 163px;
|
||||
}
|
||||
|
||||
#sidebar ul{
|
||||
border-top: 2px solid #000;
|
||||
}
|
||||
|
||||
#sidebar ul li{
|
||||
list-style: none;
|
||||
height: 30px;
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 9px 0 0 10px;
|
||||
}
|
||||
|
||||
#sidebar a{
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 20px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#featured h3{
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#content{
|
||||
width: 770px;
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
#featured{
|
||||
border-top: 2px solid #000;
|
||||
width: 570px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
height: 400px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
position: relative;
|
||||
width: 149px;
|
||||
border-left: 1px solid #000;
|
||||
padding: 5px 0 0 9px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
height: 400px;
|
||||
float: left;
|
||||
}
|
||||
#panel-news{
|
||||
position: relative;
|
||||
width: 370px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
#panel-first{
|
||||
position: relative;
|
||||
|
||||
width: 170px;
|
||||
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#panel-second{
|
||||
position: relative;
|
||||
width: 170px;
|
||||
|
||||
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
#footer{
|
||||
position: relative;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin-top: 20px;
|
||||
margin-left: 200px;
|
||||
}
|
||||
|
||||
#footer{
|
||||
width: 770px;
|
||||
}
|
||||
#footer-info{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer-logo{
|
||||
width: 170px;
|
||||
float: left;
|
||||
padding-right: 29px;
|
||||
border-right: 1px solid #000;
|
||||
height: 160px;
|
||||
}
|
||||
|
||||
.footer-panel{
|
||||
width: 160px;
|
||||
float: left;
|
||||
padding-right: 29px;
|
||||
border-right: 1px solid #000;
|
||||
height: 160px;
|
||||
font-size: 12px;
|
||||
padding-left: 10px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.footer-panel.last{
|
||||
border-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
#footer-credits{
|
||||
font-size: 10px;
|
||||
width: 770px;
|
||||
margin-top: 40px;
|
||||
border-top: 1px solid #000;
|
||||
|
||||
}
|
||||
#footer ul{
|
||||
list-style: none;
|
||||
}
|
||||
.float-left{
|
||||
float: left;
|
||||
}
|
||||
.float-right{
|
||||
float: right;
|
||||
}
|
||||
/*_____________ Estilos ----*/
|
||||
|
||||
.panel-header{
|
||||
border-top: 2px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.panel-header h3{
|
||||
margin-left: 10px;
|
||||
margin-bottom: 8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.entry-header{
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 31px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
.entry-header span{
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.event-title,
|
||||
.event-body,
|
||||
.cuadrado{
|
||||
margin: 0 10px;
|
||||
}
|
||||
.medium-event,
|
||||
.small-event{
|
||||
margin:0px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.event-dates{
|
||||
color: rgb(255, 0, 0);
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.cuadrado{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: rgba(0, 0, 0,0.1);
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
.small-event{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.small-event h2{
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.small-event .event-dates{
|
||||
font-size: 12px;
|
||||
}
|
||||
.event-mini-picture{
|
||||
margin-bottom: 20px;
|
||||
width: 170px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.tweet{
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
padding-bottom: 19px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.tweet-content{
|
||||
margin: 20px 10px 0 10px;
|
||||
}
|
||||
.tweet-content a{
|
||||
font-weight: bold;
|
||||
}
|
||||
.tweet-time,
|
||||
.tweet-actions{
|
||||
color: rgb(148, 146, 123);
|
||||
margin: 0 10px;
|
||||
}
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.last{
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.only-mobile{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*___________________--------------------____________________________________*/
|
||||
|
||||
/* Default Layout: 1200px.
|
||||
Gutters: 30px.
|
||||
Outer margins: 0px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10 11 12
|
||||
px 70 170 270 370 470 570 670 770 870 970 1070 1170 */
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
body {
|
||||
width: 1170px;
|
||||
}
|
||||
#content{
|
||||
width: 970px;
|
||||
position: relative;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#panel-news{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
margin: 0;
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
#panel-first{
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 400px;
|
||||
margin: 0;
|
||||
}
|
||||
#panel-second{
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 600px;
|
||||
margin: 0;
|
||||
}
|
||||
#footer{
|
||||
margin-top: 20px;
|
||||
margin-left: 200px;
|
||||
width: 970px;
|
||||
height: 200px;
|
||||
|
||||
}
|
||||
#footer-credits{
|
||||
|
||||
width: 970px;
|
||||
}
|
||||
#bloque-login{
|
||||
width: 370px;
|
||||
}
|
||||
#footer-info{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Tablet Layout: 770px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 770px) and (max-width: 991px) {
|
||||
|
||||
body {
|
||||
width: 770px;
|
||||
}
|
||||
#bloque-tools{
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
#bloque-login{
|
||||
clear: both;
|
||||
float: right;
|
||||
width: 170px;
|
||||
}
|
||||
#content{
|
||||
width: 570px;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
#footer-credits{
|
||||
|
||||
width: 570px;
|
||||
}
|
||||
#footer{
|
||||
width: 570px;
|
||||
}
|
||||
#footer-document{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 569px) {
|
||||
|
||||
body {
|
||||
width: 270px;
|
||||
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
position: static;
|
||||
width: 270px;
|
||||
}
|
||||
#sidebar #logotipo{
|
||||
display: none;
|
||||
}
|
||||
#sidebar ul li{
|
||||
float: left;
|
||||
border-bottom: 0;
|
||||
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#sidebar ul {
|
||||
|
||||
}
|
||||
header{
|
||||
margin-left: 0;
|
||||
width: 270px;
|
||||
padding-top: 10px;
|
||||
position: static;
|
||||
}
|
||||
#bloque-tools{
|
||||
width: 270px;
|
||||
margin-right: 0;
|
||||
}
|
||||
#language{
|
||||
width: 70px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.no-mobile{
|
||||
display: none;
|
||||
}
|
||||
#white-space{
|
||||
display: none;
|
||||
}
|
||||
#content{
|
||||
clear: all;
|
||||
width: 270px;
|
||||
padding-left: 0;
|
||||
}
|
||||
#featured{
|
||||
width: 270px;
|
||||
height: 210px;
|
||||
position: static;
|
||||
margin-right: 0;
|
||||
}
|
||||
#featured img{
|
||||
width: 270px;
|
||||
}
|
||||
#panel-news{
|
||||
width: 270px;
|
||||
position: static;
|
||||
margin-top: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
#footer{
|
||||
width: 270px;
|
||||
margin-left: 0;
|
||||
}
|
||||
#footer-credits{
|
||||
width: 270px;
|
||||
}
|
||||
#footer-document{
|
||||
display: none;
|
||||
}
|
||||
#footer-dir{
|
||||
display: block;
|
||||
border-right: 0;
|
||||
}
|
||||
#footer-links{
|
||||
display: none;
|
||||
}
|
||||
#footer-logo{
|
||||
border-right: 0;
|
||||
height: 80px;
|
||||
}
|
||||
.footer-panel{
|
||||
height: auto;
|
||||
}
|
||||
.only-mobile{
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 570px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 570px) and (max-width: 769px) {
|
||||
|
||||
body {
|
||||
width: 570px;
|
||||
}
|
||||
#bloque-tools{
|
||||
margin-right: 0px;
|
||||
width: 370px;
|
||||
}
|
||||
h1#titulo{
|
||||
width: 60px;
|
||||
}
|
||||
#language{
|
||||
width: 70px;
|
||||
|
||||
}
|
||||
header{
|
||||
height: 100px;
|
||||
position: static;
|
||||
}
|
||||
|
||||
#bloque-login{
|
||||
clear: both;
|
||||
float: right;
|
||||
width: 170px;
|
||||
}
|
||||
#white-space{
|
||||
height: 20px;
|
||||
}
|
||||
#content{
|
||||
width: 370px;
|
||||
}
|
||||
.no-tablet{
|
||||
display: none;
|
||||
}
|
||||
#featured{
|
||||
width: 370px;
|
||||
height: 280px;
|
||||
}
|
||||
#featured img{
|
||||
width: 370px;
|
||||
}
|
||||
#footer{
|
||||
width: 370px;
|
||||
}
|
||||
#footer-credits{
|
||||
width: 370px;
|
||||
}
|
||||
#footer-document{
|
||||
display: none;
|
||||
}
|
||||
#footer-dir{
|
||||
display: none;
|
||||
}
|
||||
#logotipo{
|
||||
margin-bottom: 83px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4.
|
||||
----------------------------------------------- */
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min-device-pixel-ratio: 2) {
|
||||
|
||||
body {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
517
MAQUETA/css/main-16px.css
Normal file
517
MAQUETA/css/main-16px.css
Normal file
@ -0,0 +1,517 @@
|
||||
/* Less Framework 4 with 16/24 type presets
|
||||
http://lessframework.com
|
||||
by Joni Korpi
|
||||
License: http://opensource.org/licenses/mit-license.php */
|
||||
|
||||
|
||||
|
||||
/* Resets
|
||||
------ */
|
||||
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
||||
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figure, figcaption, hgroup,
|
||||
menu, footer, header, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
||||
footer, header, nav, section, audio, video {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a img {border: 0;}
|
||||
|
||||
|
||||
|
||||
/* Typography presets
|
||||
------------------ */
|
||||
|
||||
.gigantic {
|
||||
font-size: 110px;
|
||||
line-height: 120px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
.huge, h1 {
|
||||
font-size: 68px;
|
||||
line-height: 72px;
|
||||
letter-spacing: -1px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
}
|
||||
|
||||
.large, h2 {
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-weight: normal;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bigger, h3 {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.big, h4 {
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 16px/24px Georgia, serif;
|
||||
}
|
||||
|
||||
.small, small {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* Selection colours (easy to forget) */
|
||||
|
||||
::selection {background: rgb(249,229,220);}
|
||||
::-moz-selection {background: rgb(249,229,220);}
|
||||
img::selection {background: transparent;}
|
||||
img::-moz-selection {background: transparent;}
|
||||
body {-webkit-tap-highlight-color: rgb(255,255,158);}
|
||||
|
||||
|
||||
|
||||
/* Default Layout: 970px.
|
||||
Gutters: 30px.
|
||||
Outer margins: 30px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 70 170 270 370 470 570 670 770 870 970 */
|
||||
|
||||
body {
|
||||
width: 970px;
|
||||
padding: 0px 0px 80px 0px;
|
||||
background: rgb(249,246,236);
|
||||
color: rgb(0,0,0);
|
||||
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
|
||||
margin: 0 auto;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: rgb(0, 0, 0);
|
||||
text-decoration: none;
|
||||
}
|
||||
header{
|
||||
position: fixed;
|
||||
background: rgb(249,246,236);
|
||||
padding: 40px 0 0;
|
||||
height: 80px;
|
||||
z-index: 101;
|
||||
}
|
||||
p{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.element-invisible{
|
||||
position: absolute !important;
|
||||
height: 1px;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#logotipo{
|
||||
width: 160px;
|
||||
margin-right: 30px;
|
||||
margin-top: 9px;
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
}
|
||||
h1#titulo{
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
letter-spacing: 2px;
|
||||
width: 160px;
|
||||
margin-right: 30px;
|
||||
padding: 0 0 0 10px;
|
||||
float: left;
|
||||
}
|
||||
#language{
|
||||
float: left;
|
||||
width: 170px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#language ul li{
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
#language a{
|
||||
font-size: 12px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#search{
|
||||
width: 170px;
|
||||
height: 25px;
|
||||
border-bottom: 2px solid #000;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#search-block-form{
|
||||
|
||||
|
||||
}
|
||||
|
||||
#bloque-tools{
|
||||
width: 570px;
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
border-top: 2px solid #000;
|
||||
padding: 8px 0 0 0;
|
||||
}
|
||||
#bloque-login{
|
||||
width: 170px;
|
||||
float: left;
|
||||
border-top: 2px solid #000;
|
||||
}
|
||||
|
||||
#white-space{
|
||||
height: 240px;
|
||||
}
|
||||
#page{
|
||||
clear: both;
|
||||
|
||||
}
|
||||
#sidebar{
|
||||
width: 170px;
|
||||
position: fixed;
|
||||
border-top: 2px solid #000;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#sidebar ul li{
|
||||
list-style: none;
|
||||
height: 30px;
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 9px 0 0 10px;
|
||||
}
|
||||
|
||||
#sidebar a{
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 20px;
|
||||
|
||||
}
|
||||
|
||||
#content{
|
||||
width: 770px;
|
||||
padding-left: 200px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#featured{
|
||||
border-top: 2px solid #000;
|
||||
width: 570px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 200;
|
||||
}
|
||||
#featured h3{
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 800px;
|
||||
width: 149px;
|
||||
border-left: 1px solid #000;
|
||||
padding: 5px 0 0 9px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
height: 400px;
|
||||
|
||||
}
|
||||
#panel-news{
|
||||
position: absolute;
|
||||
top: 440px;
|
||||
left: 200px;
|
||||
width: 370px;
|
||||
}
|
||||
.panel-header{
|
||||
border-top: 2px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.panel-header h3{
|
||||
margin-left: 10px;
|
||||
margin-bottom: 8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
#panel-first{
|
||||
position: absolute;
|
||||
top: 440px;
|
||||
left: 600px;
|
||||
width: 170px;
|
||||
}
|
||||
#panel-second{
|
||||
position: absolute;
|
||||
top: 440px;
|
||||
left: 800px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.entry-header{
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 31px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
.entry-header span{
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.event-title,
|
||||
.event-body,
|
||||
.cuadrado{
|
||||
margin: 0 10px;
|
||||
}
|
||||
.medium-event,
|
||||
.small-event{
|
||||
margin:0px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.event-dates{
|
||||
color: rgb(255, 0, 0);
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.cuadrado{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: rgba(0, 0, 0,0.1);
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
.small-event{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.small-event h2{
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.small-event .event-dates{
|
||||
font-size: 12px;
|
||||
}
|
||||
.event-mini-picture{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tweet{
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
padding-bottom: 19px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.tweet-content{
|
||||
margin: 20px 10px 0 10px;
|
||||
}
|
||||
.tweet-content a{
|
||||
font-weight: bold;
|
||||
}
|
||||
.tweet-time,
|
||||
.tweet-actions{
|
||||
color: rgb(148, 146, 123);
|
||||
margin: 0 10px;
|
||||
}
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#footer{
|
||||
position: absolute;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
|
||||
/*___________________--------------------____________________________________*/
|
||||
|
||||
/* Default Layout: 1200px.
|
||||
Gutters: 30px.
|
||||
Outer margins: 0px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10 11 12
|
||||
px 70 170 270 370 470 570 670 770 870 970 1070 1170 */
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
body {
|
||||
width: 1170px;
|
||||
}
|
||||
#content{
|
||||
width: 970px;
|
||||
}
|
||||
|
||||
#panel-news{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 800px;
|
||||
width: 370px;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
top: 440px;
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
#panel-first{
|
||||
left: 400px;
|
||||
top: 440px;
|
||||
}
|
||||
#panel-second{
|
||||
left: 600px;
|
||||
top: 440px;
|
||||
}
|
||||
#bloque-login{
|
||||
width: 370px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Tablet Layout: 768px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
|
||||
body {
|
||||
width: 770px;
|
||||
}
|
||||
#bloque-tools{
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
#bloque-login{
|
||||
clear: both;
|
||||
float: right;
|
||||
width: 170px;
|
||||
}
|
||||
#content{
|
||||
width: 570px;
|
||||
}
|
||||
#panel-news{
|
||||
position: relative;
|
||||
top: 440px;
|
||||
left: 0px;
|
||||
width: 370px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
top: 440px;
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
#panel-first{
|
||||
position: relative;
|
||||
float: left;
|
||||
left: 0px;
|
||||
}
|
||||
#panel-second{
|
||||
left: 30px;
|
||||
float: left;
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
width: 252px;
|
||||
padding: 48px 34px 60px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 480px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
width: 436px;
|
||||
padding: 36px 22px 48px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4.
|
||||
----------------------------------------------- */
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min-device-pixel-ratio: 2) {
|
||||
|
||||
body {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
167
MAQUETA/css/main-17px.css
Normal file
167
MAQUETA/css/main-17px.css
Normal file
@ -0,0 +1,167 @@
|
||||
/* Less Framework 4 with 17/24 type presets
|
||||
http://lessframework.com
|
||||
by Joni Korpi
|
||||
License: http://opensource.org/licenses/mit-license.php */
|
||||
|
||||
|
||||
|
||||
/* Resets
|
||||
------ */
|
||||
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
||||
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figure, figcaption, hgroup,
|
||||
menu, footer, header, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
||||
footer, header, nav, section, audio, video {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a img {border: 0;}
|
||||
|
||||
|
||||
|
||||
/* Typography presets
|
||||
------------------ */
|
||||
|
||||
.gigantic {
|
||||
font-size: 116px;
|
||||
line-height: 120px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
.huge, h1 {
|
||||
font-size: 72px;
|
||||
line-height: 72px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.large, h2 {
|
||||
font-size: 44px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
.bigger, h3 {
|
||||
font-size: 28px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.big, h4 {
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 17px/24px Palatino, Constantia, "Palatino Linotype", serif;
|
||||
}
|
||||
|
||||
.small, small {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* Selection colours (easy to forget) */
|
||||
|
||||
::selection {background: rgb(255,255,158);}
|
||||
::-moz-selection {background: rgb(255,255,158);}
|
||||
img::selection {background: transparent;}
|
||||
img::-moz-selection {background: transparent;}
|
||||
body {-webkit-tap-highlight-color: rgb(255,255,158);}
|
||||
|
||||
|
||||
|
||||
/* Default Layout: 992px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 48px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 68 160 252 344 436 528 620 712 804 896 */
|
||||
|
||||
body {
|
||||
width: 896px;
|
||||
padding: 72px 48px 84px;
|
||||
background: rgb(232,232,232);
|
||||
color: rgb(60,60,60);
|
||||
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Tablet Layout: 768px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
|
||||
body {
|
||||
width: 712px;
|
||||
padding: 48px 28px 60px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
width: 252px;
|
||||
padding: 48px 34px 60px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 480px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
width: 436px;
|
||||
padding: 36px 22px 48px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4.
|
||||
----------------------------------------------- */
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min-device-pixel-ratio: 2) {
|
||||
|
||||
body {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
167
MAQUETA/css/main-18px.css
Normal file
167
MAQUETA/css/main-18px.css
Normal file
@ -0,0 +1,167 @@
|
||||
/* Less Framework 4 with 18/24 type presets
|
||||
http://lessframework.com
|
||||
by Joni Korpi
|
||||
License: http://opensource.org/licenses/mit-license.php */
|
||||
|
||||
|
||||
|
||||
/* Resets
|
||||
------ */
|
||||
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
||||
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figure, figcaption, hgroup,
|
||||
menu, footer, header, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
||||
footer, header, nav, section, audio, video {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a img {border: 0;}
|
||||
|
||||
|
||||
|
||||
/* Typography presets
|
||||
------------------ */
|
||||
|
||||
.gigantic {
|
||||
font-size: 123px;
|
||||
line-height: 132px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
.huge, h1 {
|
||||
font-size: 76px;
|
||||
line-height: 84px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.large, h2 {
|
||||
font-size: 47px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
.bigger, h3 {
|
||||
font-size: 29px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.big, h4 {
|
||||
font-size: 25px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 18px/24px "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
.small, small {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* Selection colours (easy to forget) */
|
||||
|
||||
::selection {background: rgb(255,255,158);}
|
||||
::-moz-selection {background: rgb(255,255,158);}
|
||||
img::selection {background: transparent;}
|
||||
img::-moz-selection {background: transparent;}
|
||||
body {-webkit-tap-highlight-color: rgb(255,255,158);}
|
||||
|
||||
|
||||
|
||||
/* Default Layout: 992px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 48px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 68 160 252 344 436 528 620 712 804 896 */
|
||||
|
||||
body {
|
||||
width: 896px;
|
||||
padding: 72px 48px 84px;
|
||||
background: rgb(232,232,232);
|
||||
color: rgb(60,60,60);
|
||||
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Tablet Layout: 768px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
|
||||
body {
|
||||
width: 712px;
|
||||
padding: 48px 28px 60px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
width: 252px;
|
||||
padding: 48px 34px 60px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 480px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
width: 436px;
|
||||
padding: 36px 22px 48px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4.
|
||||
----------------------------------------------- */
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min-device-pixel-ratio: 2) {
|
||||
|
||||
body {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
BIN
MAQUETA/images/arteleku.png
Normal file
BIN
MAQUETA/images/arteleku.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1015 B |
BIN
MAQUETA/images/foto.jpg
Normal file
BIN
MAQUETA/images/foto.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
MAQUETA/images/gipuzkoanet.png
Normal file
BIN
MAQUETA/images/gipuzkoanet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
MAQUETA/images/logo.png
Normal file
BIN
MAQUETA/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
MAQUETA/images/minifoto.jpg
Normal file
BIN
MAQUETA/images/minifoto.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
34
MAQUETA/js/main.js
Normal file
34
MAQUETA/js/main.js
Normal file
@ -0,0 +1,34 @@
|
||||
|
||||
|
||||
var reScale = function(){
|
||||
var biggestHeight = 0;
|
||||
console.log("Hemos entrado")
|
||||
|
||||
$('#content>div').each(function (index, Element) {
|
||||
|
||||
if((!$(this).hasClass('clear')) && ($(this).css('position')=='absolute')){
|
||||
var p = $(this).outerHeight() + parseInt($(this).css('top'), 10);
|
||||
console.log($(this).outerHeight());
|
||||
if(p > biggestHeight){
|
||||
biggestHeight = p;
|
||||
console.log(this);
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
var altura = parseInt($('#content').css('height'), 10);
|
||||
if (altura != biggestHeight){
|
||||
$('#content').css('height', biggestHeight);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
reScale();
|
||||
$(window).resize(function(){reScale();});
|
||||
});
|
||||
106
MAQUETA/js/protoFluid3.02.js
Normal file
106
MAQUETA/js/protoFluid3.02.js
Normal file
File diff suppressed because one or more lines are too long
50
MAQUETA/nathansmith-adapt-230a885/README.txt
Normal file
50
MAQUETA/nathansmith-adapt-230a885/README.txt
Normal file
@ -0,0 +1,50 @@
|
||||
ADAPT.JS - ADAPTIVE CSS
|
||||
|
||||
=====
|
||||
|
||||
For more information, see...
|
||||
|
||||
http://adapt.960.gs
|
||||
|
||||
This is dual licensed under GPL and MIT.
|
||||
|
||||
Feel free to use it however you like. :)
|
||||
|
||||
=====
|
||||
|
||||
Thanks to:
|
||||
|
||||
- Tiff Fehr, for offering feedback when this was just a gist.
|
||||
|
||||
http://www.tiffehr.com
|
||||
https://github.com/tiffehr
|
||||
https://gist.github.com/905220
|
||||
|
||||
- Mathias Bynens, for pointing out document.head is faster than
|
||||
document.getElementsByTagName('head')[0] for newer browsers.
|
||||
|
||||
http://mathiasbynens.be/
|
||||
https://github.com/mathiasbynens
|
||||
http://jsperf.com/document-head
|
||||
http://mathiasbynens.be/notes/document-head
|
||||
|
||||
- Joey Lomanto, for reminding me to account for scrollbar width.
|
||||
|
||||
http://joeylomanto.com
|
||||
https://github.com/joeylomanto
|
||||
|
||||
- Peter Schott, for testing on IE7 in Windows 7 Phone.
|
||||
|
||||
http://www.linkedin.com/in/paschott
|
||||
|
||||
- R.A. Ray, for pointing out "initial-scale=1" is needed.
|
||||
|
||||
http://robertadamray.com
|
||||
Issue: http://j.mp/initial-scale-1
|
||||
|
||||
- Jason Beaird & Skully78, for reporting a bug with IE6-IE8.
|
||||
|
||||
http://jasongraphix.com
|
||||
https://github.com/jasongraphix
|
||||
https://github.com/skully78
|
||||
Issue: https://github.com/nathansmith/adapt/issues/4
|
||||
357
MAQUETA/nathansmith-adapt-230a885/assets/css/1200.css
Normal file
357
MAQUETA/nathansmith-adapt-230a885/assets/css/1200.css
Normal file
@ -0,0 +1,357 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 680px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 980px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 1080px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 1180px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 500px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 700px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 1000px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 1100px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 500px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 700px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 1000px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 1100px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 100px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 500px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 700px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 1000px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 1100px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -100px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -500px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -700px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -900px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -1000px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -1100px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
||||
1
MAQUETA/nathansmith-adapt-230a885/assets/css/1200.min.css
vendored
Normal file
1
MAQUETA/nathansmith-adapt-230a885/assets/css/1200.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
357
MAQUETA/nathansmith-adapt-230a885/assets/css/1560.css
Normal file
357
MAQUETA/nathansmith-adapt-230a885/assets/css/1560.css
Normal file
@ -0,0 +1,357 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 1560px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1560px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 370px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 630px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 760px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 890px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 1020px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 1150px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 1280px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 1410px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 1540px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 130px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 260px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 390px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 520px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 650px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 910px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 1040px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 1170px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 1300px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 1430px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 130px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 260px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 390px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 520px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 650px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 910px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 1040px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 1170px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 1300px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 1430px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 130px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 260px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 390px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 520px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 650px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 780px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 910px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 1040px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 1170px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 1300px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 1430px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -130px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -260px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -390px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -520px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -650px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -780px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -910px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -1040px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -1170px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -1300px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -1430px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
||||
1
MAQUETA/nathansmith-adapt-230a885/assets/css/1560.min.css
vendored
Normal file
1
MAQUETA/nathansmith-adapt-230a885/assets/css/1560.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
358
MAQUETA/nathansmith-adapt-230a885/assets/css/1920.css
Normal file
358
MAQUETA/nathansmith-adapt-230a885/assets/css/1920.css
Normal file
@ -0,0 +1,358 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 1920px;
|
||||
}
|
||||
|
||||
/* Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1920px;
|
||||
}
|
||||
|
||||
/* Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 1100px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 1260px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 1420px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 1580px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 1740px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 1900px;
|
||||
}
|
||||
|
||||
/* Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 960px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 1120px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 1280px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 1440px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 1600px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 1760px;
|
||||
}
|
||||
|
||||
/* Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 960px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 1120px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 1280px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 1440px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 1600px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 1760px;
|
||||
}
|
||||
|
||||
/* Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 960px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 1120px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 1280px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 1440px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 1600px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 1760px;
|
||||
}
|
||||
|
||||
/* Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -960px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -1120px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -1280px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -1440px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -1600px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -1760px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
||||
1
MAQUETA/nathansmith-adapt-230a885/assets/css/1920.min.css
vendored
Normal file
1
MAQUETA/nathansmith-adapt-230a885/assets/css/1920.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
359
MAQUETA/nathansmith-adapt-230a885/assets/css/2520.css
Normal file
359
MAQUETA/nathansmith-adapt-230a885/assets/css/2520.css
Normal file
@ -0,0 +1,359 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 2520px;
|
||||
}
|
||||
|
||||
/* Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 2520px;
|
||||
}
|
||||
|
||||
/* Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display:inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 610px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 820px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 1030px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 1240px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 1450px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 1660px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 1870px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 2080px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 2290px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 2500px;
|
||||
}
|
||||
|
||||
/* Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 210px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 630px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 1050px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 1260px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 1470px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 1680px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 1890px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 2100px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 2310px;
|
||||
}
|
||||
|
||||
/* Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 210px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 630px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 1050px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 1260px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 1470px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 1680px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 1890px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 2100px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 2310px;
|
||||
}
|
||||
|
||||
/* Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 210px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 630px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 840px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 1050px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 1260px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 1470px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 1680px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 1890px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 2100px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 2310px;
|
||||
}
|
||||
|
||||
/* Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -210px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -630px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -840px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -1050px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -1260px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -1470px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -1680px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -1890px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -2100px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -2310px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
||||
1
MAQUETA/nathansmith-adapt-230a885/assets/css/2520.min.css
vendored
Normal file
1
MAQUETA/nathansmith-adapt-230a885/assets/css/2520.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
357
MAQUETA/nathansmith-adapt-230a885/assets/css/720.css
Normal file
357
MAQUETA/nathansmith-adapt-230a885/assets/css/720.css
Normal file
@ -0,0 +1,357 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 720px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 720px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 660px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -60px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -660px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
||||
1
MAQUETA/nathansmith-adapt-230a885/assets/css/720.min.css
vendored
Normal file
1
MAQUETA/nathansmith-adapt-230a885/assets/css/720.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
357
MAQUETA/nathansmith-adapt-230a885/assets/css/960.css
Normal file
357
MAQUETA/nathansmith-adapt-230a885/assets/css/960.css
Normal file
@ -0,0 +1,357 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
||||
1
MAQUETA/nathansmith-adapt-230a885/assets/css/960.min.css
vendored
Normal file
1
MAQUETA/nathansmith-adapt-230a885/assets/css/960.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
120
MAQUETA/nathansmith-adapt-230a885/assets/css/master.css
Normal file
120
MAQUETA/nathansmith-adapt-230a885/assets/css/master.css
Normal file
@ -0,0 +1,120 @@
|
||||
@import 'reset.css';
|
||||
@import 'text.css';
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
h1 {
|
||||
background: #eee url(../images/h1.png) no-repeat right center;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 10px 90px 10px 15px;
|
||||
text-shadow: #fff 0 1px 0;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #06c;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #c60;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* `Misc Classes
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.align_center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align_right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* `Data Table
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.data,
|
||||
.data th,
|
||||
.data td {
|
||||
border-style: solid;
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.data {
|
||||
border-width: 0 1px 1px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.data caption {
|
||||
padding: 0 10px 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.data th,
|
||||
.data td {
|
||||
border-top-width: 1px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.data th {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.data thead th {
|
||||
background: #eee;
|
||||
font-weight: bold;
|
||||
text-shadow: #fff 0 1px 0;
|
||||
}
|
||||
|
||||
.data tbody th {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.data tr th:first-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* `Code
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-size: 12px;
|
||||
font-family: Menlo, Courier, monospace;
|
||||
}
|
||||
|
||||
pre,
|
||||
.notice {
|
||||
background: #ffe;
|
||||
border: 1px solid;
|
||||
border-color: #eed #ccb #bba #ddc;
|
||||
overflow: auto;
|
||||
padding: 10px 0 10px 10px;
|
||||
}
|
||||
|
||||
* html pre {
|
||||
overflow: hidden;
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
code {
|
||||
background: #ff9;
|
||||
padding: 0 2px;
|
||||
}
|
||||
26
MAQUETA/nathansmith-adapt-230a885/assets/css/mobile.css
Normal file
26
MAQUETA/nathansmith-adapt-230a885/assets/css/mobile.css
Normal file
@ -0,0 +1,26 @@
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.alpha,
|
||||
.omega {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.align_center,
|
||||
.align_right {
|
||||
text-align: left;
|
||||
}
|
||||
1
MAQUETA/nathansmith-adapt-230a885/assets/css/mobile.min.css
vendored
Normal file
1
MAQUETA/nathansmith-adapt-230a885/assets/css/mobile.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left}
|
||||
207
MAQUETA/nathansmith-adapt-230a885/assets/css/reset.css
Normal file
207
MAQUETA/nathansmith-adapt-230a885/assets/css/reset.css
Normal file
@ -0,0 +1,207 @@
|
||||
/* `XHTML, HTML4, HTML5 Reset
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
dialog,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
font,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
hgroup,
|
||||
hr,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
mark,
|
||||
menu,
|
||||
meter,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
progress,
|
||||
q,
|
||||
rp,
|
||||
rt,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video,
|
||||
xmp {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
/*
|
||||
Override the default (display: inline) for
|
||||
browsers that do not recognize HTML5 tags.
|
||||
|
||||
IE8 (and lower) requires a shiv:
|
||||
http://ejohn.org/blog/html5-shiv
|
||||
*/
|
||||
display: block;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
/*
|
||||
Makes browsers agree.
|
||||
IE + Opera = font-weight: bold.
|
||||
Gecko + WebKit = font-weight: bolder.
|
||||
*/
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
vertical-align: middle;
|
||||
/*
|
||||
For IE.
|
||||
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
|
||||
*/
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
li {
|
||||
/*
|
||||
For IE6 + IE7:
|
||||
|
||||
"display: list-item" keeps bullets from
|
||||
disappearing if hasLayout is triggered.
|
||||
*/
|
||||
display: list-item;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th,
|
||||
td,
|
||||
caption {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup,
|
||||
small {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
svg {
|
||||
/*
|
||||
For IE9. Without, occasionally draws shapes
|
||||
outside the boundaries of <svg> rectangle.
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
81
MAQUETA/nathansmith-adapt-230a885/assets/css/text.css
Normal file
81
MAQUETA/nathansmith-adapt-230a885/assets/css/text.css
Normal file
@ -0,0 +1,81 @@
|
||||
/*
|
||||
960 Grid System ~ Text CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
body {
|
||||
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0 #ccc solid;
|
||||
border-top-width: 1px;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* `Headings
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* `Spacing
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
p,
|
||||
dl,
|
||||
hr,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ol,
|
||||
ul,
|
||||
pre,
|
||||
table,
|
||||
address,
|
||||
fieldset,
|
||||
figure {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
BIN
MAQUETA/nathansmith-adapt-230a885/assets/images/h1.png
Normal file
BIN
MAQUETA/nathansmith-adapt-230a885/assets/images/h1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
145
MAQUETA/nathansmith-adapt-230a885/assets/js/adapt.js
Normal file
145
MAQUETA/nathansmith-adapt-230a885/assets/js/adapt.js
Normal file
@ -0,0 +1,145 @@
|
||||
/*
|
||||
Adapt.js licensed under GPL and MIT.
|
||||
|
||||
Read more here: http://adapt.960.gs
|
||||
*/
|
||||
|
||||
// Closure.
|
||||
(function(w, d, config, undefined) {
|
||||
// If no config, exit.
|
||||
if (!config) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Empty vars to use later.
|
||||
var url, url_old, timer;
|
||||
|
||||
// Alias config values.
|
||||
var callback = typeof config.callback === 'function' ? config.callback : undefined;
|
||||
var path = config.path ? config.path : '';
|
||||
var range = config.range;
|
||||
var range_len = range.length;
|
||||
|
||||
// Create empty link tag:
|
||||
// <link rel="stylesheet" />
|
||||
var css = d.createElement('link');
|
||||
css.rel = 'stylesheet';
|
||||
css.media = 'screen';
|
||||
|
||||
// Called from within adapt().
|
||||
function change(i, width) {
|
||||
// Set the URL.
|
||||
css.href = url;
|
||||
url_old = url;
|
||||
|
||||
// Call callback, if defined.
|
||||
callback && callback(i, width);
|
||||
}
|
||||
|
||||
// Adapt to width.
|
||||
function adapt() {
|
||||
// This clearTimeout is for IE.
|
||||
// Really it belongs in react(),
|
||||
// but doesn't do any harm here.
|
||||
clearTimeout(timer);
|
||||
|
||||
// Parse browser width.
|
||||
var width = w.innerWidth || d.documentElement.clientWidth || d.body.clientWidth || 0;
|
||||
|
||||
// While loop vars.
|
||||
var arr, arr_0, val_1, val_2, is_range, file;
|
||||
|
||||
// How many ranges?
|
||||
var i = range_len;
|
||||
var last = range_len - 1;
|
||||
|
||||
while (i--) {
|
||||
// Blank if no conditions met.
|
||||
url = '';
|
||||
|
||||
// Turn string into array.
|
||||
arr = range[i].split('=');
|
||||
|
||||
// Width is to the left of "=".
|
||||
arr_0 = arr[0];
|
||||
|
||||
// File name is to the right of "=".
|
||||
// Presuppoes a file with no spaces.
|
||||
// If no file specified, make empty.
|
||||
file = arr[1] ? arr[1].replace(/\s/g, '') : undefined;
|
||||
|
||||
// Assume max if "to" isn't present.
|
||||
is_range = arr_0.match('to');
|
||||
|
||||
// If it's a range, split left/right sides of "to",
|
||||
// and then convert each one into numerical values.
|
||||
// If it's not a range, turn maximum into a number.
|
||||
val_1 = is_range ? parseInt(arr_0.split('to')[0], 10) : parseInt(arr_0, 10);
|
||||
val_2 = is_range ? parseInt(arr_0.split('to')[1], 10) : undefined;
|
||||
|
||||
// Check for maxiumum or range.
|
||||
if ((!val_2 && i === last && width > val_1) || (width > val_1 && width <= val_2)) {
|
||||
// Build full URL to CSS file.
|
||||
file && (url = path + file);
|
||||
|
||||
// Exit the while loop. No need to continue
|
||||
// if we've already found a matching range.
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Was it created yet?
|
||||
if (!url_old) {
|
||||
// Apply changes.
|
||||
change(i, width);
|
||||
|
||||
// Add the CSS, only if path is defined.
|
||||
// Use faster document.head if possible.
|
||||
path && (d.head || d.getElementsByTagName('head')[0]).appendChild(css);
|
||||
}
|
||||
else if (url_old !== url) {
|
||||
// Apply changes.
|
||||
change(i, width);
|
||||
}
|
||||
}
|
||||
|
||||
// Fire off once.
|
||||
adapt();
|
||||
|
||||
// Slight delay.
|
||||
function react() {
|
||||
// Clear the timer as window resize fires,
|
||||
// so that it only calls adapt() when the
|
||||
// user has finished resizing the window.
|
||||
clearTimeout(timer);
|
||||
|
||||
// Start the timer countdown.
|
||||
timer = setTimeout(adapt, 16);
|
||||
// -----------------------^^
|
||||
// Note: 15.6 milliseconds is lowest "safe"
|
||||
// duration for setTimeout and setInterval.
|
||||
//
|
||||
// http://www.nczonline.net/blog/2011/12/14/timer-resolution-in-browsers
|
||||
}
|
||||
|
||||
// Do we want to watch for
|
||||
// resize and device tilt?
|
||||
if (config.dynamic) {
|
||||
// Event listener for window resize,
|
||||
// also triggered by phone rotation.
|
||||
if (w.addEventListener) {
|
||||
// Good browsers.
|
||||
w.addEventListener('resize', react, false);
|
||||
}
|
||||
else if (w.attachEvent) {
|
||||
// Legacy IE support.
|
||||
w.attachEvent('onresize', react);
|
||||
}
|
||||
else {
|
||||
// Old-school fallback.
|
||||
w.onresize = react;
|
||||
}
|
||||
}
|
||||
|
||||
// Pass in window, document, config, undefined.
|
||||
})(this, this.document, ADAPT_CONFIG);
|
||||
1
MAQUETA/nathansmith-adapt-230a885/assets/js/adapt.min.js
vendored
Normal file
1
MAQUETA/nathansmith-adapt-230a885/assets/js/adapt.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
(function(a,b,c,d){function e(){clearTimeout(i);for(var c=a.innerWidth||b.documentElement.clientWidth||b.body.clientWidth||0,e,f,o,p,q=m,u=m-1;q--;){g="",e=l[q].split("="),f=e[0],p=e[1]?e[1].replace(/\s/g,""):d,e=(o=f.match("to"))?parseInt(f.split("to")[0],10):parseInt(f,10),f=o?parseInt(f.split("to")[1],10):d;if(!f&&q===u&&c>e||c>e&&c<=f){p&&(g=k+p);break}}h?h!==g&&(h=n.href=g,j&&j(q,c)):(h=n.href=g,j&&j(q,c),k&&(b.head||b.getElementsByTagName("head")[0]).appendChild(n))}function f(){clearTimeout(i),i=setTimeout(e,16)}if(c){var g,h,i,j=typeof c.callback=="function"?c.callback:d,k=c.path?c.path:"",l=c.range,m=l.length,n=b.createElement("link");n.rel="stylesheet",n.media="screen",e(),c.dynamic&&(a.addEventListener?a.addEventListener("resize",f,!1):a.attachEvent?a.attachEvent("onresize",f):a.onresize=f)}})(this,this.document,ADAPT_CONFIG)
|
||||
BIN
MAQUETA/nathansmith-adapt-230a885/favicon.ico
Normal file
BIN
MAQUETA/nathansmith-adapt-230a885/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 540 B |
12
MAQUETA/nathansmith-adapt-230a885/humans.txt
Normal file
12
MAQUETA/nathansmith-adapt-230a885/humans.txt
Normal file
@ -0,0 +1,12 @@
|
||||
Hello savvy Internet wanderer!
|
||||
|
||||
This site was made by Nathan Smith.
|
||||
|
||||
http://sonspring.com
|
||||
|
||||
http://twitter.com/nathansmith
|
||||
|
||||
=====
|
||||
|
||||
What is this file?
|
||||
http://humanstxt.org
|
||||
250
MAQUETA/nathansmith-adapt-230a885/index.html
Normal file
250
MAQUETA/nathansmith-adapt-230a885/index.html
Normal file
@ -0,0 +1,250 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
|
||||
<meta name="author" content="Nathan Smith" />
|
||||
<meta name="copyright" content="Licensed under GPL and MIT." />
|
||||
<meta name="description" content="Adapt.js serves CSS based on screen width." />
|
||||
<title>Adapt.js - Adaptive CSS</title>
|
||||
<link rel="stylesheet" href="assets/css/master.css" />
|
||||
<noscript>
|
||||
<link rel="stylesheet" href="assets/css/mobile.min.css" />
|
||||
</noscript>
|
||||
<script>
|
||||
// Edit to suit your needs.
|
||||
var ADAPT_CONFIG = {
|
||||
// Where is your CSS?
|
||||
path: 'assets/css/',
|
||||
|
||||
// false = Only run once, when page first loads.
|
||||
// true = Change on window resize and page tilt.
|
||||
dynamic: true,
|
||||
|
||||
// First range entry is the minimum.
|
||||
// Last range entry is the maximum.
|
||||
// Separate ranges by "to" keyword.
|
||||
range: [
|
||||
'0px to 760px = mobile.min.css',
|
||||
'760px to 980px = 720.min.css',
|
||||
'980px to 1280px = 960.min.css',
|
||||
'1280px to 1600px = 1200.min.css',
|
||||
'1600px to 1940px = 1560.min.css',
|
||||
'1940px to 2540px = 1920.min.css',
|
||||
'2540px = 2520.min.css'
|
||||
]
|
||||
};
|
||||
</script>
|
||||
<script src="assets/js/adapt.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container_12">
|
||||
<div class="grid_12">
|
||||
<h1>
|
||||
Adapt.js - Adaptive CSS
|
||||
</h1>
|
||||
</div>
|
||||
<div class="grid_7">
|
||||
<h2>
|
||||
What is this?
|
||||
</h2>
|
||||
<p>
|
||||
<a href="https://github.com/nathansmith/adapt/blob/master/assets/js/adapt.js">Adapt.js</a> is a lightweight (848 bytes <a href="https://github.com/nathansmith/adapt/blob/master/assets/js/adapt.min.js">minified</a>) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed.
|
||||
</p>
|
||||
<p>
|
||||
A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetched (think of it as “Ajax” for CSS). I have done my best to mitigate this by keeping CSS files small (3 KB). It is worth noting this is a proposed, not prescribed, approach to a problem with multiple solutions.
|
||||
</p>
|
||||
<p>
|
||||
Other methods include: Build a <a href="http://mobify.me/">separate</a> site for <a href="http://html5boilerplate.com/mobile/">mobile</a>. Or, use <a href="http://www.w3.org/TR/css3-mediaqueries/">media queries</a> to adjust layout, with a <a href="https://github.com/scottjehl/Respond">polyfill</a> for older browser support, and conditional Internet Explorer <a href="http://adactio.com/journal/4494/">comments</a> for Windows phones. Also a factor is how to handle multiple image resolutions without adding file size. Filament Group is advocating <a href="http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/">context aware</a> image sizing.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid_5">
|
||||
<table class="data">
|
||||
<caption>
|
||||
Default CSS Files & Widths
|
||||
</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
File Name
|
||||
</th>
|
||||
<th>
|
||||
Screen Width
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>
|
||||
<a href="assets/css/mobile.css">mobile.css</a>
|
||||
</th>
|
||||
<td>
|
||||
below 760px
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<a href="assets/css/720.css">720.css</a>
|
||||
</th>
|
||||
<td>
|
||||
760px to 980px
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<a href="assets/css/960.css">960.css</a>
|
||||
</th>
|
||||
<td>
|
||||
980px to 1280px
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<a href="assets/css/1200.css">1200.css</a>
|
||||
</th>
|
||||
<td>
|
||||
1280px to 1600px
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<a href="assets/css/1560.css">1560.css</a>
|
||||
</th>
|
||||
<td>
|
||||
1600 to 1940px
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<a href="assets/css/1920.css">1920.css</a>
|
||||
</th>
|
||||
<td>
|
||||
1940px to 2540px
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<a href="assets/css/2520.css">2520.css</a>
|
||||
</th>
|
||||
<td>
|
||||
above 2540px
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="notice">
|
||||
<a href="https://github.com/nathansmith/adapt/zipball/master">Download</a>
|
||||
|
||||
|
|
||||
|
||||
<a href="http://sonspring.com/journal/adapt-js-explained">Blog post</a>
|
||||
|
||||
|
|
||||
|
||||
<a href="https://github.com/nathansmith/adapt">GitHub repo</a>
|
||||
</p>
|
||||
</div>
|
||||
<hr class="grid_12">
|
||||
<div class="grid_7">
|
||||
<pre>// Edit to suit your needs.
|
||||
var ADAPT_CONFIG = {
|
||||
// Where is your CSS?
|
||||
path: 'assets/css/',
|
||||
|
||||
// false = Only run once, when page first loads.
|
||||
// true = Change on window resize and page tilt.
|
||||
dynamic: true,
|
||||
|
||||
// Optional callback... myCallback(i, width)
|
||||
callback: myCallback,
|
||||
|
||||
// First range entry is the minimum.
|
||||
// Last range entry is the maximum.
|
||||
// Separate ranges by "to" keyword.
|
||||
range: [
|
||||
'0px to 760px = mobile.css',
|
||||
'760px to 980px = 720.css',
|
||||
'980px to 1280px = 960.css',
|
||||
'1280px to 1600px = 1200.css',
|
||||
'1600px to 1920px = 1560.css',
|
||||
'1940px to 2540px = 1920.css',
|
||||
'2540px = 2520.css'
|
||||
]
|
||||
};</pre>
|
||||
</div>
|
||||
<div class="grid_5">
|
||||
<h3>
|
||||
Configuration
|
||||
</h3>
|
||||
<p>
|
||||
<em>For all possible options</em> — <a href="http://sonspring.com/journal/adapt-js-explained#how-to-use">Read more</a>
|
||||
</p>
|
||||
<p>
|
||||
Adapt.js, accepts a few parameters: <code>path</code> is where your stylesheets reside, <code>dynamic</code> is a boolean (<code>true</code> or <code>false</code>) that says whether to watch the <code>window</code> for its <code>resize</code> event, also triggered by tablet or phone tilt. Widths and optional CSS files are specified in <code>range</code>. The defaults are shown in the adjacent code example. You can also specify an optional <code>callback</code> function, that will pass <code>range</code> index and width.
|
||||
</p>
|
||||
<hr />
|
||||
<h3>
|
||||
Open Source
|
||||
</h3>
|
||||
<p>
|
||||
Just like the <a href="http://960.gs/">960 Grid System</a> itself, Adapt.js is licensed under <a href="http://www.gnu.org/licenses/gpl.html">GPL</a> and <a href="http://www.opensource.org/licenses/mit-license.php">MIT</a>. That means it is free, as in speech. If you want to use it in a product that is already licensed under the GPL, you can. Or, if you want to use it in a commercial product, you can choose the MIT license instead. No strings attached.
|
||||
</p>
|
||||
<p>
|
||||
The code is available via <a href="https://github.com/nathansmith/adapt">GitHub</a>.
|
||||
</p>
|
||||
</div>
|
||||
<hr class="grid_12" />
|
||||
<div class="grid_4">
|
||||
<h4>
|
||||
Fallback
|
||||
</h4>
|
||||
<p>
|
||||
In the case of JavaScript being purposefully disabled or unavailable, stylesheet defaults can be served via <code><noscript></code>, which is perfectly valid in the <code><head></code> for <a href="http://www.w3.org/TR/html5/scripting-1.html#the-noscript-element">HTML5</a>. Taking a <a href="http://www.lukew.com/ff/entry.asp?933">mobile first</a> approach, I specified the mobile.css file, assuming devices without JS capabilities are likely to be less capable “feature” phones.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid_4 push_4">
|
||||
<h4>
|
||||
“It Depends”
|
||||
</h4>
|
||||
<p>
|
||||
As with any field in which technological methods are open for debate, there is the danger of religious fanaticism, where we each rally behind a respective technique and defend it vehemently. I would advise you to consider your audience, weigh the options, and find an approach that makes sense for that particular context.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid_4 pull_4">
|
||||
<h4>
|
||||
Background
|
||||
</h4>
|
||||
<p>
|
||||
This whole browser resizing craze was started by none other than the inestimable <a href="http://ethanmarcotte.com/">Ethan Marcotte</a>, when he wrote his seminal article for A List Apart, entitled <a href="http://www.alistapart.com/articles/responsive-web-design/">Responsive Web Design</a>. Since then, some have <a href="http://tripleodeon.com/2010/10/not-a-mobile-web-merely-a-320px-wide-one/">criticized</a> <code>@media</code> queries as <a href="http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/">fool’s gold</a>. Also worth reading are <a href="http://adactio.com/journal/1716/">One Web</a> and <a href="http://unstoppablerobotninja.com/entry/toffee-nosed/">Toffee-Nosed</a>, further defining responsiveness.
|
||||
</p>
|
||||
</div>
|
||||
<hr class="grid_12" />
|
||||
<div class="grid_3">
|
||||
<p>
|
||||
<small>
|
||||
Licensed under <a href="http://www.gnu.org/licenses/gpl.html">GPL</a> and <a href="http://www.opensource.org/licenses/mit-license.php">MIT</a>.
|
||||
</small>
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid_6 align_center">
|
||||
<p>
|
||||
<small>
|
||||
Powered by <a href="https://github.com/nathansmith/adapt/blob/master/assets/js/adapt.js">Adapt.js</a> + <a href="http://960.gs/">960.gs</a>.
|
||||
|
||||
|
|
||||
|
||||
Repository at <a href="https://github.com/nathansmith/adapt">GitHub</a>.
|
||||
</small>
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid_3 align_right">
|
||||
<p>
|
||||
<small>
|
||||
Custom grids via <a href="http://grids.heroku.com/">SprySoft</a>.
|
||||
</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
116
MAQUETA/nathansmith-adapt-230a885/test_class.html
Normal file
116
MAQUETA/nathansmith-adapt-230a885/test_class.html
Normal file
@ -0,0 +1,116 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Adapt.js - HTML Class Test</title>
|
||||
<style>
|
||||
|
||||
* {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.range_test {
|
||||
/* Default */
|
||||
display: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
html.range_0 #p_0 {
|
||||
/* Style overrides for: 0px to 760px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html.range_1 #p_1 {
|
||||
/* Style overrides for: 760px to 980px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html.range_2 #p_2 {
|
||||
/* Style overrides for: 980px to 1280px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html.range_3 #p_3 {
|
||||
/* Style overrides for: 1280px to 1600px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html.range_4 #p_4 {
|
||||
/* Style overrides for: 1600px to 1920px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html.range_5 #p_5 {
|
||||
/* Style overrides for: above 1920px */
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
// Called by Adapt.js
|
||||
function myCallback(i, width) {
|
||||
// Alias HTML tag.
|
||||
var html = document.documentElement;
|
||||
|
||||
// Find all instances of range_NUMBER and kill 'em.
|
||||
html.className = html.className.replace(/(\s+)?range_\d/g, '');
|
||||
|
||||
// Check for valid range.
|
||||
if (i > -1) {
|
||||
// Add class="range_NUMBER"
|
||||
html.className += ' range_' + i;
|
||||
}
|
||||
|
||||
// Note: Not making use of width here, but I'm sure
|
||||
// you could think of an interesting way to use it.
|
||||
}
|
||||
|
||||
// Edit to suit your needs.
|
||||
var ADAPT_CONFIG = {
|
||||
// false = Only run once, when page first loads.
|
||||
// true = Change on window resize and page tilt.
|
||||
dynamic: true,
|
||||
|
||||
// Optional callback... myCallback(i, width)
|
||||
callback: myCallback,
|
||||
|
||||
// First range entry is the minimum.
|
||||
// Last range entry is the maximum.
|
||||
// Separate ranges by "to" keyword.
|
||||
range: [
|
||||
'0 to 760',
|
||||
'760 to 980',
|
||||
'980 to 1280',
|
||||
'1280 to 1600',
|
||||
'1600 to 1920',
|
||||
'1920'
|
||||
]
|
||||
};
|
||||
</script>
|
||||
<script src="assets/js/adapt.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
This page demonstrates how a callback function can be<br />
|
||||
used with Adapt.js to change the class of the HTML tag.
|
||||
</p>
|
||||
<p class="range_test" id="p_0">
|
||||
Visible at: 0px to 760px
|
||||
</p>
|
||||
<p class="range_test" id="p_1">
|
||||
Visible at: 760px to 980px
|
||||
</p>
|
||||
<p class="range_test" id="p_2">
|
||||
Visible at: 980px to 1280px
|
||||
</p>
|
||||
<p class="range_test" id="p_3">
|
||||
Visible at: 1280px to 1600px
|
||||
</p>
|
||||
<p class="range_test" id="p_4">
|
||||
Visible at: 1600px to 1920px
|
||||
</p>
|
||||
<p class="range_test" id="p_5">
|
||||
Visible at: above 1920px
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
107
MAQUETA/nathansmith-adapt-230a885/test_id.html
Normal file
107
MAQUETA/nathansmith-adapt-230a885/test_id.html
Normal file
@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Adapt.js - HTML ID Test</title>
|
||||
<style>
|
||||
|
||||
* {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.5
|
||||
}
|
||||
|
||||
.range_test {
|
||||
/* Default */
|
||||
display: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
html#range_0 #p_0 {
|
||||
/* Style overrides for: 0px to 760px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html#range_1 #p_1 {
|
||||
/* Style overrides for: 760px to 980px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html#range_2 #p_2 {
|
||||
/* Style overrides for: 980px to 1280px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html#range_3 #p_3 {
|
||||
/* Style overrides for: 1280px to 1600px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html#range_4 #p_4 {
|
||||
/* Style overrides for: 1600px to 1920px */
|
||||
display: block;
|
||||
}
|
||||
|
||||
html#range_5 #p_5 {
|
||||
/* Style overrides for: above 1920px */
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
// Called by Adapt.js
|
||||
function myCallback(i, width) {
|
||||
// Replace HTML tag's ID.
|
||||
document.documentElement.id = 'range_' + i;
|
||||
|
||||
// Note: Not making use of width here, but I'm sure
|
||||
// you could think of an interesting way to use it.
|
||||
}
|
||||
|
||||
// Edit to suit your needs.
|
||||
var ADAPT_CONFIG = {
|
||||
// false = Only run once, when page first loads.
|
||||
// true = Change on window resize and page tilt.
|
||||
dynamic: true,
|
||||
|
||||
// Optional callback... myCallback(i, width)
|
||||
callback: myCallback,
|
||||
|
||||
// First range entry is the minimum.
|
||||
// Last range entry is the maximum.
|
||||
// Separate ranges by "to" keyword.
|
||||
range: [
|
||||
'0 to 760',
|
||||
'760 to 980',
|
||||
'980 to 1280',
|
||||
'1280 to 1600',
|
||||
'1600 to 1920',
|
||||
'1920'
|
||||
]
|
||||
};
|
||||
</script>
|
||||
<script src="assets/js/adapt.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
This page demonstrates how a callback function can be<br />
|
||||
used with Adapt.js to change the ID of the HTML tag.
|
||||
</p>
|
||||
<p class="range_test" id="p_0">
|
||||
Visible at: 0px to 760px
|
||||
</p>
|
||||
<p class="range_test" id="p_1">
|
||||
Visible at: 760px to 980px
|
||||
</p>
|
||||
<p class="range_test" id="p_2">
|
||||
Visible at: 980px to 1280px
|
||||
</p>
|
||||
<p class="range_test" id="p_3">
|
||||
Visible at: 1280px to 1600px
|
||||
</p>
|
||||
<p class="range_test" id="p_4">
|
||||
Visible at: 1600px to 1920px
|
||||
</p>
|
||||
<p class="range_test" id="p_5">
|
||||
Visible at: above 1920px
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
47
arteleku_skin.info
Normal file
47
arteleku_skin.info
Normal file
@ -0,0 +1,47 @@
|
||||
; $Id: bartik.info,v 1.5 2010/11/07 00:27:20 dries Exp $
|
||||
|
||||
name = Arteleku
|
||||
description = Theme para la web de Arteleku
|
||||
package = Core
|
||||
version = VERSION
|
||||
core = 7.x
|
||||
|
||||
stylesheets[all][] = css/tipografia.css
|
||||
stylesheets[all][] = css/responsive.css
|
||||
stylesheets[all][] = css/colores.css
|
||||
stylesheets[all][] = css/logintoboggan.css
|
||||
stylesheets[all][] = css/forms.css
|
||||
stylesheets[all][] = css/main.css
|
||||
stylesheets[all][] = css/accordion.css
|
||||
stylesheets[all][] = css/aggregator.css
|
||||
stylesheets[all][] = css/metadata.css
|
||||
stylesheets[all][] = css/islandora.base.css
|
||||
stylesheets[all][] = css/islandora_basic_collection.base.css
|
||||
stylesheets[all][] = css/islandora_basic_collection.theme.css
|
||||
stylesheets[all][] = css/admin_menu_toolbar.css
|
||||
stylesheets[all][] = css/cuatro-columnas.css
|
||||
stylesheets[all][] = css/dos-columnas.css
|
||||
scripts[] = js/enquire.min.js
|
||||
scripts[] = js/main.js
|
||||
|
||||
regions[header] = Header
|
||||
regions[help] = Help
|
||||
regions[page_top] = Page top
|
||||
regions[page_bottom] = Page bottom
|
||||
regions[highlighted] = Highlighted
|
||||
|
||||
regions[featured] = Featured
|
||||
regions[content] = Content
|
||||
regions[sidebar_first] = Sidebar first
|
||||
regions[sidebar_second] = Sidebar second
|
||||
regions[sidebar_right] = Sidebar right
|
||||
|
||||
regions[search_facets] = Search Facets Bar
|
||||
regions[triptych_middle] = Triptych middle
|
||||
regions[triptych_last] = Triptych last
|
||||
|
||||
regions[footer_firstcolumn] = Footer first column
|
||||
regions[footer_secondcolumn] = Footer second column
|
||||
regions[footer_thirdcolumn] = Footer third column
|
||||
regions[footer_fourthcolumn] = Footer fourth column
|
||||
regions[footer] = Footer
|
||||
BIN
css/.responsive.css.swp
Normal file
BIN
css/.responsive.css.swp
Normal file
Binary file not shown.
30
css/accordion.css
Normal file
30
css/accordion.css
Normal file
@ -0,0 +1,30 @@
|
||||
.views-accordion-header{
|
||||
background:none;
|
||||
border: 0;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ui-accordion{
|
||||
|
||||
font-size: 12px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
}
|
||||
.ui-accordion .views-row{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ui-accordion-content{
|
||||
background:none;
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui-accordion .ui-accordion-header a{
|
||||
color:black;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.views-accordion-header.ui-state-active{
|
||||
background-color: rgb(249,229,220);
|
||||
}
|
||||
15
css/admin_menu_toolbar.css
Normal file
15
css/admin_menu_toolbar.css
Normal file
@ -0,0 +1,15 @@
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Toolbar style for Administration menu.
|
||||
*
|
||||
* Important: We cannot re-use toolbar.png from Toolbar module, since we cannot
|
||||
* reliably determine the path to it.
|
||||
*
|
||||
* @todo Separate shortcut functionality into own module/widget.
|
||||
*/
|
||||
|
||||
/* Adjust margin/height */
|
||||
html body.admin-menu {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
12
css/aggregator.css
Normal file
12
css/aggregator.css
Normal file
@ -0,0 +1,12 @@
|
||||
.block-aggregator ul{
|
||||
margin 0;
|
||||
list-style: none;
|
||||
}
|
||||
.block-aggregator ul li{
|
||||
margin: 0;
|
||||
padding: 0px 10px;
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
15
css/colores.css
Normal file
15
css/colores.css
Normal file
@ -0,0 +1,15 @@
|
||||
/* Selection colours (easy to forget) */
|
||||
|
||||
::selection { background: rgb(249,229,220); }
|
||||
::-moz-selection { background: rgb(249,229,220); }
|
||||
img::selection { background: transparent; }
|
||||
img::-moz-selection { background: transparent; }
|
||||
body { -webkit-tap-highlight-color: rgb(249,229,220); }
|
||||
|
||||
a { color: rgb(0, 0, 0); text-decoration: none; }
|
||||
|
||||
|
||||
#footer-credits{
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
128
css/cuatro-columnas.css
Normal file
128
css/cuatro-columnas.css
Normal file
@ -0,0 +1,128 @@
|
||||
.cuatro-columnas-adaptativo{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#destacado-adaptativo{
|
||||
width: 570px;
|
||||
top: 0;
|
||||
/* height: 400px; */
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
border-top: 2px solid #000;
|
||||
/*margin-bottom: 40px;*/
|
||||
}
|
||||
|
||||
#destacado-adaptativo .panel-pane{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#primera-adaptativo .pane-title,
|
||||
#sub-columna .pane-title{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#primera-adaptativo{
|
||||
width: 570px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#primera-adaptativo .panel-pane{
|
||||
padding: 0 0px;
|
||||
}
|
||||
|
||||
#sub-columna .pane-content{
|
||||
margin-top: 19px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
#sub-columna{
|
||||
position: absolute;
|
||||
float: right;
|
||||
width: 170px;
|
||||
left: 600px
|
||||
}
|
||||
|
||||
#segunda-adaptativo{
|
||||
width: 170px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
#tercera-adaptativo{
|
||||
width: 170px;
|
||||
float: left;
|
||||
margin-right: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
#page-manager-edit #sub-columna{
|
||||
position: static;
|
||||
}
|
||||
#page-manager-edit #destacado-adaptativo{
|
||||
height: auto;
|
||||
}
|
||||
#sub-columna div.panel-no-margin>div.pane-content{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
#sub-columna{
|
||||
position: absolute;
|
||||
width: 370px;
|
||||
top: 0px;
|
||||
left:600px;
|
||||
}
|
||||
#segunda-adaptativo{
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 770px) and (max-width: 991px) {
|
||||
|
||||
#primera-adaptativo{
|
||||
width: 370px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#sub-columna{
|
||||
position: static;
|
||||
width: 170px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 569px) {
|
||||
#destacado-adaptativo{
|
||||
width: 270px;
|
||||
}
|
||||
#primera-adaptativo{
|
||||
width: 270px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
#sub-columna{
|
||||
position: static;
|
||||
width: 270px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 570px) and (max-width: 769px) {
|
||||
#destacado-adaptativo{
|
||||
width: 370px;
|
||||
}
|
||||
#primera-adaptativo{
|
||||
width: 370px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
#sub-columna{
|
||||
position: static;
|
||||
width: 370px;
|
||||
}
|
||||
}
|
||||
|
||||
107
css/dos-columnas.css
Normal file
107
css/dos-columnas.css
Normal file
@ -0,0 +1,107 @@
|
||||
.dos-columnas-adaptativo{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.izquierda-adaptativo{
|
||||
width: 570px;
|
||||
top: 0;
|
||||
/* height: 400px; */
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
border-top: 2px solid #000;
|
||||
/*margin-bottom: 40px;*/
|
||||
}
|
||||
|
||||
.izquierda-adaptativo .panel-pane{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.izquierda-adaptativo .pane-title{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.derecha-adaptativo .pane-content{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.derecha-adaptativo{
|
||||
float: right;
|
||||
width: 170px;
|
||||
left: 600px
|
||||
}
|
||||
|
||||
#page-manager-edit #sub-columna{
|
||||
position: static;
|
||||
}
|
||||
#page-manager-edit #destacado-adaptativo{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#derecha-adaptativo div.panel-no-margin>div.pane-content{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
.izquierda-adaptativo{
|
||||
width: 770px;
|
||||
top: 0px;
|
||||
}
|
||||
.derecha-adaptativo{
|
||||
left:800px;
|
||||
}
|
||||
|
||||
.izquierda-adaptativo .izquierda-adaptativo{
|
||||
width: 170px;
|
||||
top: 0px;
|
||||
}
|
||||
.izquierda-adaptativo .derecha-adaptativo{
|
||||
left:200px;
|
||||
width: 570px
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 770px) and (max-width: 991px) {
|
||||
|
||||
.izquierda-adaptativo{
|
||||
width: 370px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.derecha-adaptativo{
|
||||
position: static;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 569px) {
|
||||
.izquierda-adaptativo{
|
||||
width: 270px;
|
||||
float: left;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.derecha-adaptativo{
|
||||
position: static;
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 570px) and (max-width: 769px) {
|
||||
.izquierda-adaptativo{
|
||||
width: 370px;
|
||||
float: left;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.derecha-adaptativo{
|
||||
position: static;
|
||||
width: 370px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
83
css/forms.css
Normal file
83
css/forms.css
Normal file
@ -0,0 +1,83 @@
|
||||
|
||||
|
||||
.form-item{
|
||||
padding-top: 5px;
|
||||
}
|
||||
.form-item label{
|
||||
font-weight: normal;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.form-item input{
|
||||
/*border: 0;*/
|
||||
border: 1px solid #ccc;
|
||||
/*border-bottom: 1px solid black;*/
|
||||
/*height: 30px;*/
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
font-family: Georgia, serif;
|
||||
background-color: #fefefe;
|
||||
}
|
||||
|
||||
.form-item .description{
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.form-actions input,
|
||||
.form-actions a,
|
||||
.form-item .file-widget .form-submit{
|
||||
background-color:rgb(110,255,175);
|
||||
padding: 10px;
|
||||
color:black;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
border: 0;
|
||||
margin: 0 10px 0 0;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
||||
.form-item .file-widget .form-submit{
|
||||
background-color:rgb(234,255,239);
|
||||
}
|
||||
|
||||
.form-item input.form-file{
|
||||
border: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.progress {
|
||||
font-weight: normal;
|
||||
}
|
||||
.progress .bar {
|
||||
background-color:rgb(249,229,220);
|
||||
margin: 0 0.2em;
|
||||
}
|
||||
.progress .bar{
|
||||
border: 0;
|
||||
}
|
||||
.progress .filled {
|
||||
background: red;
|
||||
}
|
||||
|
||||
.ajax-progress .message,
|
||||
.progress .percentage{
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.form-item .file-widget .file a,
|
||||
.form-item .file-widget .file .file-size{
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
BIN
css/grid.png
Normal file
BIN
css/grid.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 208 B |
145
css/islandora.base.css
Normal file
145
css/islandora.base.css
Normal file
@ -0,0 +1,145 @@
|
||||
/*
|
||||
Document : islandora_basic_collection.base.css
|
||||
Created on : May 23, 2012, 11:22:04 AM
|
||||
Description:
|
||||
Purpose of the stylesheet follows.
|
||||
*/
|
||||
|
||||
.islandora img {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.islandora * {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.islandora fieldset{
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* These rules will display DTs/DDs as columns.
|
||||
* Constructs must follow a key/value pair pattern.
|
||||
* The three last declarations are meant to kill white space between DTs/DDs
|
||||
* (result of inline-block styling)
|
||||
*/
|
||||
|
||||
dl.islandora-inline-metadata {
|
||||
margin: 0 auto;
|
||||
letter-spacing: -0.31em;
|
||||
*letter-spacing:normal;
|
||||
word-spacing: -0.43em;
|
||||
}
|
||||
|
||||
.islandora-inline-metadata dt {
|
||||
margin-right: 0px;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
padding-right: 0;
|
||||
word-wrap: normal;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.islandora-inline-metadata dd {
|
||||
width: 100%;
|
||||
padding-left: 0px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* In this rule, we reset the white-space (see hack above)
|
||||
*/
|
||||
.islandora-inline-metadata dt,
|
||||
.islandora-inline-metadata dd {
|
||||
zoom: 1;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
vertical-align: top;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 4px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.islandora-pdf-content {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.islandora-pdf-content iframe{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
----------------------------------
|
||||
|
||||
FACETS BLOCKS
|
||||
|
||||
----------------------------------
|
||||
*/
|
||||
|
||||
.islandora-solr-facet-wrapper{
|
||||
border-top: 2px solid black;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.islandora-solr-facet-wrapper h3{
|
||||
padding-bottom: 9px;
|
||||
padding-top: 9px;
|
||||
padding-left: 10px;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.block ul.islandora-solr-facet{
|
||||
margin-top: 9px;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
ul.islandora-solr-facet li{
|
||||
background-color: rgb(249,229,220);
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
ul.islandora-solr-facet li:hover{
|
||||
background-color: red;
|
||||
color:white;
|
||||
}
|
||||
ul.islandora-solr-facet li:hover a{
|
||||
color:white;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
Paginación
|
||||
|
||||
*/
|
||||
#islandora-solr-top{
|
||||
border-top: 1px solid black;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
padding-left: 10px;
|
||||
padding: 5px 10px;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.pager{
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
|
||||
|
||||
/* Mediaplayer */
|
||||
|
||||
div.mediaplayer {
|
||||
width:100%;
|
||||
min-height:10px;
|
||||
padding:10px;
|
||||
}
|
||||
49
css/islandora_basic_collection.base.css
Normal file
49
css/islandora_basic_collection.base.css
Normal file
@ -0,0 +1,49 @@
|
||||
/*
|
||||
Document : islandora_basic_collection.base.css
|
||||
Created on : May 23, 2012, 11:22:04 AM
|
||||
Description: Base css, for structural layout,
|
||||
positioning, and to generally make things function in
|
||||
the most basic form.
|
||||
*/
|
||||
|
||||
/* List - Displays lists using a dt on the left and dd on the right */
|
||||
|
||||
.islandora-basic-collection-list-item {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.islandora-basic-collection-list-item dl dt {
|
||||
clear: left;
|
||||
float: left;
|
||||
padding: 3px 0 0;
|
||||
text-align: center;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.islandora-basic-collection-list-item dl dd {
|
||||
margin: 0 0 0 130px;
|
||||
}
|
||||
|
||||
/* Grid - Displays grid using dl formatted inline */
|
||||
.islandora-basic-collection-grid dl {
|
||||
width: 20%;
|
||||
min-width: 100px;
|
||||
min-height: 180px;
|
||||
display: -moz-inline-stack;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 1.5em 1.84%;
|
||||
zoom: 1;
|
||||
|
||||
_height: 180px;
|
||||
}
|
||||
|
||||
.islandora-basic-collection-grid dd {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.islandora-basic-collection-display-switch {
|
||||
float: right;
|
||||
}
|
||||
109
css/islandora_basic_collection.theme.css
Normal file
109
css/islandora_basic_collection.theme.css
Normal file
@ -0,0 +1,109 @@
|
||||
/*
|
||||
Document : islandora_basic_collection.theme
|
||||
Created on : May 23, 2012, 11:23:56 AM
|
||||
Description: Theme css, like margins, padding, borders, colors, etc
|
||||
*/
|
||||
|
||||
/* Make flexible and assure content doesn't go off the page */
|
||||
.islandora-basic-collection {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Round borders on images */
|
||||
.islandora-basic-collection-object dt img {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
-webkit-filter: grayscale(100%);
|
||||
-moz-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
opacity: 0.2;
|
||||
}
|
||||
dl.islandora-basic-collection-object:hover dt img {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
-webkit-filter: grayscale(0%);
|
||||
-moz-filter: grayscale(0%);
|
||||
filter: grayscale(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Set space between objects */
|
||||
.islandora-basic-collection-object {
|
||||
margin: 0 0 40px 0;
|
||||
position: relative;
|
||||
}
|
||||
.islandora-basic-collection-object .islandora-basic-collection-caption{
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left:20px;
|
||||
}
|
||||
|
||||
dl.islandora-basic-collection-object:hover .islandora-basic-collection-caption{
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left:20px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Set space between dd items */
|
||||
.islandora-basic-collection-object dd {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
/* LIST VIEW */
|
||||
|
||||
/* Borders to seperate collection objects */
|
||||
.islandora-basic-collection-list-item {
|
||||
padding-bottom: 1.5em;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
|
||||
/* to be moved to admin when it is added */
|
||||
#islandora-collection-deletion-form table th.select-all,
|
||||
#islandora-collection-migrate-form table th.select-all {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
|
||||
table#islandora-collection-table{
|
||||
border-collapse: separate;
|
||||
width:100%;
|
||||
}
|
||||
table#islandora-collection-table tr{
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
table#islandora-collection-table tr.odd{
|
||||
background-color: transparent;
|
||||
}
|
||||
table#islandora-collection-table tr.even{
|
||||
background-color: rgb(249,229,220);
|
||||
}
|
||||
table#islandora-collection-table tr td{
|
||||
display: table-cell;
|
||||
padding: 1em 0.5em;
|
||||
line-height: 1.2em;
|
||||
font-size:12px;
|
||||
font-family: 'Droid Sans',sans-serif;
|
||||
line-height: 15px;
|
||||
vertical-align: top;
|
||||
}
|
||||
table#islandora-collection-table tr:hover.even{
|
||||
background-color: rgb(213, 193, 185);
|
||||
}
|
||||
table#islandora-collection-table tr:hover.odd{
|
||||
background-color: rgb(228, 228, 215);
|
||||
}
|
||||
|
||||
table#islandora-collection-table td.title-cell{
|
||||
width:50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
174
css/logintoboggan.css
Normal file
174
css/logintoboggan.css
Normal file
@ -0,0 +1,174 @@
|
||||
|
||||
div.toboggan-container {
|
||||
|
||||
}
|
||||
|
||||
div.toboggan-login-link-container {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.toboggan-login-link-container a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.toboggan-block-message {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.user-login-block {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.user-login-block a {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.toboggan-unified{
|
||||
width:770px;
|
||||
border-top: 2px solid black;
|
||||
}
|
||||
|
||||
/* Unified login */
|
||||
|
||||
.toboggan-unified #login-message h3{
|
||||
margin: 9px 0 9px 10px;
|
||||
}
|
||||
|
||||
.toboggan-unified #login-wrapper{
|
||||
border-top: 1px solid black;
|
||||
padding-top: 9px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.toboggan-unified #login-links {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.toboggan-unified #login-links a {
|
||||
display: inline-block;
|
||||
background-color: rgb(249,229,220);
|
||||
display: inline-block;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
margin: 0px 10px 0px 0;
|
||||
padding: 5px 10px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.toboggan-unified #login-links a:hover {
|
||||
background-color: red;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.toboggan-unified #login-links a.lt-active,
|
||||
.toboggan-unified #login-links a.lt-active:hover {
|
||||
background-color: red;
|
||||
color: white;
|
||||
|
||||
}
|
||||
|
||||
.toboggan-unified.login #register-form {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toboggan-unified.register #login-form {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toboggan-unified .login-forgot{
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.toboggan-unified .login-forgot a{
|
||||
background-color:rgb(110,255,175);
|
||||
padding: 10px;
|
||||
color:black;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* Default Layout: 1200px.
|
||||
Gutters: 30px.
|
||||
Outer margins: 0px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10 11 12
|
||||
px 70 170 270 370 470 570 670 770 870 970 1070 1170 */
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Tablet Layout: 770px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 770px) and (max-width: 991px) {
|
||||
|
||||
div.toboggan-unified{
|
||||
width:570px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 569px) {
|
||||
div.toboggan-unified{
|
||||
width:270px;
|
||||
}
|
||||
.form-item input{
|
||||
width: 240px;
|
||||
}
|
||||
.toboggan-unified #login-links a,
|
||||
.toboggan-unified .login-forgot a {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 570px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 570px) and (max-width: 769px) {
|
||||
div.toboggan-unified{
|
||||
width:370px;
|
||||
}
|
||||
.form-item input{
|
||||
width: 340px;
|
||||
}
|
||||
.toboggan-unified #login-links a,
|
||||
.toboggan-unified .login-forgot a {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
600
css/main.css
Normal file
600
css/main.css
Normal file
@ -0,0 +1,600 @@
|
||||
/* Less Framework 4 with 16/24 type presets
|
||||
http://lessframework.com
|
||||
by Joni Korpi
|
||||
License: http://opensource.org/licenses/mit-license.php */
|
||||
|
||||
|
||||
p { margin-bottom: 20px; }
|
||||
|
||||
.element-invisible {
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
position: absolute !important;
|
||||
}
|
||||
|
||||
#block-locale-language-content a { font-family: 'Droid Sans Mono', sans-serif; font-size: 12px; text-decoration: none; }
|
||||
#block-locale-language-content ul li.active { text-decoration: underline; }
|
||||
|
||||
#sidebar ul { border-top: 2px solid #000; }
|
||||
|
||||
#sidebar ul li {
|
||||
border-bottom: 1px solid #000;
|
||||
height: 30px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 9px 0 0 10px;
|
||||
}
|
||||
#sidebar ul li.first{
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
#sidebar a { line-height: 20px; text-decoration: none; text-transform: uppercase; }
|
||||
|
||||
#featured h3 { margin-left: 10px; }
|
||||
|
||||
#admin-block { }
|
||||
|
||||
#featured .pane-title { border-bottom: 0; }
|
||||
|
||||
#featured .panel-pane,
|
||||
#panel-info .panel-pane { border-top: 0; }
|
||||
|
||||
.field-type-datetime {
|
||||
color: rgb(255, 0, 0);
|
||||
font-weight: bold;
|
||||
margin-left: 0px;
|
||||
margin-right: 10px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.mime-info {
|
||||
color: rgb(255, 0, 0);
|
||||
font-family: Georgia, serif;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
line-height: 15px;
|
||||
}
|
||||
.listado-link{
|
||||
font-size: 12px;
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
line-height: 15px;
|
||||
color: red;
|
||||
text-decoration: none;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.field { margin-bottom: 0px; }
|
||||
.listado-lineas { border-top: 1px solid #000; margin: 0px; }
|
||||
.listado-margen{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.pane-panels-mini.listado-lineas .panel-separator{
|
||||
border-top: 1px solid #000;
|
||||
}
|
||||
.pane-panels-mini.listado-lineas .node{
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.panel-pane { border-top: 2px solid #000; margin-bottom: 20px; }
|
||||
.pane-title { }
|
||||
div.panel-no-margin>div.pane-content{
|
||||
margin-top: 0;
|
||||
}
|
||||
.panel-pane.no-line { border: 0; }
|
||||
.panel-pane.no-margin { margin-bottom: 0; }
|
||||
.clear { clear: both; }
|
||||
.search-results{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#footer ul { list-style: none; }
|
||||
.float-left { float: left; }
|
||||
.float-right { float: right; }
|
||||
/*_____________ Estilos ----*/
|
||||
|
||||
.breves {
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
padding-top: 28px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.breves .views-row { margin-top: 20px; }
|
||||
.breves .field-name-post-date{ color: rgb(148,146,123); margin-bottom: 19px; }
|
||||
.panel-header { border-top: 2px solid #000; }
|
||||
|
||||
.pane-title h3 { margin-bottom: 9px; margin-left: 10px; margin-top: 9px; text-transform:none !important; }
|
||||
.pane-title-line .pane-title{
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.field-name-field-tipo,
|
||||
.tipo-de-contenido {
|
||||
margin-bottom: 0px;
|
||||
margin-left: 0px;
|
||||
margin-right: 10px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.field-name-field-tipo .field-item,
|
||||
.tipo-de-contenido-wrapper {
|
||||
color: rgb(148,146,123);
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 1px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.event-title,
|
||||
.field-name-title-field,
|
||||
.cuadrado { margin: 12px 0px 0px 0px; }
|
||||
.event-body{
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
.event-body p{
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.view-mode-resumen_largo .field-name-body{
|
||||
margin: 19px 0 0 0;
|
||||
}
|
||||
.view-mode-resumen_largo .field-name-body p{
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.more-link{
|
||||
text-align: center;
|
||||
border: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
background: url(../images/plus.png) no-repeat 0 0;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.more-link:hover{
|
||||
background: url(../images/plus.png) no-repeat -20px 0;
|
||||
color: white;
|
||||
}
|
||||
.more-link:hover a{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.view-header{
|
||||
border-top: 1px solid black;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
.view-header p{
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
div#info-panel a.register-link{
|
||||
background-color:rgb(110,255,175);
|
||||
padding: 10px;
|
||||
color:black;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.register-date{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.medium-event,
|
||||
.small-event { border-bottom: 1px solid #000; margin: 0px; }
|
||||
.event-dates { }
|
||||
.cuadrado {
|
||||
background-color: rgba(0, 0, 0,0.1);
|
||||
height: 16px;
|
||||
margin-bottom: 23px;
|
||||
width: 16px;
|
||||
}
|
||||
.small-event { margin-top: 20px; }
|
||||
.small-event h2 { font-size: 16px; line-height: 20px; }
|
||||
.small-event .event-dates { font-size: 12px; }
|
||||
.event-mini-picture { height: 120px; margin-bottom: 20px; width: 170px; }
|
||||
|
||||
.tweet {
|
||||
border-bottom: 1px solid #000;
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 19px;
|
||||
}
|
||||
.tweet-content { margin: 20px 10px 0 10px; }
|
||||
.tweet-content a { font-weight: bold; }
|
||||
.tweet-time,
|
||||
.tweet-actions { color: rgb(148, 146, 123); margin: 0 10px; }
|
||||
.clear { clear: both; }
|
||||
|
||||
.last { border-bottom: 0; }
|
||||
|
||||
.podcast-icon{
|
||||
background: url(../images/podcast.png) no-repeat 0 0;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
.podcast-icon:hover{
|
||||
background: url(../images/podcast.png) no-repeat -20px 0;
|
||||
}
|
||||
|
||||
|
||||
/* Tabs administrativos */
|
||||
ul.tabs {
|
||||
border: 0;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
ul.tabs li.active a { background-color: rgb(255,0,0); border: 0; color: white; }
|
||||
ul.tabs li a { background-color: rgb(249,229,220); border: 0; text-transform: uppercase; }
|
||||
/* Fin Tabs administrativos */
|
||||
|
||||
div.resumen.view-mode-teaser{
|
||||
padding-bottom: 14px !important;
|
||||
}
|
||||
div.resumen h3 { font-size: 16px; text-transform: none; margin-top: 21px; }
|
||||
|
||||
div.resumen .field-type-datetime { font-size: 12px; margin-right: 0; margin-top: 21px; }
|
||||
|
||||
/* FIN INFO PANEL */
|
||||
div.panel-pane.grid-box { border-top: 2px solid black;margin-bottom: 10px; }
|
||||
.grid-box ul { list-style: none; margin: 0; padding: 0; }
|
||||
.grid-box .pane-content { margin: 0 0px; }
|
||||
.grid-box .item-list ul li{
|
||||
margin: 0px 10px 10px 0;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.pane-content p{
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
.grid-box .field-item,
|
||||
.grid-box li {
|
||||
background-color: rgb(249,229,220);
|
||||
display: inline-block;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
margin: 0px 10px 10px 0;
|
||||
padding: 5px 10px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.grid-box .field-item:hover,
|
||||
.grid-box li:hover{
|
||||
background-color: red;
|
||||
}
|
||||
.grid-box .field-item:hover a,
|
||||
.grid-box li:hover a{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.grid-box li.selected-year{
|
||||
background-color: red;
|
||||
}
|
||||
.grid-box .pane-content{
|
||||
margin-top: 9px !important;
|
||||
}
|
||||
.grid-box .pane-title{
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.grid-box li.selected-year a{
|
||||
color:white;
|
||||
}
|
||||
|
||||
.field-name-body a,
|
||||
.field-name-field-bio a
|
||||
{ color: red; }
|
||||
|
||||
div.views-row > div.ds-1col
|
||||
{ padding: 0 10px; }
|
||||
|
||||
.views_slideshow_main .views-row { padding: 0; }
|
||||
.views-field-field-slide-image img {width:60%;width:60vmin !important;display:none;}
|
||||
/*.views-slideshow-cycle-main-frame-row {max-width:100%;}*/
|
||||
.search-form-lupa input {
|
||||
display: block; float: left; margin-right: 10px;
|
||||
background-color:transparent;
|
||||
padding: 0px;
|
||||
color:black;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
text-transform: uppercase;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
div.panel-player>div.pane-content,
|
||||
div#info-panel div.panel-player>div.pane-content{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#bloque-social ul { list-style: none; margin-left: 10px; }
|
||||
#bloque-social li { float: left; margin-right: 10px; margin-top: 8px; }
|
||||
|
||||
.views-row.agrupado { margin-bottom: 20px; padding: 0; }
|
||||
/*________________TARJETA______________*/
|
||||
div.tarjeta { border: 1px solid black; margin-bottom: 20px; width: 168px; }
|
||||
.node-proyecto div.tarjeta{
|
||||
border: 0;
|
||||
}
|
||||
div.isotope-element-wrapper div.tarjeta{
|
||||
border: 0;
|
||||
margin-bottom: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
div.tarjeta .inside { padding: 0 10px 10px 10px; }
|
||||
div.mini-tarjeta div.tarjeta .inside { padding: 0 10px;}
|
||||
div.isotope-element-wrapper div.tarjeta .inside{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
div.tarjeta:hover { background: rgb(249,229,220); border: 1px solid rgb(249,229,220); }
|
||||
.node-proyecto div.tarjeta:hover { background: rgb(249,229,220); border: 0; }
|
||||
div.tarjeta h3 { font-size: 16px; line-height: 20px; text-transform: none; }
|
||||
|
||||
.row-last div.tarjeta { margin-bottom: 0px; }
|
||||
.todo-ancho table { width: 100%; }
|
||||
|
||||
div.mini-tarjeta .tarjeta{
|
||||
height:118px;
|
||||
position: relative;
|
||||
}
|
||||
.listado-lineas div.mini-tarjeta .tarjeta{
|
||||
margin-top: 19px;
|
||||
}
|
||||
div.mini-tarjeta .tarjeta h3{
|
||||
font-size: 12px; line-height: 15px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
div.mini-tarjeta .tarjeta .mini-tarjeta-abajo{
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
color: red;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.mini-tarjeta .mini-tarjeta-abajo .tipo-de-contenido-wrapper{
|
||||
font: inherit;
|
||||
color: red;
|
||||
}
|
||||
/*________________TARJETA______________*/
|
||||
/*_______________ CALENDARIO ________________*/
|
||||
|
||||
.calendar-calendar tr { background-color: transparent; }
|
||||
|
||||
.calendar-calendar table.mini { font-family: 'Droid Sans Mono', sans-serif; font-size: 12px; }
|
||||
.calendar-calendar table.mini thead { display: none; }
|
||||
.calendar-calendar table.mini a { color: rgb(255,0,0); }
|
||||
|
||||
.calendar-calendar tr td.today { background-color: rgb(249,229,220); }
|
||||
.view .date-nav-wrapper { font-family: 'Droid Sans Mono', sans-serif; font-size: 12px; margin: 0; }
|
||||
.view .date-nav-wrapper .date-heading { float: left; width: auto; }
|
||||
.view .date-nav-wrapper .date-heading h3 {
|
||||
color: rgb(148,146,123);
|
||||
font-size: 12px;
|
||||
margin-left: 10px;
|
||||
text-align: left;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.view .date-nav-wrapper .date-prev,
|
||||
.view .date-nav-wrapper .date-next {
|
||||
-moz-border-radius: 0;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
height: 15px;
|
||||
padding: 0;
|
||||
width: 15px;
|
||||
}
|
||||
.view .date-nav-wrapper .date-prev a { margin: 0; }
|
||||
|
||||
.view .date-nav-wrapper .date-nav {
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
min-height: 20px;
|
||||
padding: 0;
|
||||
}
|
||||
.view .date-nav-wrapper .pager {
|
||||
background-image: none;
|
||||
float: right;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.calendar-calendar table.mini td.empty { background-color: transparent; border: 0; }
|
||||
|
||||
|
||||
|
||||
|
||||
/*_______________ CALENDARIO ________________*/
|
||||
|
||||
.views-row-last.listado-lineas { border-bottom: 0; }
|
||||
|
||||
|
||||
/*___________________--------------------____________________________________*/
|
||||
|
||||
.no-padding{
|
||||
padding: 0 !important;
|
||||
}
|
||||
.no-margin{
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/*_______________ FOOTNOTES ________________*/
|
||||
|
||||
ul.footnotes{
|
||||
margin-left: 0px;
|
||||
}
|
||||
ul.footnotes li{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.see-footnote:target, .footnotes .footnote:target{
|
||||
background-color: rgb(249,229,220);
|
||||
}
|
||||
.views-table{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.views-table .even {
|
||||
background-color:#F9E5DC;
|
||||
}
|
||||
|
||||
.views-table td{
|
||||
padding:10px;
|
||||
}
|
||||
.views-table tr.odd{
|
||||
background-color:transparent;
|
||||
}
|
||||
.views-table td ul{
|
||||
font-size:12px;
|
||||
list-style:none;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
.views-table td li{
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
.views-table td a{
|
||||
font-size:12px;
|
||||
color: rgb(0,0,0);
|
||||
/*color: rgb(255,0,0);*/
|
||||
}
|
||||
.views-table thead tr{
|
||||
border-bottom:1px solid black;
|
||||
}
|
||||
.views-table th{
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#sidebar ul.tabs{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#sidebar h3.block-title{
|
||||
padding: 5px 10px;
|
||||
background-color: rgb(249,229,220);
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#sidebar ul.tabs li{
|
||||
display: block;
|
||||
}
|
||||
#sidebar ul.tabs li a{
|
||||
background-color: transparent;
|
||||
}
|
||||
#sidebar ul.tabs li.active a{
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*--------------------especiales--------------------------*/
|
||||
|
||||
.panel-pane .pane-title.page-title{
|
||||
border-bottom:1px solid black;
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.no-line{
|
||||
border:none !important;
|
||||
}
|
||||
|
||||
/* islandora grid collection */
|
||||
|
||||
#islandora-collection-table tbody td ul li { list-style:none; }
|
||||
|
||||
/* islandora search */
|
||||
#block-islandora-solr-advanced {
|
||||
background:#F9E5DC;
|
||||
padding:10px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.region-search-facets {
|
||||
}
|
||||
|
||||
#islandora-solr-simple-search-form .form-submit {
|
||||
margin-top:10px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
border-style:none;
|
||||
min-height:20px;
|
||||
border:1px solid #ccc;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
#edit-islandora-simple-search-query {
|
||||
width:94%;
|
||||
}
|
||||
|
||||
.year-box {
|
||||
font-size:3em;
|
||||
float:left;
|
||||
padding:10px;
|
||||
height:50px;
|
||||
color:#E9D5CC;
|
||||
}
|
||||
|
||||
.year-box:hover {
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.view-actividades-portada caption {
|
||||
padding:30px;
|
||||
font-size:5em;
|
||||
}
|
||||
|
||||
.pane-year-activity {
|
||||
padding-top:30px;
|
||||
}
|
||||
|
||||
.views-table td a:hover {
|
||||
color:#C9B5AC;
|
||||
}
|
||||
|
||||
/*.language-switcher-locale-url li.en { display:none; }*/
|
||||
|
||||
.pane-destacado-portada {border-top: 2px solid transparent;}
|
||||
|
||||
#block-islandora-solr-sort h2 {
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
div.artxibo-icon {
|
||||
width:40px !important;
|
||||
height:40px;
|
||||
background-size:cover;
|
||||
border-color:transparent !important;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
div.text { background-image:url('../images/icons/PNG/Documents2.png');}
|
||||
div.still-image { background-image:url('../images/icons/PNG/Photos2.png ');}
|
||||
div.moving-image { background-image:url('../images/icons/PNG/Movie2.png');}
|
||||
div.datastream { background-image:url('../images/icons/PNG/Smart2.png');}
|
||||
div.sound-recording { background-image:url('../images/icons/PNG/Music2.png');}
|
||||
div.download { background-image:url('../images/icons/PNG/Downloads2.png');}
|
||||
|
||||
#bloque-login-link {display:none;}
|
||||
|
||||
#destacado-adaptativo { border-top:0 !important; }
|
||||
989
css/main.css.bkc
Normal file
989
css/main.css.bkc
Normal file
@ -0,0 +1,989 @@
|
||||
/* Less Framework 4 with 16/24 type presets
|
||||
http://lessframework.com
|
||||
by Joni Korpi
|
||||
License: http://opensource.org/licenses/mit-license.php */
|
||||
|
||||
|
||||
|
||||
/* Typography presets
|
||||
------------------ */
|
||||
|
||||
.gigantic {
|
||||
font-size: 110px;
|
||||
line-height: 120px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
.huge, h1 {
|
||||
font-size: 36px;
|
||||
line-height: 40px;
|
||||
letter-spacing: -1px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.large, h2 {
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-weight: normal;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bigger, h3 {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.big, h4 {
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 16px/24px Georgia, serif;
|
||||
}
|
||||
|
||||
.small, small {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* Selection colours (easy to forget) */
|
||||
|
||||
::selection {background: rgb(249,229,220);}
|
||||
::-moz-selection {background: rgb(249,229,220);}
|
||||
img::selection {background: transparent;}
|
||||
img::-moz-selection {background: transparent;}
|
||||
body {-webkit-tap-highlight-color: rgb(249,229,220);}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
a{
|
||||
color: rgb(0, 0, 0);
|
||||
text-decoration: none;
|
||||
}
|
||||
header{
|
||||
position: fixed;
|
||||
background: rgb(248,248,235);
|
||||
padding: 40px 0 0;
|
||||
height: 80px;
|
||||
z-index: 101;
|
||||
margin-left: 200px;
|
||||
}
|
||||
p{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.element-invisible{
|
||||
position: absolute !important;
|
||||
height: 1px;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
h1#titulo{
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
letter-spacing: 2px;
|
||||
width: 160px;
|
||||
margin-right: 30px;
|
||||
padding: 0 0 0 10px;
|
||||
float: left;
|
||||
}
|
||||
#block-locale-language-content{
|
||||
float: left;
|
||||
width: 170px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#block-locale-language-content ul li{
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
#block-locale-language-content a{
|
||||
font-size: 12px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-decoration: none;
|
||||
}
|
||||
#block-locale-language-content ul li.active{
|
||||
text-decoration:underline;
|
||||
}
|
||||
#block-search-form{
|
||||
width: 170px;
|
||||
height: 25px;
|
||||
border-bottom: 1px solid #000;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#bloque-tools{
|
||||
width: 570px;
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
border-top: 2px solid #000;
|
||||
padding: 8px 0 2px 0;
|
||||
}
|
||||
#bloque-login{
|
||||
width: 170px;
|
||||
float: left;
|
||||
border-top: 2px solid #000;
|
||||
}
|
||||
|
||||
#white-space{
|
||||
height: 240px;
|
||||
}
|
||||
#page{
|
||||
clear: both;
|
||||
|
||||
}
|
||||
#sidebar{
|
||||
width: 170px;
|
||||
position: fixed;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sidebar .block{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
#logotipo{
|
||||
width: 160px;
|
||||
margin-right: 30px;
|
||||
margin-top: 9px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 162px;
|
||||
}
|
||||
|
||||
#sidebar ul{
|
||||
border-top: 2px solid #000;
|
||||
|
||||
}
|
||||
|
||||
#sidebar ul li{
|
||||
list-style: none;
|
||||
height: 29px;
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 9px 0 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#sidebar a{
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 20px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#featured h3{
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#admin-block{
|
||||
width: 770px;
|
||||
padding-left: 200px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#featured .pane-title{
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#content{
|
||||
width: 770px;
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
#featured{
|
||||
|
||||
width: 570px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
height: 400px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
border-top: 2px solid #000;
|
||||
}
|
||||
|
||||
|
||||
#featured .panel-pane,
|
||||
#panel-info .panel-pane{
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
position: relative;
|
||||
width: 149px;
|
||||
border-left: 1px solid #000;
|
||||
padding: 5px 0 0 9px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
height: 400px;
|
||||
float: left;
|
||||
}
|
||||
#panel-news{
|
||||
position: relative;
|
||||
width: 370px;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#panel-first{
|
||||
position: relative;
|
||||
|
||||
width: 170px;
|
||||
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#panel-second{
|
||||
position: relative;
|
||||
width: 170px;
|
||||
|
||||
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.field-type-datetime{
|
||||
color: rgb(255, 0, 0);
|
||||
font-weight: bold;
|
||||
margin-left: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.mime-info{
|
||||
color: rgb(255, 0, 0);
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
font-family:Georgia, serif;
|
||||
}
|
||||
.field{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.listado-lineas{
|
||||
margin:0px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.panel-pane{
|
||||
border-top: 2px solid #000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.pane-title{
|
||||
|
||||
}
|
||||
|
||||
.panel-pane.no-line{
|
||||
border: 0;
|
||||
}
|
||||
.panel-pane.no-margin{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
#footer{
|
||||
position: relative;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin-top: 20px;
|
||||
margin-left: 200px;
|
||||
}
|
||||
|
||||
#footer{
|
||||
width: 770px;
|
||||
}
|
||||
#footer-info{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer-logo{
|
||||
width: 170px;
|
||||
float: left;
|
||||
padding-right: 29px;
|
||||
border-right: 1px solid #000;
|
||||
height: 160px;
|
||||
}
|
||||
|
||||
.footer-panel{
|
||||
width: 160px;
|
||||
float: left;
|
||||
padding-right: 29px;
|
||||
border-right: 1px solid #000;
|
||||
height: 160px;
|
||||
font-size: 12px;
|
||||
padding-left: 10px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.footer-panel.last{
|
||||
border-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
#footer-credits{
|
||||
font-size: 10px;
|
||||
width: 770px;
|
||||
margin-top: 40px;
|
||||
border-top: 1px solid #000;
|
||||
|
||||
}
|
||||
#footer ul{
|
||||
list-style: none;
|
||||
}
|
||||
.float-left{
|
||||
float: left;
|
||||
}
|
||||
.float-right{
|
||||
float: right;
|
||||
}
|
||||
/*_____________ Estilos ----*/
|
||||
|
||||
.breves{
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.breves .views-row{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.breves .views-field-created{
|
||||
margin-bottom: 19px;
|
||||
color: rgb(148,146,123);
|
||||
}
|
||||
.panel-header{
|
||||
border-top: 2px solid #000;
|
||||
|
||||
}
|
||||
.pane-title{
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.pane-title h3{
|
||||
margin-left: 10px;
|
||||
margin-bottom: 8px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
.field-name-field-tipo,
|
||||
.tipo-de-contenido{
|
||||
margin-left: 0px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
.field-name-field-tipo .field-item,
|
||||
.tipo-de-contenido-wrapper{
|
||||
line-height: 15px;
|
||||
color: rgb(148,146,123);
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-weight: normal;
|
||||
letter-spacing: 1px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.event-title,
|
||||
.event-body,
|
||||
.cuadrado{
|
||||
margin: 0 0px;
|
||||
}
|
||||
.medium-event,
|
||||
.small-event{
|
||||
margin:0px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.event-dates{
|
||||
|
||||
}
|
||||
.cuadrado{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: rgba(0, 0, 0,0.1);
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
.small-event{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.small-event h2{
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.small-event .event-dates{
|
||||
font-size: 12px;
|
||||
}
|
||||
.event-mini-picture{
|
||||
margin-bottom: 20px;
|
||||
width: 170px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.tweet{
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
padding-bottom: 19px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.tweet-content{
|
||||
margin: 20px 10px 0 10px;
|
||||
}
|
||||
.tweet-content a{
|
||||
font-weight: bold;
|
||||
}
|
||||
.tweet-time,
|
||||
.tweet-actions{
|
||||
color: rgb(148, 146, 123);
|
||||
margin: 0 10px;
|
||||
}
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.last{
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.only-mobile{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Tabs administrativos */
|
||||
ul.tabs{
|
||||
border: 0;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
padding: 0 10px 0 0;
|
||||
|
||||
}
|
||||
ul.tabs li.active a{
|
||||
background-color: rgb(255,0,0);
|
||||
border:0;
|
||||
color:white;
|
||||
}
|
||||
ul.tabs li a{
|
||||
background-color: rgb(249,229,220);
|
||||
border:0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/* Fin Tabs administrativos */
|
||||
|
||||
|
||||
div.resumen h3{
|
||||
font-size: 16px;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
div.resumen .field-type-datetime{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* FIN INFO PANEL */
|
||||
div.panel-pane.grid-box{
|
||||
border-top: 2px solid black;
|
||||
}
|
||||
.grid-box ul{
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.grid-box .pane-content{
|
||||
margin: 0 10px;
|
||||
}
|
||||
.grid-box .field-item,
|
||||
.grid-box li{
|
||||
padding: 5px 10px;
|
||||
margin: 0;
|
||||
display:inline-block;
|
||||
background-color: rgb(249,229,220);
|
||||
margin:0px 10px 10px 0;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.field-name-body a{
|
||||
color: red;
|
||||
}
|
||||
|
||||
.panel-pane .views-row
|
||||
{
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.views_slideshow_main .views-row{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.search-form-lupa{
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.search-form-input{
|
||||
background-color:rgb(248,248,235);
|
||||
border: 0;
|
||||
height: 20px;
|
||||
width: 138px;
|
||||
}
|
||||
|
||||
#bloque-social ul{
|
||||
list-style: none;
|
||||
margin-left: 10px;
|
||||
}
|
||||
#bloque-social li{
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
#bloque-login-link{
|
||||
float: right;
|
||||
width: 170px;
|
||||
border-bottom: 1px solid black;
|
||||
height: 27px;
|
||||
padding: 8px 0 2px 0;
|
||||
font-size: 12px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
}
|
||||
|
||||
.views-row.agrupado{
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
/*________________TARJETA______________*/
|
||||
div.tarjeta{
|
||||
border: 1px solid black;
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.tarjeta .inside{
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
div.tarjeta:hover {
|
||||
background: rgb(249,229,220);
|
||||
border: 1px solid rgb(249,229,220);
|
||||
|
||||
}
|
||||
|
||||
div.tarjeta h3{
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.row-last div.tarjeta{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.todo-ancho table{
|
||||
width: 100%;
|
||||
}
|
||||
/*________________TARJETA______________*/
|
||||
/*_______________ CALENDARIO ________________*/
|
||||
|
||||
.calendar-calendar tr{
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.calendar-calendar table.mini{
|
||||
font-size: 12px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
}
|
||||
.calendar-calendar table.mini thead{
|
||||
display: none;
|
||||
}
|
||||
.calendar-calendar table.mini a{
|
||||
color:rgb(255,0,0);
|
||||
}
|
||||
|
||||
.calendar-calendar tr td.today{
|
||||
background-color:rgb(249,229,220);
|
||||
}
|
||||
.view .date-nav-wrapper{
|
||||
font-size: 12px;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
.view .date-nav-wrapper .date-heading{
|
||||
float: left;
|
||||
width: auto;
|
||||
}
|
||||
.view .date-nav-wrapper .date-heading h3{
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
text-transform: capitalize;
|
||||
color:rgb(148,146,123);
|
||||
}
|
||||
.view .date-nav-wrapper .date-prev,
|
||||
.view .date-nav-wrapper .date-next{
|
||||
border-radius: 0;
|
||||
-moz-border-radius:0;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
.view .date-nav-wrapper .date-prev a{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.view .date-nav-wrapper .date-nav{
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-height: 20px;
|
||||
}
|
||||
.view .date-nav-wrapper .pager{
|
||||
background-image: none;
|
||||
margin: 0;
|
||||
float: right;
|
||||
position: absolute;
|
||||
top:0;
|
||||
right: 0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.calendar-calendar table.mini td.empty{
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*_______________ CALENDARIO ________________*/
|
||||
|
||||
.views-row-last.listado-lineas{
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
/*___________________--------------------____________________________________*/
|
||||
|
||||
/* Default Layout: 1200px.
|
||||
Gutters: 30px.
|
||||
Outer margins: 0px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10 11 12
|
||||
px 70 170 270 370 470 570 670 770 870 970 1070 1170 */
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
body {
|
||||
width: 1170px;
|
||||
}
|
||||
#content{
|
||||
width: 970px;
|
||||
position: relative;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#panel-news{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
margin: 0;
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
#panel-first{
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 400px;
|
||||
margin: 0;
|
||||
}
|
||||
#panel-second{
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 600px;
|
||||
margin: 0;
|
||||
}
|
||||
#footer{
|
||||
margin-top: 20px;
|
||||
margin-left: 200px;
|
||||
width: 970px;
|
||||
height: 200px;
|
||||
|
||||
}
|
||||
#footer-credits{
|
||||
|
||||
width: 970px;
|
||||
}
|
||||
#bloque-login{
|
||||
width: 370px;
|
||||
}
|
||||
#footer-info{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Tablet Layout: 770px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 770px) and (max-width: 991px) {
|
||||
|
||||
body {
|
||||
width: 770px;
|
||||
}
|
||||
#bloque-tools{
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
#bloque-login{
|
||||
clear: both;
|
||||
float: right;
|
||||
width: 170px;
|
||||
}
|
||||
#content{
|
||||
width: 570px;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
#footer-credits{
|
||||
|
||||
width: 570px;
|
||||
}
|
||||
#footer{
|
||||
width: 570px;
|
||||
}
|
||||
#footer-document{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#panel-info{
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 569px) {
|
||||
|
||||
body {
|
||||
width: 270px;
|
||||
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
position: static;
|
||||
width: 270px;
|
||||
}
|
||||
#sidebar #logotipo{
|
||||
display: none;
|
||||
}
|
||||
#sidebar ul li{
|
||||
float: left;
|
||||
border-bottom: 0;
|
||||
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#sidebar ul {
|
||||
|
||||
}
|
||||
header{
|
||||
margin-left: 0;
|
||||
width: 270px;
|
||||
padding-top: 10px;
|
||||
position: static;
|
||||
}
|
||||
#bloque-tools{
|
||||
width: 270px;
|
||||
margin-right: 0;
|
||||
}
|
||||
#language{
|
||||
width: 70px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.no-mobile{
|
||||
display: none;
|
||||
}
|
||||
#white-space{
|
||||
display: none;
|
||||
}
|
||||
#content{
|
||||
clear: all;
|
||||
width: 270px;
|
||||
padding-left: 0;
|
||||
}
|
||||
#featured{
|
||||
width: 270px;
|
||||
height: 210px;
|
||||
position: static;
|
||||
margin-right: 0;
|
||||
}
|
||||
#featured img{
|
||||
width: 270px;
|
||||
}
|
||||
#panel-news{
|
||||
width: 270px;
|
||||
position: static;
|
||||
margin-top: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
#footer{
|
||||
width: 270px;
|
||||
margin-left: 0;
|
||||
}
|
||||
#footer-credits{
|
||||
width: 270px;
|
||||
}
|
||||
#footer-document{
|
||||
display: none;
|
||||
}
|
||||
#footer-dir{
|
||||
display: block;
|
||||
border-right: 0;
|
||||
}
|
||||
#footer-links{
|
||||
display: none;
|
||||
}
|
||||
#footer-logo{
|
||||
border-right: 0;
|
||||
height: 80px;
|
||||
}
|
||||
.footer-panel{
|
||||
height: auto;
|
||||
}
|
||||
.only-mobile{
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 570px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 570px) and (max-width: 769px) {
|
||||
|
||||
body {
|
||||
width: 570px;
|
||||
}
|
||||
#bloque-tools{
|
||||
margin-right: 0px;
|
||||
width: 370px;
|
||||
}
|
||||
h1#titulo{
|
||||
width: 60px;
|
||||
}
|
||||
#language{
|
||||
width: 70px;
|
||||
|
||||
}
|
||||
header{
|
||||
height: 100px;
|
||||
position: static;
|
||||
}
|
||||
|
||||
#bloque-login{
|
||||
clear: both;
|
||||
float: right;
|
||||
width: 170px;
|
||||
}
|
||||
#white-space{
|
||||
height: 20px;
|
||||
}
|
||||
#content{
|
||||
width: 370px;
|
||||
}
|
||||
.no-tablet{
|
||||
display: none;
|
||||
}
|
||||
#featured{
|
||||
width: 370px;
|
||||
height: 280px;
|
||||
}
|
||||
#featured img{
|
||||
width: 370px;
|
||||
}
|
||||
#footer{
|
||||
width: 370px;
|
||||
}
|
||||
#footer-credits{
|
||||
width: 370px;
|
||||
}
|
||||
#footer-document{
|
||||
display: none;
|
||||
}
|
||||
#footer-dir{
|
||||
display: none;
|
||||
}
|
||||
#logotipo{
|
||||
margin-bottom: 83px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4.
|
||||
----------------------------------------------- */
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min-device-pixel-ratio: 2) {
|
||||
|
||||
body {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
14
css/metadata.css
Normal file
14
css/metadata.css
Normal file
@ -0,0 +1,14 @@
|
||||
.metadata-record{
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.islandora-inline-metadata dt{
|
||||
width:30%;
|
||||
}
|
||||
.islandora-inline-metadata dd{
|
||||
width: 69%;
|
||||
}
|
||||
|
||||
.islandora h2.title{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
511
css/responsive.css
Normal file
511
css/responsive.css
Normal file
@ -0,0 +1,511 @@
|
||||
/* Resets
|
||||
------ */
|
||||
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
||||
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figure, figcaption, hgroup,
|
||||
menu, footer, header, nav, section, summary, time, mark, audio, video { border: 0; margin: 0; padding: 0; }
|
||||
|
||||
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
||||
footer, header, nav, section, audio, video { display: block; }
|
||||
|
||||
a img { border: 0; }
|
||||
|
||||
* {
|
||||
-webkit-transition: all .4s ease;
|
||||
-o-transition: all .4s ease;
|
||||
-moz-transition: all .4s ease;
|
||||
transition: all .4s ease;
|
||||
}
|
||||
|
||||
#featured *{
|
||||
-moz-transition: none;
|
||||
-webkit-transition: none;
|
||||
-o-transition: color 0 ease-in;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#grid{
|
||||
width: 970px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: -106;
|
||||
background-image: url('grid.png');
|
||||
height: 5000px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Default Layout: 970px.
|
||||
Gutters: 30px.
|
||||
Outer margins: 30px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 70 170 270 370 470 570 670 770 870 970 */
|
||||
|
||||
|
||||
body {
|
||||
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
|
||||
background: rgb(248,248,235);
|
||||
color: rgb(0,0,0);
|
||||
line-height: 20px;
|
||||
margin: 0 auto;
|
||||
padding: 0px 0px 80px 0px;
|
||||
width: 970px;
|
||||
}
|
||||
|
||||
header {
|
||||
background: rgb(248,248,235);
|
||||
height: 119px;
|
||||
margin-left: 200px;
|
||||
padding: 40px 0 0;
|
||||
position: fixed;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
h1#titulo {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0;
|
||||
line-height: 20px;
|
||||
margin-right: 30px;
|
||||
padding: 0 0 0 10px;
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#block-locale-language-content { float: left; margin-right: 30px; width: 170px; }
|
||||
|
||||
#block-locale-language-content ul li { float: left; list-style: none; padding: 0 8px; }
|
||||
#block-apachesolr-panels-search-form {
|
||||
border-bottom: 1px solid #000;
|
||||
float: left;
|
||||
height: 31px;
|
||||
width: 170px;
|
||||
}
|
||||
#block-apachesolr-panels-search-form .form-actions,
|
||||
#block-apachesolr-panels-search-form .form-item{
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
#bloque-tools {
|
||||
border-top: 2px solid #000;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
padding: 7px 0 2px 0;
|
||||
width: 570px;
|
||||
}
|
||||
#bloque-social{
|
||||
height: 36px;
|
||||
background-color:rgb(248,248,235);
|
||||
float: left;
|
||||
width: 170px;
|
||||
}
|
||||
#bloque-login { border-top: 2px solid #000; float: left; width: 170px; }
|
||||
#bloque-login-link {
|
||||
border-bottom: 1px solid black;
|
||||
float: right;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
height: 27px;
|
||||
padding: 8px 0 3px 0px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
#block-apachesolr-panels-search-form .form-text {
|
||||
background-color: rgb(248,248,235);
|
||||
border: 0;
|
||||
height: 20px;
|
||||
width: 138px;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px
|
||||
}
|
||||
#bloque-login-link a{margin-left: 10px;}
|
||||
#white-space { height: 160px; }
|
||||
#page { clear: both; }
|
||||
#sidebar {
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
width: 170px;
|
||||
z-index: 100;
|
||||
}
|
||||
#menu-mobile{display: none;}
|
||||
#sidebar .block { margin-bottom: 40px; }
|
||||
|
||||
#logotipo {
|
||||
margin-bottom: 82px;
|
||||
margin-left: 10px;
|
||||
margin-right: 30px;
|
||||
margin-top: 9px;
|
||||
width: 160px;
|
||||
}
|
||||
#content { padding-left: 200px; width: 770px; }
|
||||
.only-mobile { display: none; }
|
||||
|
||||
/* Bloques portada_________________*/
|
||||
#featured {
|
||||
border-top: 2px solid #000;
|
||||
float: left;
|
||||
height: 398px;
|
||||
margin-right: 30px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: 570px;
|
||||
}
|
||||
|
||||
#object-content{
|
||||
float:left;
|
||||
margin-right:30px;
|
||||
position:relative;
|
||||
top:0;
|
||||
width:570px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
#panel-info {
|
||||
border-left: 1px solid #000;
|
||||
float: left;
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 14px;
|
||||
height: 395px;
|
||||
line-height: 20px;
|
||||
padding: 5px 0 0 9px;
|
||||
position: relative;
|
||||
width: 159px;
|
||||
}
|
||||
#panel-news {
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
margin-top: 40px;
|
||||
position: relative;
|
||||
width: 370px;
|
||||
}
|
||||
#panel-first {
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
margin-top: 40px;
|
||||
position: relative;
|
||||
width: 170px;
|
||||
}
|
||||
#panel-second {
|
||||
float: left;
|
||||
margin-top: 40px;
|
||||
position: relative;
|
||||
width: 170px;
|
||||
}
|
||||
#footer {
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-left: 200px;
|
||||
margin-top: 120px;
|
||||
position: relative;
|
||||
width: 770px;
|
||||
}
|
||||
#footer-info { display: none; }
|
||||
#footer-logo {
|
||||
border-right: 1px solid #000;
|
||||
float: left;
|
||||
height: 160px;
|
||||
padding-right: 29px;
|
||||
width: 170px;
|
||||
}
|
||||
.footer-panel {
|
||||
border-right: 1px solid #000;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
height: 160px;
|
||||
line-height: 15px;
|
||||
padding-left: 10px;
|
||||
padding-right: 29px;
|
||||
width: 160px;
|
||||
}
|
||||
.footer-panel.last { border-right: 0; padding-right: 0; }
|
||||
#footer-credits {
|
||||
font-size: 10px;
|
||||
margin-top: 40px;
|
||||
width: 770px;
|
||||
height: 22px;
|
||||
}
|
||||
#footer-credits .float-left{
|
||||
padding-left: 10px;
|
||||
}
|
||||
#footer-credits .float-right{
|
||||
padding-right: 10px;
|
||||
height: 22px;
|
||||
}
|
||||
#footer-credits a{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.show-1200,
|
||||
.show-770,
|
||||
.show-320,
|
||||
.show-570{
|
||||
display: none;
|
||||
}
|
||||
.show-970{
|
||||
display: block;
|
||||
}
|
||||
/* Default Layout: 1200px.
|
||||
Gutters: 30px.
|
||||
Outer margins: 0px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10 11 12
|
||||
px 70 170 270 370 470 570 670 770 870 970 1070 1170 */
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
#grid{
|
||||
width: 1170px;
|
||||
}
|
||||
body { width: 1170px; }
|
||||
#content { height: auto; position: relative; width: 970px; }
|
||||
|
||||
.show-970,
|
||||
.show-770,
|
||||
.show-320,
|
||||
.show-570{
|
||||
display: none;
|
||||
}
|
||||
.show-1200{
|
||||
display: block;
|
||||
}
|
||||
#panel-news {
|
||||
left: 800px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
#panel-info { left: 200px; position: absolute; top: 440px; }
|
||||
|
||||
#panel-first {
|
||||
left: 400px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 440px;
|
||||
}
|
||||
#panel-second {
|
||||
left: 600px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 440px;
|
||||
}
|
||||
#footer {
|
||||
|
||||
margin-left: 200px;
|
||||
margin-top: 120px;
|
||||
width: 970px;
|
||||
}
|
||||
#footer-credits { width: 970px; }
|
||||
#bloque-login { width: 370px; }
|
||||
#footer-info { display: block; }
|
||||
|
||||
}
|
||||
|
||||
/* Tablet Layout: 770px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 770px) and (max-width: 991px) {
|
||||
#grid{
|
||||
width: 770px;
|
||||
}
|
||||
body { width: 770px; }
|
||||
#bloque-tools { margin-right: 0px; }
|
||||
#bloque-login { clear: both; float: right; width: 170px; border: 0 }
|
||||
#content { position: relative; width: 570px; }
|
||||
|
||||
#footer-credits { width: 570px; }
|
||||
#footer { width: 570px; }
|
||||
#footer-document { display: none; }
|
||||
#panel-first, #panel-second{margin-top: 0px;}
|
||||
#panel-info { left: 600px; position: absolute; top: 440px; }
|
||||
|
||||
.show-1200,
|
||||
.show-970,
|
||||
.show-320,
|
||||
.show-570{
|
||||
display: none;
|
||||
}
|
||||
.show-770{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 569px) {
|
||||
#grid{
|
||||
width: 270px;
|
||||
}
|
||||
h1{
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
}
|
||||
body { width: 270px; }
|
||||
#menu-mobile{display: block;
|
||||
height: 30px;
|
||||
text-align: right;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#sidebar { position: static; width: 270px; }
|
||||
#sidebar #logotipo { display: none; }
|
||||
#sidebar ul li { border-bottom: 0; margin-bottom: 10px; }
|
||||
#sidebar ul { }
|
||||
#sidebar ul li.last{
|
||||
border-bottom: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#sidebar .block{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
header {
|
||||
margin-left: 0;
|
||||
padding-top: 10px;
|
||||
position: static;
|
||||
width: 270px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
h1#titulo{
|
||||
width: 70px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.element-invisible{display: none;}
|
||||
#block-search-form{border: 0; float: right;width: 90px;}
|
||||
.search-form-input{width: 50px;}
|
||||
#block-locale-language-content{margin-right: 0; width: 100px;}
|
||||
#bloque-tools { margin-right: 0; width: 270px; }
|
||||
.no-mobile { display: none; }
|
||||
#white-space { display: none; }
|
||||
#content { clear: all; padding-left: 0; width: 270px; }
|
||||
#featured {
|
||||
height: auto;
|
||||
margin-right: 0;
|
||||
position: static;
|
||||
width: 270px;
|
||||
float: none;
|
||||
}
|
||||
#featured img { width: 270px; }
|
||||
#panel-news {
|
||||
margin-right: 0;
|
||||
margin-top: 20px;
|
||||
position: static;
|
||||
width: 270px;
|
||||
float: none;
|
||||
}
|
||||
#content{height: auto !important;}
|
||||
#footer { margin-left: 0; width: 270px; }
|
||||
#footer-credits { width: 270px; }
|
||||
#footer-document { display: none; }
|
||||
#footer-dir { border-right: 0; display: block; }
|
||||
#footer-links { display: none; }
|
||||
#footer-logo { border-right: 0; height: 80px; }
|
||||
.footer-panel { height: auto; }
|
||||
.only-mobile { display: block; }
|
||||
#panel-info{display: none;}
|
||||
#panel-first{width: 270px; margin-right: 0px; position: static; float: none;}
|
||||
#panel-second{width:270px; margin-right:0px;position: static; float: none;}
|
||||
|
||||
.show-1200,
|
||||
.show-970,
|
||||
.show-770,
|
||||
.show-570{
|
||||
display: none;
|
||||
}
|
||||
.show-320{
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 570px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 570px) and (max-width: 769px) {
|
||||
#grid{
|
||||
width: 570px;
|
||||
}
|
||||
h1{
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
}
|
||||
body { width: 570px; }
|
||||
#bloque-tools { margin-right: 0px; width: 370px; }
|
||||
h1#titulo { width: 60px; }
|
||||
#language { width: 70px; }
|
||||
header { height: 100px; position: static; }
|
||||
#panel-info{display: none;}
|
||||
|
||||
#bloque-login { clear: both; float: right; width: 170px; border: 0 }
|
||||
#white-space { height: 20px; }
|
||||
#content { width: 370px; }
|
||||
.no-tablet { display: none; }
|
||||
#featured { height: 280px; width: 370px; margin-right: 0; overflow: hidden; }
|
||||
#featured img { width: 370px; height: 240px }
|
||||
#footer { width: 370px; }
|
||||
#footer-credits { width: 370px; }
|
||||
#footer-document { display: none; }
|
||||
#footer-dir { display: none; }
|
||||
#logotipo { margin-bottom: 83px; }
|
||||
#panel-news{margin-right: 0; margin-top: 38px;}
|
||||
#block-locale-language-content{margin-right: 0; width: 100px;}
|
||||
#bloque-social{display: none;}
|
||||
.no-mobile { display: block; }
|
||||
|
||||
.show-1200,
|
||||
.show-970,
|
||||
.show-770,
|
||||
.show-320{
|
||||
display: none;
|
||||
}
|
||||
.show-570{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4.
|
||||
----------------------------------------------- */
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min-device-pixel-ratio: 2) { }
|
||||
|
||||
}
|
||||
|
||||
64
css/tipografia.css
Normal file
64
css/tipografia.css
Normal file
@ -0,0 +1,64 @@
|
||||
/* Typography presets
|
||||
------------------ */
|
||||
|
||||
.gigantic { font-size: 110px; letter-spacing: -2px; line-height: 120px; }
|
||||
|
||||
.huge, h1 {
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 36px;
|
||||
font-weight: normal;
|
||||
letter-spacing: -1px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.large, h2 {
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
line-height: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bigger, h3 {
|
||||
font-family: 'Droid Sans Mono', sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 1px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.big, h4 { font-family: 'Droid Sans Mono', sans-serif; font-size: 11px; line-height: 30px; }
|
||||
|
||||
body { font: 10px/24px, sans-serif; }
|
||||
|
||||
.small, small { font-size: 13px; line-height: 18px; }
|
||||
#info-panel h3{
|
||||
font-weight: bold;
|
||||
text-transform: none;
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.field-name-body ul,
|
||||
.pane-apachesolr-result ul{
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
#page-title{
|
||||
font-family:'Droid Sans Mono',sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight:normal;
|
||||
letter-spacing:1px;
|
||||
text-transform:uppercase;
|
||||
margin: 9px 0;
|
||||
border-top: 2px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
.block-menu h2{
|
||||
font-size:14px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
BIN
images/arteleku.png
Normal file
BIN
images/arteleku.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1015 B |
BIN
images/facebook.png
Normal file
BIN
images/facebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1021 B |
BIN
images/foto.jpg
Normal file
BIN
images/foto.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
images/gfa.png
Normal file
BIN
images/gfa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
images/gfa.png.bk
Normal file
BIN
images/gfa.png.bk
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/gipuzkoanet.gif
Normal file
BIN
images/gipuzkoanet.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
images/gipuzkoanet.png
Normal file
BIN
images/gipuzkoanet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
images/icons/PNG/Applications2.png
Normal file
BIN
images/icons/PNG/Applications2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
BIN
images/icons/PNG/Burnable2.png
Normal file
BIN
images/icons/PNG/Burnable2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
BIN
images/icons/PNG/Desktop2.png
Normal file
BIN
images/icons/PNG/Desktop2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
BIN
images/icons/PNG/Documents2.png
Normal file
BIN
images/icons/PNG/Documents2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
images/icons/PNG/Downloads2.png
Normal file
BIN
images/icons/PNG/Downloads2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
images/icons/PNG/Downloads2.png.bk
Normal file
BIN
images/icons/PNG/Downloads2.png.bk
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/icons/PNG/Group2.png
Normal file
BIN
images/icons/PNG/Group2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
images/icons/PNG/Home3.png
Normal file
BIN
images/icons/PNG/Home3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
images/icons/PNG/Library2.png
Normal file
BIN
images/icons/PNG/Library2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
BIN
images/icons/PNG/Movie2.png
Normal file
BIN
images/icons/PNG/Movie2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
images/icons/PNG/Music2.png
Normal file
BIN
images/icons/PNG/Music2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
images/icons/PNG/Photos2.png
Normal file
BIN
images/icons/PNG/Photos2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
images/icons/PNG/Public2.png
Normal file
BIN
images/icons/PNG/Public2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
images/icons/PNG/Server2.png
Normal file
BIN
images/icons/PNG/Server2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
BIN
images/icons/PNG/Server3.png
Normal file
BIN
images/icons/PNG/Server3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 201 KiB |
BIN
images/icons/PNG/Sites2.png
Normal file
BIN
images/icons/PNG/Sites2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
BIN
images/icons/PNG/Sites3.png
Normal file
BIN
images/icons/PNG/Sites3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
BIN
images/icons/PNG/Smart2.png
Normal file
BIN
images/icons/PNG/Smart2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
images/icons/PNG/Software.png
Normal file
BIN
images/icons/PNG/Software.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
BIN
images/icons/PNG/Torrents.png
Normal file
BIN
images/icons/PNG/Torrents.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
BIN
images/icons/PNG/Users2.png
Normal file
BIN
images/icons/PNG/Users2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
images/icons/PNG/Utilities2.png
Normal file
BIN
images/icons/PNG/Utilities2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
BIN
images/logo.png
Normal file
BIN
images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
images/menu-mobile.png
Normal file
BIN
images/menu-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
BIN
images/minifoto.jpg
Normal file
BIN
images/minifoto.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
images/oai.png
Normal file
BIN
images/oai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 534 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user