Daniel Rudolf
10 years ago
commit
be46e19677
@ -0,0 +1,28 @@ |
|||||||
|
#!/usr/bin/env bash |
||||||
|
|
||||||
|
if [ "$TRAVIS_PHP_VERSION" != "5.3" ]; then |
||||||
|
echo "Skipping phpDoc deployment because this is not on the required runtime" |
||||||
|
exit |
||||||
|
fi |
||||||
|
|
||||||
|
if [[ ",$DEPLOY_PHPDOC_BRANCHES," != *,"$TRAVIS_BRANCH",* ]]; then |
||||||
|
echo "Skipping phpDoc deployment because this branch ($TRAVIS_BRANCH) is not permitted to deploy" |
||||||
|
exit |
||||||
|
fi |
||||||
|
|
||||||
|
if [ "$TRAVIS_PULL_REQUEST" != "false" ]; then |
||||||
|
echo "Skipping phpDoc deployment because this pull request (#$TRAVIS_PULL_REQUEST) is not permitted to deploy" |
||||||
|
exit |
||||||
|
fi |
||||||
|
|
||||||
|
PHPDOC_ID="${TRAVIS_BRANCH//\//_}" |
||||||
|
|
||||||
|
generate-phpdoc.sh \ |
||||||
|
"$TRAVIS_BUILD_DIR" "$TRAVIS_BUILD_DIR/build/phpdoc-$PHPDOC_ID" \ |
||||||
|
"Pico 1.0 API Documentation ($TRAVIS_BRANCH branch)" |
||||||
|
[ $? -eq 0 ] || exit 1 |
||||||
|
|
||||||
|
deploy-phpdoc.sh \ |
||||||
|
"$TRAVIS_REPO_SLUG" "heads/$TRAVIS_BRANCH @ $TRAVIS_COMMIT" "$TRAVIS_BUILD_DIR/build/phpdoc-$PHPDOC_ID" \ |
||||||
|
"$TRAVIS_REPO_SLUG" "gh-pages" "phpDoc/$PHPDOC_ID" |
||||||
|
[ $? -eq 0 ] || exit 1 |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
#!/usr/bin/env bash |
||||||
|
|
||||||
|
[ "$DEPLOY_PHPDOC_RELEASES" == "true" ] || exit |
||||||
|
|
||||||
|
PHPDOC_ID="${TRAVIS_BRANCH//\//_}" |
||||||
|
|
||||||
|
generate-phpdoc.sh \ |
||||||
|
"$TRAVIS_BUILD_DIR" "$TRAVIS_BUILD_DIR/build/phpdoc-$PHPDOC_ID" \ |
||||||
|
"Pico 1.0 API Documentation ($TRAVIS_TAG)" |
||||||
|
[ $? -eq 0 ] || exit 1 |
||||||
|
|
||||||
|
deploy-phpdoc.sh \ |
||||||
|
"$TRAVIS_REPO_SLUG" "tags/$TRAVIS_TAG" "$TRAVIS_BUILD_DIR/build/phpdoc-$PHPDOC_ID" \ |
||||||
|
"$TRAVIS_REPO_SLUG" "gh-pages" "phpDoc/$PHPDOC_ID" |
||||||
|
[ $? -eq 0 ] || exit 1 |
||||||
@ -0,0 +1,109 @@ |
|||||||
|
#!/usr/bin/env bash |
||||||
|
set -e |
||||||
|
|
||||||
|
# base variables |
||||||
|
APP_NAME="$(basename "$0")" |
||||||
|
BASE_PWD="$PWD" |
||||||
|
|
||||||
|
# environment variables |
||||||
|
# GITHUB_OAUTH_TOKEN GitHub authentication token, see https://github.com/settings/tokens |
||||||
|
|
||||||
|
# parameters |
||||||
|
SOURCE_REPO_SLUG="$1" # source GitHub repo (e.g. picocms/Pico) |
||||||
|
SOURCE_REF="$2" # source reference (either "[ref] @ [commit]" or "[ref]", |
||||||
|
# [ref] can be e.g. heads/master or tags/v1.0.0) |
||||||
|
SOURCE_DIR="$3" # absolute source path |
||||||
|
TARGET_REPO_SLUG="$4" # target GitHub repo (e.g. picocms/Pico) |
||||||
|
TARGET_BRANCH="$5" # target branch (e.g. gh-pages) |
||||||
|
TARGET_DIR="$6" # relative target path |
||||||
|
|
||||||
|
# print parameters |
||||||
|
echo "Deploying phpDocs..." |
||||||
|
printf 'SOURCE_REPO_SLUG="%s"\n' "$SOURCE_REPO_SLUG" |
||||||
|
printf 'SOURCE_REF="%s"\n' "$SOURCE_REF" |
||||||
|
printf 'SOURCE_DIR="%s"\n' "$SOURCE_DIR" |
||||||
|
printf 'TARGET_REPO_SLUG="%s"\n' "$TARGET_REPO_SLUG" |
||||||
|
printf 'TARGET_BRANCH="%s"\n' "$TARGET_BRANCH" |
||||||
|
printf 'TARGET_DIR="%s"\n' "$TARGET_DIR" |
||||||
|
echo |
||||||
|
|
||||||
|
# evaluate source reference |
||||||
|
if [[ "$SOURCE_REF" == *" @ "* ]]; then |
||||||
|
SOURCE_REF_TYPE="commit" |
||||||
|
SOURCE_REF_HEAD="${SOURCE_REF% @ *}" |
||||||
|
SOURCE_REF_COMMIT="${SOURCE_REF##* @ }" |
||||||
|
|
||||||
|
if ! git check-ref-format "$SOURCE_REF_HEAD" || ! git rev-parse --verify "$SOURCE_REF_COMMIT" > /dev/null; then |
||||||
|
echo "FATAL: $APP_NAME source reference '$SOURCE_REF' is invalid" >&2 |
||||||
|
exit 1 |
||||||
|
fi |
||||||
|
elif git check-ref-format "$SOURCE_REF"; then |
||||||
|
SOURCE_REF_TYPE="ref" |
||||||
|
else |
||||||
|
echo "FATAL: $APP_NAME source reference '$SOURCE_REF' is invalid" >&2 |
||||||
|
exit 1 |
||||||
|
fi |
||||||
|
|
||||||
|
# clone repo |
||||||
|
printf 'Cloning repo...\n' |
||||||
|
GIT_DIR="$SOURCE_DIR.git" |
||||||
|
git clone --branch="$TARGET_BRANCH" "https://github.com/$TARGET_REPO_SLUG.git" "$GIT_DIR" |
||||||
|
|
||||||
|
# setup git |
||||||
|
cd "$GIT_DIR" |
||||||
|
git config user.name "Travis CI" |
||||||
|
git config user.email "travis-ci@picocms.org" |
||||||
|
|
||||||
|
if [ -n "$GITHUB_OAUTH_TOKEN" ]; then |
||||||
|
git config credential.helper 'store --file=.git/credentials' |
||||||
|
(umask 077 && echo "https://GitHub:$GITHUB_OAUTH_TOKEN@github.com" > .git/credentials) |
||||||
|
fi |
||||||
|
|
||||||
|
# copy phpdoc |
||||||
|
printf '\nCopying phpDocs...\n' |
||||||
|
[ ! -d "$TARGET_DIR" ] || rm -rf "$TARGET_DIR" |
||||||
|
[ "${SOURCE_DIR:0:1}" == "/" ] || SOURCE_DIR="$BASE_PWD/$SOURCE_DIR" |
||||||
|
cp -R "$SOURCE_DIR" "$TARGET_DIR" |
||||||
|
|
||||||
|
# commit changes |
||||||
|
printf '\nCommiting changes...\n' |
||||||
|
git add --all "$TARGET_DIR" |
||||||
|
git commit --message="Update phpDocumentor class docs for $SOURCE_REF" |
||||||
|
|
||||||
|
# very simple race condition protection for concurrent Travis builds |
||||||
|
# this is no definite protection (race conditions are still possible during `git push`), |
||||||
|
# but it should give a basic protection without disabling concurrent builds completely |
||||||
|
if [ "$SOURCE_REF_TYPE" == "commit" ]; then |
||||||
|
# load branch data via GitHub APIv3 |
||||||
|
printf '\nRetrieving latest commit...\n' |
||||||
|
LATEST_COMMIT_URL="https://api.github.com/repos/$SOURCE_REPO_SLUG/git/refs/$SOURCE_REF_HEAD" |
||||||
|
if [ -n "$GITHUB_OAUTH_TOKEN" ]; then |
||||||
|
LATEST_COMMIT_RESPONSE="$(wget -O- --header="Authorization: token $GITHUB_OAUTH_TOKEN" "$LATEST_COMMIT_URL" 2> /dev/null)" |
||||||
|
else |
||||||
|
LATEST_COMMIT_RESPONSE="$(wget -O- "$LATEST_COMMIT_URL" 2> /dev/null)" |
||||||
|
fi |
||||||
|
|
||||||
|
# evaluate JSON response |
||||||
|
LATEST_COMMIT="$(echo "$LATEST_COMMIT_RESPONSE" | php -r " |
||||||
|
\$json = json_decode(stream_get_contents(STDIN), true); |
||||||
|
if (\$json !== null) { |
||||||
|
if (isset(\$json['ref']) && (\$json['ref'] === 'refs/$SOURCE_REF_HEAD')) { |
||||||
|
if (isset(\$json['object']) && isset(\$json['object']['sha'])) { |
||||||
|
echo \$json['object']['sha']; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
")" |
||||||
|
|
||||||
|
# compare source reference against the latest commit |
||||||
|
if [ "$LATEST_COMMIT" != "$SOURCE_REF_COMMIT" ]; then |
||||||
|
echo "WARNING: $APP_NAME source reference '$SOURCE_REF' doesn't match the latest commit '$LATEST_COMMIT'" >&2 |
||||||
|
exit 0 |
||||||
|
fi |
||||||
|
fi |
||||||
|
|
||||||
|
# push changes |
||||||
|
printf '\nPushing changes...\n' |
||||||
|
git push "https://github.com/$TARGET_REPO_SLUG.git" "$TARGET_BRANCH:$TARGET_BRANCH" |
||||||
|
|
||||||
|
echo |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
#!/usr/bin/env bash |
||||||
|
set -e |
||||||
|
|
||||||
|
# parameters |
||||||
|
PHPDOC_SOURCE_DIR="$1" |
||||||
|
PHPDOC_TARGET_DIR="$2" |
||||||
|
PHPDOC_TITLE="$3" |
||||||
|
|
||||||
|
# print parameters |
||||||
|
echo "Generating phpDocs..." |
||||||
|
printf 'PHPDOC_SOURCE_DIR="%s"\n' "$PHPDOC_SOURCE_DIR" |
||||||
|
printf 'PHPDOC_TARGET_DIR="%s"\n' "$PHPDOC_TARGET_DIR" |
||||||
|
printf 'PHPDOC_TITLE="%s"\n' "$PHPDOC_TITLE" |
||||||
|
echo |
||||||
|
|
||||||
|
# generate phpdoc |
||||||
|
phpdoc -d "$PHPDOC_SOURCE_DIR" \ |
||||||
|
-i "$PHPDOC_SOURCE_DIR/build/" \ |
||||||
|
-i "$PHPDOC_SOURCE_DIR/vendor/" \ |
||||||
|
-i "$PHPDOC_SOURCE_DIR/plugins/" -f "$PHPDOC_SOURCE_DIR/plugins/DummyPlugin.php" \ |
||||||
|
-t "$PHPDOC_TARGET_DIR" \ |
||||||
|
--title "$PHPDOC_TITLE" |
||||||
|
|
||||||
|
echo |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
<?php // @codingStandardsIgnoreFile |
||||||
|
|
||||||
|
// check PHP version |
||||||
|
if (version_compare(PHP_VERSION, '5.3.6', '<')) { |
||||||
|
die('Pico requires PHP 5.3.6 or above to run'); |
||||||
|
} |
||||||
|
|
||||||
|
// load dependencies |
||||||
|
require_once(__DIR__ . '/vendor/autoload.php'); |
||||||
|
|
||||||
|
// instance Pico |
||||||
|
$pico = new Pico( |
||||||
|
__DIR__, // root dir |
||||||
|
'config/', // config dir |
||||||
|
'plugins/', // plugins dir |
||||||
|
'themes/' // themes dir |
||||||
|
); |
||||||
|
|
||||||
|
// run application |
||||||
|
echo $pico->run(); |
||||||
@ -0,0 +1,39 @@ |
|||||||
|
<?xml version="1.0"?> |
||||||
|
<ruleset name="Pico"> |
||||||
|
<description> |
||||||
|
Pico's coding standards mainly base on the PHP-FIG PSR-2 standard, |
||||||
|
but without the MissingNamespace sniff. |
||||||
|
</description> |
||||||
|
|
||||||
|
<!-- |
||||||
|
Exclude build/ and vendor/ dirs as well as minified JavaScript files |
||||||
|
--> |
||||||
|
<exclude-pattern type="relative">^build/</exclude-pattern> |
||||||
|
<exclude-pattern type="relative">^vendor/</exclude-pattern> |
||||||
|
<exclude-pattern>*.min.js</exclude-pattern> |
||||||
|
|
||||||
|
<!-- |
||||||
|
Check files for PHP syntax errors |
||||||
|
--> |
||||||
|
<config name="php_path" value="php"/> |
||||||
|
<rule ref="Generic.PHP.Syntax"/> |
||||||
|
|
||||||
|
<!-- |
||||||
|
Never use deprecated functions, |
||||||
|
as they will be removed in future PHP releases |
||||||
|
--> |
||||||
|
<rule ref="Generic.PHP.DeprecatedFunctions"/> |
||||||
|
|
||||||
|
<!-- |
||||||
|
Warn about structures which affect performance negatively |
||||||
|
--> |
||||||
|
<rule ref="Generic.CodeAnalysis.ForLoopWithTestFunctionCall"/> |
||||||
|
|
||||||
|
<!-- |
||||||
|
Pico follows PHP-FIG PSR-2 Coding Style, |
||||||
|
but doesn't use formal namespaces for historic reasons |
||||||
|
--> |
||||||
|
<rule ref="PSR2"> |
||||||
|
<exclude name="PSR1.Classes.ClassDeclaration.MissingNamespace"/> |
||||||
|
</rule> |
||||||
|
</ruleset> |
||||||
@ -1,359 +1,367 @@ |
|||||||
/*=================================*/ |
/*=================================*/ |
||||||
/* Pico Default Theme |
/* Pico Default Theme |
||||||
/* By: Gilbert Pellegrom |
/* By: Gilbert Pellegrom |
||||||
/* http: //dev7studios.com |
/* http: //dev7studios.com |
||||||
/*=================================*/ |
/*=================================*/ |
||||||
|
|
||||||
/* Reset Styles |
/* Reset Styles |
||||||
/*---------------------------------------------*/ |
/*---------------------------------------------*/ |
||||||
html, body, div, span, applet, object, iframe, |
html, body, div, span, applet, object, iframe, |
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||||
a, abbr, acronym, address, big, cite, code, |
a, abbr, acronym, address, big, cite, code, |
||||||
del, dfn, em, font, img, ins, kbd, q, s, samp, |
del, dfn, em, font, img, ins, kbd, q, s, samp, |
||||||
small, strike, strong, sub, sup, tt, var, |
small, strike, strong, sub, sup, tt, var, |
||||||
dl, dt, dd, ol, ul, li, |
dl, dt, dd, ol, ul, li, |
||||||
fieldset, form, label, legend, |
fieldset, form, label, legend, |
||||||
table, caption, tbody, tfoot, thead, tr, th, td { |
table, caption, tbody, tfoot, thead, tr, th, td { |
||||||
margin: 0; |
margin: 0; |
||||||
padding: 0; |
padding: 0; |
||||||
border: 0; |
border: 0; |
||||||
outline: 0; |
outline: 0; |
||||||
font-weight: inherit; |
font-weight: inherit; |
||||||
font-style: inherit; |
font-style: inherit; |
||||||
font-size: 100%; |
font-size: 100%; |
||||||
font-family: inherit; |
font-family: inherit; |
||||||
vertical-align: baseline; |
vertical-align: baseline; |
||||||
} |
} |
||||||
|
|
||||||
body { |
body { |
||||||
line-height: 1; |
line-height: 1; |
||||||
color: black; |
color: black; |
||||||
background: white; |
background: white; |
||||||
} |
} |
||||||
|
|
||||||
table { |
table { |
||||||
border-collapse: separate; |
border-collapse: collapse; |
||||||
border-spacing: 0; |
border-spacing: 0; |
||||||
} |
} |
||||||
|
|
||||||
caption, th, td { |
caption, th, td { |
||||||
text-align: left; |
text-align: left; |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
} |
} |
||||||
|
|
||||||
blockquote:before, blockquote:after, |
blockquote:before, blockquote:after, |
||||||
q:before, q:after { |
q:before, q:after { |
||||||
content: ""; |
content: ""; |
||||||
} |
} |
||||||
|
|
||||||
blockquote, q { |
blockquote, q { |
||||||
quotes: "" ""; |
quotes: "" ""; |
||||||
} |
} |
||||||
|
|
||||||
/* HTML5 tags */ |
/* HTML5 tags */ |
||||||
header, section, footer, |
header, section, footer, |
||||||
aside, nav, article, figure { |
aside, nav, article, figure { |
||||||
display: block; |
display: block; |
||||||
} |
} |
||||||
|
|
||||||
/* hand cursor on clickable input elements */ |
/* hand cursor on clickable input elements */ |
||||||
label, input[type=button], input[type=submit], button { |
label, input[type=button], input[type=submit], button { |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
} |
} |
||||||
|
|
||||||
/* make buttons play nice in IE: |
/* make buttons play nice in IE: |
||||||
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ |
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ |
||||||
button { |
button { |
||||||
width: auto; |
width: auto; |
||||||
overflow: visible; |
overflow: visible; |
||||||
} |
} |
||||||
|
|
||||||
/* Sharper Thumbnails */ |
/* Sharper Thumbnails */ |
||||||
img { |
img { |
||||||
-ms-interpolation-mode: bicubic; |
-ms-interpolation-mode: bicubic; |
||||||
} |
} |
||||||
|
|
||||||
/* Input Styles |
/* Input Styles |
||||||
/*---------------------------------------------*/ |
/*---------------------------------------------*/ |
||||||
input, |
input, |
||||||
textarea, |
textarea, |
||||||
select { |
select { |
||||||
padding: 5px; |
padding: 5px; |
||||||
font: 400 1em Verdana, Sans-serif; |
font: 400 1em Verdana, Sans-serif; |
||||||
color: #666; |
color: #666; |
||||||
background: #fff; |
background: #fff; |
||||||
border: 1px solid #999999; |
border: 1px solid #999999; |
||||||
margin: 0 0 1em 0; |
margin: 0 0 1em 0; |
||||||
} |
} |
||||||
|
|
||||||
input:focus, |
input:focus, |
||||||
textarea:focus, |
textarea:focus, |
||||||
select:focus { |
select:focus { |
||||||
color: #000; |
color: #000; |
||||||
background: #fff; |
background: #fff; |
||||||
border: 1px solid #666666; |
border: 1px solid #666666; |
||||||
} |
} |
||||||
|
|
||||||
/* Main Styles |
/* Main Styles |
||||||
/*---------------------------------------------*/ |
/*---------------------------------------------*/ |
||||||
body { |
body { |
||||||
font: 14px/1.8em 'Open Sans', Helvetica, Arial, Helvetica, sans-serif; |
font: 14px/1.8em 'Open Sans', Helvetica, Arial, Helvetica, sans-serif; |
||||||
color: #444; |
color: #444; |
||||||
background: #fff; |
background: #fff; |
||||||
-webkit-font-smoothing: antialiased; |
-webkit-font-smoothing: antialiased; |
||||||
} |
} |
||||||
|
|
||||||
a, a:visited { |
a, a:visited { |
||||||
color: #2EAE9B; |
color: #2EAE9B; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
-webkit-transition: all 0.2s linear; |
-webkit-transition: all 0.2s linear; |
||||||
-moz-transition: all 0.2s linear; |
-moz-transition: all 0.2s linear; |
||||||
-ms-transition: all 0.2s linear; |
-ms-transition: all 0.2s linear; |
||||||
-o-transition: all 0.2s linear; |
-o-transition: all 0.2s linear; |
||||||
transition: all 0.2s linear; |
transition: all 0.2s linear; |
||||||
} |
} |
||||||
|
|
||||||
a:hover, a:active { |
a:hover, a:active { |
||||||
color: #000; |
color: #000; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
} |
} |
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 { |
h1, h2, h3, h4, h5, h6 { |
||||||
color: #000; |
color: #000; |
||||||
line-height: 1.2em; |
line-height: 1.2em; |
||||||
margin-bottom: 0.6em; |
margin-bottom: 0.6em; |
||||||
} |
} |
||||||
|
|
||||||
h1 { |
h1 { |
||||||
font-size: 2em; |
font-size: 2em; |
||||||
} |
} |
||||||
|
|
||||||
h2 { |
h2 { |
||||||
font-size: 1.7em; |
font-size: 1.7em; |
||||||
} |
} |
||||||
|
|
||||||
h3 { |
h3 { |
||||||
font-size: 1.5em; |
font-size: 1.5em; |
||||||
margin-top: 2em; |
margin-top: 2em; |
||||||
} |
} |
||||||
|
|
||||||
p { |
p, table { |
||||||
margin-bottom: 1em; |
margin-bottom: 1em; |
||||||
} |
} |
||||||
|
|
||||||
ol, ul { |
ol, ul { |
||||||
padding-left: 30px; |
padding-left: 30px; |
||||||
margin-bottom: 1em; |
margin-bottom: 1em; |
||||||
} |
} |
||||||
|
|
||||||
b, strong { |
b, strong { |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
|
|
||||||
i, em { |
i, em { |
||||||
font-style: italic; |
font-style: italic; |
||||||
} |
} |
||||||
|
|
||||||
u { |
u { |
||||||
text-decoration: underline; |
text-decoration: underline; |
||||||
} |
} |
||||||
|
|
||||||
abbr, acronym { |
abbr, acronym { |
||||||
cursor: help; |
cursor: help; |
||||||
border-bottom: 0.1em dotted; |
border-bottom: 0.1em dotted; |
||||||
} |
} |
||||||
|
|
||||||
td, td img { |
td, td img { |
||||||
vertical-align: top; |
vertical-align: top; |
||||||
} |
} |
||||||
|
|
||||||
sub { |
td, th { |
||||||
vertical-align: sub; |
border: solid 1px #999; |
||||||
font-size: smaller; |
padding: 0.25em 0.5em; |
||||||
} |
} |
||||||
|
|
||||||
sup { |
th { |
||||||
vertical-align: super; |
font-weight: bold; |
||||||
font-size: smaller; |
text-align: center; |
||||||
} |
background: #eee; |
||||||
|
} |
||||||
code { |
|
||||||
font-family: Courier, "Courier New", Monaco, Tahoma; |
sub { |
||||||
background: #eee; |
vertical-align: sub; |
||||||
color: #333; |
font-size: smaller; |
||||||
padding: 0px 2px; |
} |
||||||
} |
|
||||||
|
sup { |
||||||
pre { |
vertical-align: super; |
||||||
background: #eee; |
font-size: smaller; |
||||||
padding: 20px; |
} |
||||||
margin-bottom: 1em; |
|
||||||
overflow: auto; |
code { |
||||||
} |
font-family: Courier, "Courier New", Monaco, Tahoma; |
||||||
|
background: #eee; |
||||||
blockquote { |
color: #333; |
||||||
font-style: italic; |
padding: 0px 2px; |
||||||
margin: 0 0 1em 15px; |
} |
||||||
padding-left: 10px; |
|
||||||
border-left: 5px solid #dddddd; |
pre { |
||||||
} |
background: #eee; |
||||||
|
padding: 20px; |
||||||
/* Structure Styles |
margin-bottom: 1em; |
||||||
/*---------------------------------------------*/ |
overflow: auto; |
||||||
.inner { |
} |
||||||
width: 850px; |
|
||||||
margin: 0 auto; |
blockquote { |
||||||
} |
font-style: italic; |
||||||
|
margin: 0 0 1em 15px; |
||||||
#header { |
padding-left: 10px; |
||||||
background: #2EAE9B; |
border-left: 5px solid #dddddd; |
||||||
padding: 60px 0; |
} |
||||||
margin-bottom: 80px; |
|
||||||
color: #afe1da; |
/* Structure Styles |
||||||
} |
/*---------------------------------------------*/ |
||||||
#header a { color: #afe1da; } |
.inner { |
||||||
#header h1 a, |
width: 850px; |
||||||
#header a:hover { color: #fff; } |
margin: 0 auto; |
||||||
#header h1 { |
} |
||||||
font-weight: bold; |
|
||||||
margin: 0; |
#header { |
||||||
float: left; |
background: #2EAE9B; |
||||||
} |
padding: 60px 0; |
||||||
#header .menu-icon { |
margin-bottom: 80px; |
||||||
display: none; |
color: #afe1da; |
||||||
width: 35px; |
} |
||||||
height: 35px; |
#header a { color: #afe1da; } |
||||||
background: #afe1da url(menu-icon.png) center; |
#header h1 a, |
||||||
} |
#header a:hover { color: #fff; } |
||||||
#header nav { |
#header h1 { |
||||||
float: right; |
font-weight: bold; |
||||||
list-style: none; |
margin: 0; |
||||||
margin: 0; |
float: left; |
||||||
padding: 0; |
} |
||||||
} |
#header .menu-icon { |
||||||
#header nav a { |
display: none; |
||||||
font-weight: bold; |
width: 35px; |
||||||
margin-left: 20px; |
height: 35px; |
||||||
} |
background: #afe1da url(menu-icon.png) center; |
||||||
#header a:hover#menu-icon { |
} |
||||||
background-color: #444; |
#header nav { |
||||||
border-radius: 4px 4px 0 0; |
float: right; |
||||||
} |
list-style: none; |
||||||
#header ul { |
margin: 0; |
||||||
list-style: none; |
padding: 0; |
||||||
} |
} |
||||||
#header li { |
#header nav a { |
||||||
display: inline-block; |
font-weight: bold; |
||||||
float: left; |
margin-left: 20px; |
||||||
} |
} |
||||||
#footer { |
#header a:hover#menu-icon { |
||||||
background: #707070; |
background-color: #444; |
||||||
padding: 60px 0; |
border-radius: 4px 4px 0 0; |
||||||
margin-top: 80px; |
} |
||||||
color: #C0C0C0; |
#header ul { |
||||||
} |
list-style: none; |
||||||
#footer a { color: #ddd; } |
} |
||||||
#footer a:hover { color: #fff; } |
#header li { |
||||||
|
display: inline-block; |
||||||
/* Misc Styles |
float: left; |
||||||
/*---------------------------------------------*/ |
} |
||||||
.clearfix:before, |
#footer { |
||||||
.clearfix:after { |
background: #707070; |
||||||
content: " "; |
padding: 60px 0; |
||||||
display: table; |
margin-top: 80px; |
||||||
} |
color: #C0C0C0; |
||||||
.clearfix:after { |
} |
||||||
clear: both; |
#footer a { color: #ddd; } |
||||||
} |
#footer a:hover { color: #fff; } |
||||||
.clearfix { |
|
||||||
*zoom: 1; |
/* Misc Styles |
||||||
} |
/*---------------------------------------------*/ |
||||||
|
.clearfix:before, |
||||||
/* Media Queries |
.clearfix:after { |
||||||
/*---------------------------------------------*/ |
content: " "; |
||||||
|
display: table; |
||||||
/* Small Devices, Tablets */ |
} |
||||||
@media only screen and (max-width : 768px) { |
.clearfix:after { |
||||||
|
clear: both; |
||||||
.inner { |
} |
||||||
width: 85%; |
.clearfix { |
||||||
} |
*zoom: 1; |
||||||
.inner img { |
} |
||||||
width:100%; |
|
||||||
} |
/* Media Queries |
||||||
#header { |
/*---------------------------------------------*/ |
||||||
margin-bottom: 40px; |
|
||||||
} |
/* Small Devices, Tablets */ |
||||||
#header h1 a { |
@media only screen and (max-width : 768px) { |
||||||
font-size:1em; |
.inner { |
||||||
} |
width: 85%; |
||||||
#header .menu-icon { |
} |
||||||
display:inline-block; |
.inner img { |
||||||
} |
width:100%; |
||||||
#header nav a { color: #000; } |
} |
||||||
#header nav a:hover { color: #afe1da; } |
#header { |
||||||
#header nav ul, nav:active ul { |
margin-bottom: 40px; |
||||||
display: none; |
} |
||||||
position: absolute; |
#header h1 a { |
||||||
padding: 20px; |
font-size:1em; |
||||||
background: #fff; |
} |
||||||
border: 5px solid #444; |
#header .menu-icon { |
||||||
right: 2.7em; |
display:inline-block; |
||||||
top: 100px; |
} |
||||||
width: 80%; |
#header nav a { color: #000; } |
||||||
border-radius: 4px 0 4px 4px; |
#header nav a:hover { color: #afe1da; } |
||||||
z-index: 9999; |
#header nav ul, nav:active ul { |
||||||
} |
display: none; |
||||||
#header nav li { |
position: absolute; |
||||||
text-align: center; |
padding: 20px; |
||||||
width: 100%; |
background: #fff; |
||||||
padding: 10px 0; |
border: 5px solid #444; |
||||||
margin: 0; |
right: 2.7em; |
||||||
} |
top: 100px; |
||||||
#header nav:hover ul { |
width: 80%; |
||||||
display: block; |
border-radius: 4px 0 4px 4px; |
||||||
} |
z-index: 9999; |
||||||
|
} |
||||||
} |
#header nav li { |
||||||
|
text-align: center; |
||||||
/* Extra Small Devices, Phones */ |
width: 100%; |
||||||
@media only screen and (max-width : 480px) { |
padding: 10px 0; |
||||||
|
margin: 0; |
||||||
.inner { |
} |
||||||
width: 85%; |
#header nav:hover ul { |
||||||
} |
display: block; |
||||||
.inner img { |
} |
||||||
width:100%; |
} |
||||||
} |
|
||||||
#header { |
/* Extra Small Devices, Phones */ |
||||||
margin-bottom: 30px; |
@media only screen and (max-width : 480px) { |
||||||
} |
.inner { |
||||||
#header h1 a { |
width: 85%; |
||||||
font-size:1em; |
} |
||||||
} |
.inner img { |
||||||
#header .menu-icon { |
width:100%; |
||||||
display:inline-block; |
} |
||||||
} |
#header { |
||||||
#header nav a { color: #000; } |
margin-bottom: 30px; |
||||||
#header nav a:hover { color: #afe1da; } |
} |
||||||
#header nav ul, nav:active ul { |
#header h1 a { |
||||||
display: none; |
font-size:1em; |
||||||
position: absolute; |
} |
||||||
padding: 20px; |
#header .menu-icon { |
||||||
background: #fff; |
display:inline-block; |
||||||
border: 5px solid #444; |
} |
||||||
right: 0em; |
#header nav a { color: #000; } |
||||||
top: 100px; |
#header nav a:hover { color: #afe1da; } |
||||||
width: auto; |
#header nav ul, nav:active ul { |
||||||
border-radius: 4px 0 4px 4px; |
display: none; |
||||||
} |
position: absolute; |
||||||
#header nav li { |
padding: 20px; |
||||||
text-align: center; |
background: #fff; |
||||||
width: 100%; |
border: 5px solid #444; |
||||||
padding: 10px 0; |
right: 0em; |
||||||
margin: 0; |
top: 100px; |
||||||
} |
width: auto; |
||||||
#header nav:hover ul { |
border-radius: 4px 0 4px 4px; |
||||||
display: block; |
} |
||||||
} |
#header nav li { |
||||||
} |
text-align: center; |
||||||
|
width: 100%; |
||||||
|
padding: 10px 0; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
#header nav:hover ul { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
} |
||||||
|
|||||||
Loading…
Reference in new issue