Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

final profile stylez

  • Loading branch information...
commit 13360c391f44c6af7d8ddf98d131b4dd9833b3f0 1 parent 88c727e
Jordan Sellers authored
View
81 app/assets/stylesheets/main.css.scss
@@ -10,7 +10,7 @@
// BEGIN NAMECARD STYLES
.card_top_wrapper {
- background: red;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EB5367), to(#D43638), color-stop(0.5, #E04751), color-stop(0.5, #DE404A));
color: white;
padding: 10px;
margin: 0 auto;
@@ -44,7 +44,7 @@
padding-top: 20px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
- height: 140px;
+ min-height: 140px;
background-color: #fff;
}
@@ -79,10 +79,15 @@ font-size: 20px;
}
.card_bottom_wrapper {
- background: red;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EB5367), to(#D43638), color-stop(0.5, #E04751), color-stop(0.5, #DE404A));
height: 20px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
+ height: 30px;
+}
+
+.card_bottom_wrapper ul {
+ margin: 0 0 0px 25px;
}
.profile_name_field {
@@ -102,6 +107,15 @@ font-size: 20px;
height: 45px;
}
+#profile_create_button {
+ height: 50px;
+ width: 150px;
+background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EB5367), to(#D43638), color-stop(0.5, #E04751), color-stop(0.5, #DE404A));
+color: white;
+font-weight: bold;
+font-size: 16px;
+}
+
#profile_submit_btn {
float: right;
margin-right: 18px;
@@ -110,13 +124,53 @@ font-size: 20px;
.tags_container {
margin: 0 auto;
width: 500px;
- border: 1px solid #CCC;
- height: 200px;
+ min-height: 100px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 8px;
}
+.contact_method_Twitter {
+ list-style: none;
+ position: relative;
+float: left;
+height: 18px;
+font-weight: bold;
+color: #333;
+text-decoration: none;
+text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+white-space: nowrap;
+vertical-align: top;
+background-color: white;
+background-image: -moz-linear-gradient(top, white, #DEDEDE);
+background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE));
+background-image: -ms-linear-gradient(top, white, #DEDEDE);
+background-image: linear-gradient(top, white, #DEDEDE);
+background-image: -o-linear-gradient(top, white, #DEDEDE);
+border: #CCC solid 1px;
+-webkit-border-radius: 3px;
+-moz-border-radius: 3px;
+border-radius: 3px;
+outline: none;
+filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede');
+width: 70px;
+margin-top: 5px;
+}
+
+.contact_method_Twitter a {
+ margin-left: 20px;
+}
+
+.contact_method_Twitter i {
+ position: absolute;
+top: 1px;
+left: 1px;
+width: 16px;
+height: 16px;
+background: transparent url('https://si0.twimg.com/a/1330626450/images/b2_btn_icon.gif') 0 0 no-repeat;
+}
+
+
// END NAMECARD STYLES
.communities-index {
@@ -173,3 +227,20 @@ font-size: 20px;
position: relative;
bottom: 33px;
}
+
+.skillz {
+ list-style: none;
+ margin: 0;
+}
+
+.skillz li {
+background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EB5367), to(#D43638), color-stop(0.5, #E04751), color-stop(0.5, #DE404A));
+float: left;
+padding-left: 5px;
+border-radius: 3px;
+color: white;
+margin-right: 3px;
+padding-right: 5px;
+padding-top: 2px;
+padding-bottom: 2px;
+}
View
40 app/views/profiles/show.html.erb
@@ -14,7 +14,7 @@
<div class='card_bottom_wrapper'><ul>
<% @profile.contact_methods.each do |method| %>
- <li class="<%= "contact_method" + method.service_display_name %>"><%= link_to method.service_display_name, method.address %></li>
+ <li class="<%= "contact_method_" + method.service_display_name %>"><i></i><%= link_to method.service_display_name, method.address %></li>
<% end %>
</ul></div>
<div class='tags_container'>
@@ -32,45 +32,9 @@
</div>
</div>
+<button id="profile_create_button" class="btn offset2">Create Card</button>
</div>
-<div class='card_container'>
- <div class='card_top_wrapper'>
- <div class='card_top_line'>
- Hi!
- </div>
- <div class='card_bottom_line'>
- My name is...
- </div>
- </div>
- <div class='card_content_container'>
- <%= simple_form_for @profile do |f| %>
- <input class="string optional" class="profile_name_field" name="community[name]" size="50" type="text" placeholder="Full name">
- <br/>
- <textarea class="string optional" class="profile_tagline_field" name="community[name]" size="50" rows='2' type="text" placeholder="Tagline" rows=4></textarea>
- <%= f.button :submit, :id => 'profile_submit_btn' %>
- <% end %>
- </div>
- <div class='card_bottom_wrapper'></div>
-</div>
-
-<div class='tags_container'>
- <div class='tags_content_container'>
- <div class='tags_skills_container'>
-
- </div>
- <div class='tags_interests_container'>
- <script type="text/javascript">
- $(document).ready(function() {
- $('#singleFieldTags2').tagit({
- });
- })
- </script>
-
- <input name="tags" class="singleFieldTags2" value="Apple, Orange">
- <input type="submit" value="Submit">
- </div>
- </div>
</div>
Please sign in to comment.
Something went wrong with that request. Please try again.