Miguel Freitas
10 years ago
46 changed files with 3281 additions and 0 deletions
Binary file not shown.
Binary file not shown.
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../../css/OpenSans-Bold.ttf |
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../../css/OpenSans-Regular.ttf |
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../../css/Symbola.ttf |
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../../css/images/ajax-loader.gif |
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../../css/images/icons-18-black.png |
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../../css/images/icons-18-white.png |
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../../css/images/icons-36-black.png |
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../../css/images/icons-36-white.png |
||||
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
../../css/jquery.mobile-1.3.2.min.css |
||||
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
@ -0,0 +1,29 @@
@@ -0,0 +1,29 @@
|
||||
$(function(){ |
||||
|
||||
$('#closeModal').html(''); |
||||
$('.profile-card-main').attr('style', ''); |
||||
$('img[src$="img/tornado_avatar.png"]').attr("src","theme_nin/img/tornado_avatar.png"); |
||||
$('.userMenu-search-profiles button').html('').attr('title','Follow'); |
||||
$('.mini-profile-actions span').html(''); |
||||
|
||||
$('.post-context').each(function(){ |
||||
$(this).prependTo($(this).parent()); |
||||
}); |
||||
|
||||
|
||||
$( '.userMenu-home.current a' ).on( 'click', function() { |
||||
$('html, body').animate({scrollTop:0},300); |
||||
return false |
||||
}); |
||||
|
||||
$(window).scroll(function(){ |
||||
posScroll = $(document).scrollTop(); |
||||
if(posScroll >= 250) |
||||
$('.left .post-area-new').slideDown(300); |
||||
else |
||||
$('.left .post-area-new').slideUp(150); |
||||
}); |
||||
|
||||
|
||||
}); |
||||
|
||||
@ -0,0 +1,91 @@
@@ -0,0 +1,91 @@
|
||||
* |
||||
outline: none!important |
||||
|
||||
li |
||||
list-style: none |
||||
|
||||
html, body |
||||
height: 100% |
||||
min-height: 100% |
||||
background: $main-background-color |
||||
color: $defaut-font-color |
||||
font: .95em/1.3em $main-font-family |
||||
font-weight: 400 |
||||
|
||||
br |
||||
display: block |
||||
|
||||
img |
||||
background: $main-background-color |
||||
+border-radius(2px) |
||||
|
||||
a |
||||
text-decoration: none |
||||
color: $main-color-light |
||||
&:hover |
||||
color: $main-color-color |
||||
text-decoration: none |
||||
|
||||
p |
||||
padding: 5px 0 |
||||
|
||||
|
||||
h2, h3 |
||||
font-size: 1.1em |
||||
text-transform: uppercase |
||||
letter-spacing: 0.07em |
||||
font-weight: 500 |
||||
line-height: 1.8em |
||||
|
||||
|
||||
|
||||
textarea, input[type=text] |
||||
font: .95em/1.3em $main-font-family |
||||
font-weight: 400 |
||||
|
||||
|
||||
/* isFollowing */ |
||||
|
||||
.isFollowing:after |
||||
color: $main-color-color |
||||
content: '\e806' |
||||
font-family: 'fontello' |
||||
padding-left: 2px |
||||
display: inline |
||||
font-size: 10px |
||||
vertical-align: top |
||||
line-height: 10px |
||||
&:hover |
||||
text-decoration: none!important |
||||
h3 & |
||||
display: none |
||||
|
||||
/************** BUTTONS ************/ |
||||
|
||||
button, a.button |
||||
padding: 6px 8px |
||||
font-size: 13px |
||||
display: inline-block |
||||
line-height: 1em |
||||
font-weight: 500 |
||||
margin: 0 |
||||
float: none |
||||
text-shadow: 2px 2px 0 rgba(black,0) |
||||
+transition-property(background) |
||||
+transition-duration(.1s) |
||||
color: white |
||||
background-color: $main-color-dark |
||||
+border-radius(2px) |
||||
border: none |
||||
font-family: 'fontello', 'Roboto' |
||||
cursor: pointer |
||||
&:hover |
||||
background: $main-color-light |
||||
text-shadow: 2px 2px 0 rgba(black,.1) |
||||
&.disabled |
||||
opacity: .5 |
||||
background-color: #999 |
||||
&:hover |
||||
color: $bloc-background-color |
||||
|
||||
|
||||
@ -0,0 +1,246 @@
@@ -0,0 +1,246 @@
|
||||
.following |
||||
width: 100%!important |
||||
|
||||
.following-list li |
||||
text-align: center |
||||
@extend .clear-fix |
||||
float: left |
||||
width: 30% |
||||
padding: 13px |
||||
+box-sizing(border-box) |
||||
float: left |
||||
margin: 0 2% 2% 0 |
||||
|
||||
|
||||
.following .mini-profile |
||||
margin-bottom: 10px |
||||
|
||||
.following .mini-profile-info |
||||
position: relative |
||||
|
||||
.following .mini-profile-photo |
||||
margin: 0 auto 10px auto |
||||
display: block |
||||
width: 64px |
||||
height: 64px |
||||
overflow: hidden |
||||
background: $main-background-color |
||||
|
||||
.following .mini-profile-view |
||||
display: inline |
||||
color: rgba(0, 0, 0, 0.5) |
||||
font-size: 12px |
||||
position: absolute |
||||
top: 32px |
||||
left: 65px |
||||
z-index: 1 |
||||
|
||||
.following .mini-profile-name |
||||
font-weight: 900 |
||||
font-size: 1em |
||||
line-height: 1em |
||||
padding: 0 |
||||
text-decoration: none |
||||
display: block |
||||
color: inherit |
||||
display: inline |
||||
.following .mini-screen-name |
||||
color: inherit |
||||
display: block |
||||
margin-bottom: 10px |
||||
|
||||
.following button |
||||
display: inline-block |
||||
margin: 5px 0 |
||||
&.unfollow |
||||
background-color: $main-color-light |
||||
&.public-following |
||||
background-color: $main-color-color |
||||
|
||||
|
||||
|
||||
.mini-profile-actions |
||||
position: absolute |
||||
width: auto |
||||
top: 0 |
||||
right: -16px |
||||
display: inline-block |
||||
|
||||
span |
||||
cursor: pointer!important |
||||
@extend button |
||||
border-top-right-radius: 0!important |
||||
border-bottom-right-radius: 0!important |
||||
@extend .extend-icon |
||||
@extend .icon-plus |
||||
&:before |
||||
margin: 0 |
||||
padding: 0 |
||||
line-height: 1em |
||||
font-size: 10px |
||||
ul |
||||
$action-padding-height: 8px |
||||
height: 0 |
||||
overflow: hidden |
||||
position: absolute |
||||
top: 2em |
||||
right: -2em |
||||
transition: height .4s linear |
||||
transition: padding-top .1s linear |
||||
background: $main-color-dark |
||||
z-index: 3 |
||||
|
||||
|
||||
|
||||
&:hover |
||||
ul |
||||
$action-li-height : 12px |
||||
$action-padding-height: 8px |
||||
padding: $action-padding-height |
||||
height: $action-li-height*4 + $action-padding-height*2*4 |
||||
ul li |
||||
text-align: left |
||||
margin: 0 |
||||
background: $main-color-dark |
||||
$action-li-height : 12px |
||||
$action-padding-height: 8px |
||||
white-space: nowrap |
||||
color: $main-color-light |
||||
font-size: $action-li-height |
||||
line-height: $action-li-height |
||||
cursor: pointer |
||||
display: block |
||||
float: none |
||||
width: auto |
||||
padding: $action-padding-height |
||||
|
||||
&:hover ul li:hover |
||||
color: $main-color-color |
||||
|
||||
|
||||
|
||||
|
||||
.following .who-follow |
||||
height: auto |
||||
background-color: rgba(69, 71, 77, 0.1) |
||||
overflow: hidden |
||||
font-size: 12px |
||||
|
||||
.following .show-more-followers |
||||
color: #f11 |
||||
font-weight: bold |
||||
cursor: pointer |
||||
float: right |
||||
|
||||
.following .mini-follower-link |
||||
display: inline-block |
||||
margin-right: 10px |
||||
&:before |
||||
content: " \2027" |
||||
|
||||
.following a.open-profile-modal |
||||
display: inline |
||||
text-align: center |
||||
color: $dark-grey |
||||
&:hover |
||||
color: $main-color-light |
||||
|
||||
|
||||
|
||||
|
||||
.following .post-area-new |
||||
padding-bottom: 4px |
||||
textarea |
||||
resize: none |
||||
width: 445px |
||||
display: block |
||||
transition: all .3s linear |
||||
-webkit-transition: height 0.3s linear |
||||
-moz-transition: height 0.3s linear |
||||
-o-transition: height 0.3s linear |
||||
-ms-transition: height 0.3s linear |
||||
height: 28px |
||||
border-radius: 3px |
||||
border: solid 1px rgba(0, 0, 0, 0.3) |
||||
margin-left: 55px |
||||
margin-bottom: 10px |
||||
padding: 4px |
||||
font-size: 13px |
||||
|
||||
.following .mini-profile .post-area-new |
||||
padding: 9px |
||||
textarea |
||||
margin-left: 0 |
||||
width: 100% |
||||
|
||||
.following .post-area-new.open textarea |
||||
height: 80px |
||||
border: solid 1px rgba(227, 79, 66, 0.5) |
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) |
||||
|
||||
.following textarea.splited-post |
||||
box-shadow: none!important |
||||
height: 28px |
||||
|
||||
.following .splited-post-counter |
||||
color: rgba(0, 0, 0, 0.3) |
||||
font-weight: bold |
||||
&:before |
||||
content: '\2026' |
||||
|
||||
.following .post-area-extras |
||||
overflow: hidden |
||||
height: 0 |
||||
text-align: right |
||||
|
||||
.following .post-submit |
||||
background: #45474d |
||||
color: rgba(255, 255, 255, 0.8) |
||||
border: none |
||||
padding: 5px 10px |
||||
cursor: pointer |
||||
display: inline-block |
||||
margin-top: 4px |
||||
|
||||
.following .post-area-new.open > .post-area-extras |
||||
height: 35px |
||||
transition: all .6s linear |
||||
|
||||
.following .post-area-remaining |
||||
font-size: 13px |
||||
&.warn |
||||
color: #ff0000 |
||||
|
||||
.following .post .show-more |
||||
font-size: 13px |
||||
font-weight: bold |
||||
margin-left: 60px |
||||
color: rgba(0, 0, 0, 0.5) |
||||
&:before |
||||
content: '💭' |
||||
|
||||
.swarm-status |
||||
display: none!important |
||||
|
||||
|
||||
.following-modal |
||||
.modal-wrapper |
||||
width: 200px |
||||
h2 |
||||
display: none |
||||
|
||||
.mini-following-info |
||||
width: 45px |
||||
height: 45px |
||||
text-align: center |
||||
background: $bloc-background-color |
||||
margin: 1% |
||||
float: left |
||||
&:after |
||||
@extend .clear-fix |
||||
.mini-screen-name, .mini-following-name |
||||
display: none |
||||
.mini-profile-photo |
||||
height: 45px |
||||
width: 45px |
||||
border-radius: 0 |
||||
@ -0,0 +1,81 @@
@@ -0,0 +1,81 @@
|
||||
|
||||
.userMenu |
||||
width: 100% |
||||
position: fixed |
||||
left: 0 |
||||
margin: 0 |
||||
height: 50px |
||||
background: $main-color-dark |
||||
z-index: 2 |
||||
ul |
||||
@extend .clear-fix |
||||
+box-sizing(border-box) |
||||
width: $site-width |
||||
max-width: 100% |
||||
margin: auto |
||||
background: image-url("twister_logo.png") no-repeat 50% 50% |
||||
background-size: 20px |
||||
li |
||||
float: left |
||||
margin: 0 20px 0 0 |
||||
position: relative |
||||
display: block |
||||
> a |
||||
line-height: 50px |
||||
height: 50px |
||||
padding: 0 .5em |
||||
display: inline-block |
||||
color: rgba(white, 0.5) |
||||
font-size: 1.1em |
||||
transition: all .2s linear |
||||
position: relative |
||||
font-weight: 500 |
||||
border-bottom: 3px solid transparent |
||||
+box-sizing(border-box) |
||||
&:hover |
||||
color: white |
||||
&.current > a |
||||
color: white |
||||
border-bottom: 3px solid $main-color-color |
||||
|
||||
|
||||
/* Menu specific entries */ |
||||
|
||||
.userMenu li |
||||
|
||||
&.userMenu-home |
||||
a span.label |
||||
display: block!important |
||||
|
||||
.menu-news |
||||
position: absolute |
||||
top: 6px |
||||
right: -6px |
||||
background: $main-color-color |
||||
color: #fff |
||||
padding: 1px 3px |
||||
line-height: 12px |
||||
display: none |
||||
font-size: 9px |
||||
font-weight: 700 |
||||
border-radius: 2px |
||||
&.show |
||||
display: block |
||||
|
||||
&.userMenu-dhtindicator, &.userMenu-connections, &.userMenu-messages |
||||
display: none!important |
||||
|
||||
&.userMenu-config, &.userMenu-search |
||||
float: right |
||||
position: relative |
||||
margin-right: 0 |
||||
color: white |
||||
+ a |
||||
color: $main-color-dark |
||||
&.userMenu-search |
||||
padding-top: 5px |
||||
&.userMenu-config > a |
||||
@extend .icon-cog |
||||
@extend .extend-icon |
||||
font-size: 1.5em |
||||
|
||||
@ -0,0 +1,68 @@
@@ -0,0 +1,68 @@
|
||||
/********** LOGIN AND NETWORK PAGES *******/ |
||||
.network.singleBlock |
||||
@extend .clear-fix |
||||
ul |
||||
padding-left: 20px |
||||
li |
||||
line-height: 36px |
||||
font-size: 13px |
||||
|
||||
.module |
||||
width: 46% |
||||
float: left |
||||
margin: 0 1% 0 0 |
||||
padding: 1.5% |
||||
background: $bloc-background-color |
||||
h2 |
||||
display: block |
||||
|
||||
h3 |
||||
font-weight: 500 |
||||
text-transform: none |
||||
border-bottom: 1px solid rgba(black, 0.2) |
||||
margin: 20px 0 10px 0 |
||||
|
||||
|
||||
.singleBlock .spam-msg |
||||
resize: none |
||||
width: 100% |
||||
display: block |
||||
border-radius: 3px |
||||
padding: 4px |
||||
font-size: 13px |
||||
height: 80px |
||||
border: solid 1px rgba(0, 0, 0, 0.1) |
||||
line-height: 20px |
||||
position: relative |
||||
margin-left: -20px |
||||
margin-bottom: 10px |
||||
|
||||
.highlight |
||||
background: $bloc-background-color |
||||
padding: 5px 8px |
||||
line-height: 1.7 |
||||
display: inline-block |
||||
|
||||
span.connection-status |
||||
line-height: 1em |
||||
font-weight: 500 |
||||
font-size: 1em |
||||
&:before |
||||
content: "" |
||||
display: inline-block |
||||
height: .8em |
||||
width: .8em |
||||
margin-right: .8em |
||||
background: $color-red |
||||
color: white |
||||
&.connected:before |
||||
background: $main-color-color |
||||
|
||||
.character-limit |
||||
float: right |
||||
margin-right: 18px |
||||
|
||||
.connections span, .known-peers, .dht-nodes, .blocks, .last-block-time, .mining-difficulty |
||||
color: #333 |
||||
font-weight: 700 |
||||
|
||||
@ -0,0 +1,328 @@
@@ -0,0 +1,328 @@
|
||||
/************* POST BOARD *************/ |
||||
|
||||
.postboard, .following |
||||
padding-left: $column-width + $gut-width |
||||
+box-sizing(border-box) |
||||
width: $postboard-width |
||||
@extend .clear-fix |
||||
|
||||
|
||||
.postboard-posts |
||||
position: relative |
||||
z-index: 1 |
||||
clear: both |
||||
|
||||
.postboard-news |
||||
font-size: 12px |
||||
box-sizing: border-box |
||||
position: relative |
||||
margin-bottom: 1px |
||||
cursor: pointer |
||||
padding: 10px |
||||
font-weight: 900 |
||||
clear: both |
||||
color: white |
||||
text-align: center |
||||
text-transform: uppercase |
||||
background: $main-color-color |
||||
|
||||
|
||||
.post, .following li |
||||
background: $bloc-background-color |
||||
box-sizing: border-box |
||||
position: relative |
||||
margin-bottom: 1px |
||||
transition: margin .4s ease-out |
||||
-moz-transition: margin .4s ease-out |
||||
|
||||
|
||||
|
||||
|
||||
.post, .original.post, .post.open |
||||
background: $bloc-background-color |
||||
position: relative |
||||
margin-bottom: 1px |
||||
|
||||
|
||||
|
||||
|
||||
.module.open |
||||
.post |
||||
color: darken($defaut-font-color, 15%) |
||||
.post:hover |
||||
color: darken($defaut-font-color, 15%) |
||||
|
||||
.post-data |
||||
padding: 10px |
||||
|
||||
|
||||
.post.open |
||||
.original, .related |
||||
margin-bottom: 1px |
||||
|
||||
.postboard-posts > .post |
||||
&.open |
||||
margin-top: 20px |
||||
margin-bottom: 20px |
||||
&:after |
||||
content: "" |
||||
position: absolute |
||||
right: 0 |
||||
top: 0 |
||||
width: 0 |
||||
height: 100% |
||||
transition: all .2s linear |
||||
&.open:after |
||||
width: 5px |
||||
|
||||
.post:hover |
||||
cursor: pointer |
||||
|
||||
|
||||
.open |
||||
background: none |
||||
&:hover |
||||
background: none |
||||
|
||||
.post-photo |
||||
margin: 0 |
||||
display: inline-block |
||||
float: left |
||||
vertical-align: middle |
||||
width: 48px |
||||
height: 48px |
||||
overflow: hidden |
||||
img |
||||
width: 100% |
||||
height: 100% |
||||
|
||||
|
||||
|
||||
|
||||
.post-info-name |
||||
font-weight: 700 |
||||
font-size: 1em |
||||
line-height: 14px |
||||
color: inherit |
||||
text-decoration: none |
||||
display: inline-block |
||||
padding-left: 10px |
||||
float: left |
||||
|
||||
|
||||
.post-info-name:hover |
||||
text-decoration: none |
||||
color: $main-color-light |
||||
|
||||
.post-info-tag |
||||
font-size: 12px |
||||
opacity: .6 |
||||
margin-top: 4px |
||||
display: inline-block |
||||
|
||||
.post-info-time |
||||
float: right |
||||
font-size: 11px |
||||
line-height: 14px |
||||
text-decoration: none |
||||
color: lighten($dark-grey,30%) |
||||
&:hover |
||||
color: lighten($dark-grey,5%) |
||||
|
||||
.post-text |
||||
margin: 0 0 0 58px |
||||
word-wrap: break-word |
||||
min-height: 25px |
||||
padding: 0 |
||||
|
||||
.post-context |
||||
font-size: 11px |
||||
line-height: 11px |
||||
margin: 0 0 1em 0 |
||||
color: lighten($dark-grey,30%) |
||||
span |
||||
@extend .icon-twistagain |
||||
@extend .extend-icon |
||||
&:before |
||||
display: block |
||||
float: left |
||||
background: $main-color-color |
||||
text-align: center |
||||
padding: 1px 2px 2px 2px |
||||
line-height: 9px |
||||
font-size: 9px |
||||
+border-radius(3px) |
||||
color: white |
||||
margin-right: .4em |
||||
|
||||
.mini-screen-name |
||||
font-size: 13px |
||||
color: $dark-grey |
||||
|
||||
|
||||
.post-retransmited-icon |
||||
display: none |
||||
|
||||
.post-interactions |
||||
margin: 10px 0 3px 0 |
||||
text-align: right |
||||
height: 12px |
||||
line-height: 12px |
||||
span |
||||
color: lighten($dark-grey,30%) |
||||
cursor: pointer |
||||
font-size: 12px |
||||
line-height: 12px |
||||
|
||||
.post-expand |
||||
color: lighten($dark-grey,30%) |
||||
cursor: pointer |
||||
font-size: 12px |
||||
position: absolute |
||||
left: 10px |
||||
bottom: 10px |
||||
&:hover |
||||
color: lighten($dark-grey,5%) |
||||
|
||||
.post-reply |
||||
@extend .extend-icon |
||||
@extend .icon-comment |
||||
|
||||
.post-propagate |
||||
@extend .extend-icon |
||||
@extend .icon-twistagain |
||||
|
||||
.post-favorite |
||||
display: none!important |
||||
@extend .extend-icon |
||||
@extend .icon-star |
||||
|
||||
.post .show-more |
||||
display: inline-block |
||||
float: right |
||||
font-size: 12px |
||||
color: lighten($dark-grey,30%) |
||||
@extend .extend-icon |
||||
@extend .icon-chat |
||||
&:hover |
||||
color: lighten($dark-grey,5%) |
||||
|
||||
|
||||
.expanded-content.show-pic |
||||
display: block |
||||
|
||||
.expanded-post |
||||
.post-expand, .post-reply, .post-propagate, .post-favorite |
||||
color: lighten($dark-grey,30%) |
||||
&:hover |
||||
color: lighten($dark-grey,5%) |
||||
|
||||
.related .post-expand |
||||
display: none |
||||
margin: 0 |
||||
|
||||
.post-reply, .post-propagate, .post-favorite |
||||
padding-left: 10px |
||||
display: none |
||||
|
||||
.post:hover, .original.open .post-interactions, .post:hover .original .post-interactions, .related.post:hover |
||||
.post-reply, .post-propagate, .post-favorite |
||||
display: inline-block |
||||
|
||||
.open .related |
||||
.post-reply, .post-propagate, .post-favorite |
||||
display: none!important |
||||
&:hover |
||||
.post-reply, .post-propagate/*, .post-favorite*/ |
||||
display: inline-block!important |
||||
|
||||
.post-reply:hover, .post-propagate:hover, .post-favorite:hover |
||||
color: lighten($dark-grey,5%) |
||||
|
||||
.expanded-content |
||||
display: none |
||||
padding: 5px 5px 0 5px |
||||
@extend .clear-fix |
||||
|
||||
.image-preview |
||||
width: 100% |
||||
display: block |
||||
margin: auto |
||||
|
||||
.preview-container |
||||
max-height: 500px |
||||
width: 100% |
||||
text-align: center |
||||
overflow-y: auto |
||||
background: black |
||||
|
||||
.post-stats |
||||
float: left |
||||
li |
||||
display: inline-block |
||||
&.stat-count |
||||
font-weight: 700 |
||||
font-size: 11px |
||||
float: left |
||||
line-height: 20px |
||||
color: llighten($dark-grey,30%) |
||||
span:last-child |
||||
padding-right: 5px |
||||
a |
||||
position: relative |
||||
text-decoration: none |
||||
display: inline-block |
||||
width: 20px |
||||
height: 20px |
||||
margin: 0 1px 0 0 |
||||
img |
||||
width: 20px |
||||
height: 20px |
||||
|
||||
|
||||
.user-name-tooltip |
||||
display: none |
||||
position: absolute |
||||
background: lighten($main-color-dark,3%) |
||||
font-size: 12px |
||||
white-space: nowrap |
||||
padding: 3px 5px |
||||
color: #fff |
||||
top: -42px |
||||
left: 0px |
||||
&:after |
||||
content: "" |
||||
position: absolute |
||||
width: 0 |
||||
left: 4px |
||||
bottom: -5px |
||||
border-top: solid 5px lighten($main-color-dark,3%) |
||||
border-left: solid 5px transparent |
||||
border-right: solid 5px transparent |
||||
|
||||
.post-stats a:hover .user-name-tooltip |
||||
display: inline-block |
||||
|
||||
.post-replies .sub-replies |
||||
border-left: solid 3px $main-color-color |
||||
margin-left: 1px |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* MODAL */ |
||||
.modal-content |
||||
.postboard |
||||
width: auto!important |
||||
padding: 0 |
||||
clear: none!important |
||||
position: relative |
||||
.post-text |
||||
margin: 0 0 0 40px |
||||
.post-photo |
||||
width: 30px |
||||
height: 30px |
||||
img |
||||
width: 100% |
||||
height: 100% |
||||
@ -0,0 +1,40 @@
@@ -0,0 +1,40 @@
|
||||
@media (max-width: 1200px) |
||||
.wrapper |
||||
width: 900px |
||||
|
||||
.dashboard.right |
||||
display: none |
||||
|
||||
.userMenu ul |
||||
width: 900px |
||||
|
||||
.postboard |
||||
width: 100% |
||||
|
||||
.following-list li |
||||
width: 47% |
||||
float: left |
||||
margin: 0 2% 2% 0 |
||||
font-size: 80% |
||||
|
||||
@media (max-width: 900px) |
||||
.profile-modal .modal-wrapper |
||||
margin-left: 0 |
||||
left: 1% |
||||
|
||||
@media (max-width: 600px) |
||||
.dashboard.left, .postboard |
||||
position: static |
||||
width: 100% |
||||
.postboard |
||||
margin: 0 |
||||
padding: 10px |
||||
.who-to-follow, .toptrends |
||||
display: none |
||||
.mini-profile |
||||
.post-area, .post-area-new |
||||
display: none |
||||
.following-list li |
||||
width: 98% |
||||
float: none |
||||
margin: 2% 1% |
||||
@ -0,0 +1,65 @@
@@ -0,0 +1,65 @@
|
||||
.options |
||||
position: relative |
||||
|
||||
.label |
||||
font-weight: 700 |
||||
|
||||
label |
||||
cursor: pointer |
||||
input[type=radio] |
||||
display: none!important |
||||
visibility: hidden |
||||
opacity: 0 |
||||
|
||||
.postboard-display div |
||||
clear: both |
||||
div |
||||
float: left |
||||
clear: none |
||||
padding: 10px |
||||
.label |
||||
font-weight: 400 |
||||
|
||||
|
||||
.tab-content |
||||
background: $bloc-background-color |
||||
position: relative |
||||
padding: 20px |
||||
@extend .clear-fix |
||||
> div |
||||
position: absolute |
||||
top: 0 |
||||
left: 0 |
||||
height: auto |
||||
width: 100% |
||||
z-index: -1 |
||||
opacity: 0 |
||||
visibility: hidden |
||||
input |
||||
&#tab_language:checked ~ .tab-content .language, |
||||
&#t-2:checked ~ .tab-content .theme, |
||||
&#t-3:checked ~ .tab-content .sounds, |
||||
&#t-4:checked ~ .tab-content .keys, |
||||
&#t-5:checked ~ .tab-content .postboard-display, |
||||
&#t-6:checked ~ .tab-content .users |
||||
position: relative |
||||
z-index: 10 |
||||
opacity: 1 |
||||
visibility: visible |
||||
|
||||
label.tabs |
||||
&:hover |
||||
color: $main-color-dark |
||||
text-align: center |
||||
width: auto |
||||
display: inline-block!important |
||||
margin: 0 5px 0 0 |
||||
padding: 5px 15px |
||||
color: $main-color-light |
||||
background: $background-light |
||||
|
||||
input:checked + label.tabs |
||||
background: $bloc-background-color |
||||
color: $main-color-dark |
||||
|
||||
|
||||
@ -0,0 +1,5 @@
@@ -0,0 +1,5 @@
|
||||
.clear-fix |
||||
&:after // clearfix |
||||
content: "" |
||||
display: table |
||||
clear: both |
||||
@ -0,0 +1,34 @@
@@ -0,0 +1,34 @@
|
||||
//these are the main variables used in the sass file |
||||
|
||||
$site-width : 1180px |
||||
$gut-width : 30px |
||||
$column-width : 300px // set the width ok left and right colums |
||||
$indicators-width : $column-width/3 |
||||
$postboard-width : ($site-width - $column-width) - $gut-width |
||||
$postboard-modal-width : ($site-width - 2*$column-width) - 2*$gut-width |
||||
|
||||
|
||||
$light-grey: #E2E1DE |
||||
$dark-blue: #38434E |
||||
$color-yellow: #E6953C |
||||
$color-pink: #BF6B6C |
||||
$color-green: #B4C669 |
||||
$color-red: #EF5D43 |
||||
$color-blue: #5B7897 |
||||
$dark-grey : #66686B |
||||
|
||||
$main-color-light: #aaa |
||||
$main-color-dark: $dark-grey |
||||
$main-color-color: $color-green |
||||
$main-background-color: $light-grey |
||||
|
||||
$bloc-background-color: white |
||||
$background-light: lighten($main-background-color, 7% ) |
||||
|
||||
$defaut-font-color: $dark-grey |
||||
|
||||
/* FONTS */ |
||||
|
||||
$main-font-family: "Roboto", sans-serif |
||||
$symbol-font-family: "fontello" |
||||
$serif-font-family: "Droid" |
||||
Loading…
Reference in new issue