Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

modified the social modal stuff to improve

  • Loading branch information...
commit bb6a2b2b7746f0f7044c59d34208bd65748e2267 1 parent db0adc9
@nickcottrell authored
View
BIN  .sass-cache/4b65e152b16f684eee1ec97ec139aafc449c95ca/sassy.scssc
Binary file not shown
View
3  _layouts/default.html
@@ -122,9 +122,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/about-nick-cottrell/index.html
@@ -137,9 +137,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/2010/11/13/time-and-space/index.html
@@ -202,9 +202,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/2011/02/09/juxtaposed/index.html
@@ -195,9 +195,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/2011/02/09/the-genius-of-lo-fi/index.html
@@ -190,9 +190,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/2011/02/19/ui-project/index.html
@@ -190,9 +190,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/2011/03/29/naked-social-media/index.html
@@ -194,9 +194,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/2011/06/27/utorrent-3-0-gets-a-new-ui/index.html
@@ -197,9 +197,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/2011/07/11/less-is-more/index.html
@@ -200,9 +200,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/2011/09/12/snap-a-rich-responsive-and-modern-web-template/index.html
@@ -193,9 +193,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/articles/index.html
@@ -272,9 +272,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/code-samples/index.html
@@ -178,9 +178,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/contact-nick-cottrell/index.html
@@ -134,9 +134,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/index.html
@@ -138,9 +138,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/nick-cottrell-skills/index.html
@@ -133,9 +133,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
3  _site/visual-samples/index.html
@@ -138,9 +138,8 @@
<div id="basic-modal-content">
<div id="socialwrapper">
<div id="social">
- <a class="modalCloseImg simplemodal-close" title="Close">Close</a>
+ <a class="simplemodal-close" id="closemodal" href="##">Close</a>
<ul id="socialcloud">
- <li><a class="gotobttn blog" id="blog" href="http://www.nickcottrell.info/blog"><span class="desc">Blog</span><img src="/img/social/block_hack.gif" alt="blog"/></a></li>
<li><a class="gotobttn linkedin" id="socialnet" href="http://www.nickcottrell.info/linkedin"><span class="desc">Linkedin</span><img src="/img/social/block_hack.gif" alt="Linkedin" /></a></li>
<li><a class="gotobttn twitter" href="http://www.nickcottrell.info/twitter"><span class="desc">Twitter</span><img src="/img/social/block_hack.gif" alt="Twitter"/></a></li>
<li><a class="gotobttn github" href="https://github.com/nickcottrell"><span class="desc">Github</span><img src="/img/social/block_hack.gif" alt="Github" /></a></li>
View
135 css/compiled/sassy.css
@@ -433,25 +433,6 @@ a.leave_comment:hover {
-moz-box-shadow: 0 1px 16px #333333;
box-shadow: 0 1px 16px #333333; }
-.simplemodal-close {
- position: fixed;
- z-index: 9999;
- left: 48px;
- top: 130px; }
-
-a.simplemodal-close:link {
- cursor: pointer;
- color: #fff !important; }
-
-a.simplemodal-close:visited {
- color: #fff !important; }
-
-a.simplemodal-close:hover {
- cursor: pointer; }
-
-a.simplemodal-close:active {
- color: #fff !important; }
-
#contactMe {
display: none; }
@@ -477,11 +458,11 @@ a.simplemodal-close:active {
display: block;
overflow-x: scroll;
overflow-y: hidden;
- width: 1400px;
+ width: 450px;
height: 2000px;
position: absolute;
top: -400px;
- left: -650px;
+ left: -175px;
margin: 0;
padding: 0; }
@@ -489,6 +470,50 @@ a.simplemodal-close:active {
margin: 0;
padding: 0; }
+#closemodal {
+ position: fixed;
+ top: 120px;
+ left: 56px; }
+
+a#closemodal:link {
+ padding: 8px 20px 8px 20px;
+ color: #fff !important;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#666666));
+ background-image: -webkit-linear-gradient(top, #999999, #666666);
+ background-image: -moz-linear-gradient(top, #999999, #666666);
+ background-image: -ms-linear-gradient(top, #999999, #666666);
+ background-image: -o-linear-gradient(top, #999999, #666666);
+ -webkit-box-shadow: 0 1px 4px #333333;
+ -moz-box-shadow: 0 1px 4px #333333;
+ box-shadow: 0 1px 4px #333333;
+ -webkit-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px; }
+
+a#closemodal:visited {
+ color: #fff !important; }
+
+a#closemodal:hover {
+ color: #fff !important;
+ -webkit-transition: all 0s ease-in-out;
+ -moz-transition: all 0s ease-in-out;
+ -o-transition: all 0s ease-in-out;
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(black));
+ background-image: -webkit-linear-gradient(top, #333333, black);
+ background-image: -moz-linear-gradient(top, #333333, black);
+ background-image: -ms-linear-gradient(top, #333333, black);
+ background-image: -o-linear-gradient(top, #333333, black);
+ -webkit-box-shadow: 0 1px 16px #333333;
+ -moz-box-shadow: 0 1px 16px #333333;
+ box-shadow: 0 1px 16px #333333; }
+
+a#closemodal:active {
+ color: #fff !important; }
+
img {
border: none; }
@@ -507,22 +532,43 @@ img {
a.gotobttn:link {
float: left;
- width: 264px;
- height: 236px;
- padding: 4px 0 0 4px;
+ width: 247px;
+ height: 226px;
+ padding: 0px 0 0 0px;
margin: 0 96px 0 0;
font-size: 30px;
- color: #ccc !important;
- text-decoration: none; }
+ color: #999 !important;
+ text-decoration: none;
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#666666));
+ background-image: -webkit-linear-gradient(top, #999999, #666666);
+ background-image: -moz-linear-gradient(top, #999999, #666666);
+ background-image: -ms-linear-gradient(top, #999999, #666666);
+ background-image: -o-linear-gradient(top, #999999, #666666);
+ -webkit-border-top-left-radius: 16px;
+ -khtml-border-top-left-radius: 16px;
+ -moz-border-top-left-radius: 16px;
+ border-top-left-radius: 16px;
+ -webkit-border-top-right-radius: 0;
+ -khtml-border-top-right-radius: 0;
+ -moz-border-top-right-radius: 0;
+ border-top-right-radius: 0;
+ -webkit-border-bottom-right-radius: 16px;
+ -khtml-border-bottom-right-radius: 16px;
+ -moz-border-bottom-right-radius: 16px;
+ border-bottom-right-radius: 16px;
+ -webkit-border-bottom-left-radius: 16px;
+ -khtml-border-bottom-left-radius: 16px;
+ -moz-border-bottom-left-radius: 16px;
+ border-bottom-left-radius: 16px; }
a.gotobttn:visited {
- color: #ccc !important; }
+ color: #999 !important; }
a.gotobttn:hover {
- color: #ccc !important; }
+ color: #999 !important; }
a.gotobttn:active {
- color: #ccc !important; }
+ color: #999 !important; }
a.gotobttn:link .desc {
display: none; }
@@ -532,7 +578,7 @@ a.gotobttn:hover .desc {
top: 95px;
text-align: right;
padding-bottom: 0;
- width: 245px;
+ width: 230px;
height: 32px;
display: block; }
@@ -540,8 +586,7 @@ a.gotobttn img {
background-position: top;
background-repeat: none;
overflow: hidden;
- border: 4px solid #999;
- background-color: #999;
+ border: 1px solid #555;
cursor: pointer;
-webkit-border-top-left-radius: 16px;
-khtml-border-top-left-radius: 16px;
@@ -567,7 +612,7 @@ a.gotobttn img {
-o-transition: all 0.2s ease-in-out; }
a.gotobttn:hover img {
- border: 4px dashed #cccccc;
+ border: 1px dashed #cccccc;
background-color: #fff;
-webkit-box-shadow: 0 0 0 black;
-moz-box-shadow: 0 0 0 black;
@@ -658,7 +703,11 @@ styles for 620px and up!
box-shadow: 0 0 8px #999999; }
a:link.cta {
- width: 80%; } }
+ width: 80%; }
+
+ #socialwrapper {
+ width: 650px;
+ left: -400px; } }
/*
__ __ __
(__) / \ / \
@@ -786,7 +835,10 @@ styles for 800px and up!
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
- margin: 0 0 24px 0; } }
+ margin: 0 0 24px 0; }
+
+ #socialwrapper {
+ width: 800px; } }
/*
__ __ __
/| / \ / \ / \
@@ -803,4 +855,15 @@ styles for 900px and up!
-o-transition: all 1s ease-in-out; }
a:link.cta {
- width: 300px; } }
+ width: 300px; }
+
+ #socialwrapper {
+ left: -520px;
+ width: 1000px; } }
+@media screen and (min-width: 1200px) {
+ #socialwrapper {
+ width: 1200px; } }
+@media screen and (min-width: 1400px) {
+ #socialwrapper {
+ left: -700px;
+ width: 1400px; } }
View
132 css/sass/sassy.scss
@@ -291,16 +291,16 @@ ul.posts {
a:link#addme {background:url("../../img/add.png") 0 0 transparent;
@include easing (0);
-}
+ }
a:visited#addme {background:url("../../img/add.png") 0 0 transparent;
@include easing (0);
-}
+ }
a:hover#addme {background:url("../../img/add.png") 81px 0 transparent;
@include easing (0);
-}
+ }
a:active#addme {background:url("../../img/add.png") 81px 0 transparent;
@include easing (0);
-}
+ }
.caption {width:100%; text-align:center;}
.caption p {}
@@ -390,7 +390,7 @@ a:active.cta {
margin-top:32px;
}
- a.leave_comment:link{
+a.leave_comment:link{
padding:8px 20px 8px 20px;
color:#fff !important;
@@ -400,38 +400,15 @@ a:active.cta {
@include rounded (4px);
}
- a.leave_comment:visited{}
- a.leave_comment:hover{
+a.leave_comment:visited{}
+a.leave_comment:hover{
color:#fff !important;
@include easing (0s);
@include gradient-top (#333, #000);
@include shadow (0 1px 16px, #333);
}
- a.leave_comment:active{}
+a.leave_comment:active{}
-.simplemodal-close {
- position:fixed;
- z-index:9999;
- left:48px;
- top:130px;
- }
-
-a.simplemodal-close:link {
- cursor:pointer;
- color:#fff !important;
- }
-
-a.simplemodal-close:visited {
- color:#fff !important;
- }
-
-a.simplemodal-close:hover {
- cursor:pointer;
- }
-
-a.simplemodal-close:active {
- color:#fff !important;
- }
#contactMe {
display:none;
@@ -460,11 +437,11 @@ a.simplemodal-close:active {
display:block;
overflow-x:scroll;
overflow-y:hidden;
- width:1400px;
+ width:450px;
height:2000px;
position:absolute;
top:-400px;
- left:-650px;
+ left:-175px;
margin:0;
padding:0;
}
@@ -474,9 +451,36 @@ a.simplemodal-close:active {
padding:0;
}
+#closemodal {position:fixed; top:120px; left:56px;}
+
+a#closemodal:link{
+ padding:8px 20px 8px 20px;
+ color:#fff !important;
+
+ @include easing (.2s);
+ @include gradient-top (#999, #666);
+ @include shadow (0 1px 4px, #333);
+ @include rounded (4px);
+ }
+
+a#closemodal:visited{
+ color:#fff !important;
+ }
+
+a#closemodal:hover{
+ color:#fff !important;
+ @include easing (0s);
+ @include gradient-top (#333, #000);
+ @include shadow (0 1px 16px, #333);
+ }
+a#closemodal:active{
+ color:#fff !important;
+
+ }
+
img {
border:none;
-}
+ }
#socialcloud {
position:absolute;
@@ -495,25 +499,31 @@ img {
a.gotobttn:link {
float:left;
- width:264px;
- height:236px;
- padding:4px 0 0 4px;
+ width:247px;
+ height:226px;
+ padding:0px 0 0 0px;
margin: 0 96px 0 0;
font-size:30px;
- color:#ccc !important;
+ color:#999 !important;
text-decoration:none;
+
+@include gradient-top (#999, #666);
+@include rounded-side(top-left, 16px);
+@include rounded-side(top-right, 0);
+@include rounded-side(bottom-right, 16px);
+@include rounded-side(bottom-left, 16px);
}
a.gotobttn:visited {
- color:#ccc !important;
+ color:#999 !important;
}
a.gotobttn:hover {
- color:#ccc !important;
+ color:#999 !important;
}
a.gotobttn:active {
- color:#ccc !important;
+ color:#999 !important;
}
@@ -529,7 +539,7 @@ a.gotobttn:hover .desc {
top:95px;
text-align:right;
padding-bottom:0;
- width:245px;
+ width:230px;
height:32px;
display:block;
}
@@ -541,8 +551,7 @@ a.gotobttn img {
background-position:top;
background-repeat:none;
overflow:hidden;
- border:4px solid #999;
- background-color:#999;
+ border:1px solid #555;
cursor:pointer;
@include rounded-side(top-left, 16px);
@@ -554,7 +563,7 @@ a.gotobttn img {
}
a.gotobttn:hover img {
- border:4px dashed #cccccc;
+ border:1px dashed #cccccc;
background-color:#fff;
@include shadow (0 0 0, #000);
@@ -625,6 +634,11 @@ styles for 620px and up!
a:hover.cta {}
a:active.cta {}
+ #socialwrapper {
+ width:650px;
+ left:-400px;
+ }
+
}
@@ -731,7 +745,11 @@ styles for 800px and up!
padding:16px;
@include rounded (4px);
margin: 0 0 24px 0;
- }
+ }
+
+ #socialwrapper {
+ width:800px;
+ }
}
@@ -752,10 +770,32 @@ styles for 900px and up!
a:visited.cta {}
a:hover.cta {}
a:active.cta {}
+
+ #socialwrapper {
+ left:-520px;
+ width:1000px;
+ }
+
+
}
+@media screen and (min-width: 1200px) {
+ #socialwrapper {
+ width:1200px;
+ }
+
+
+}
+@media screen and (min-width: 1400px) {
+ #socialwrapper {
+ left:-700px;
+ width:1400px;
+ }
+
+
+}
Please sign in to comment.
Something went wrong with that request. Please try again.