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 @@ |
|||||||
|
../../../css/OpenSans-Bold.ttf |
||||||
@ -0,0 +1 @@ |
|||||||
|
../../../css/OpenSans-Regular.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 @@ |
|||||||
|
../../../css/images/ajax-loader.gif |
||||||
@ -0,0 +1 @@ |
|||||||
|
../../../css/images/icons-18-black.png |
||||||
@ -0,0 +1 @@ |
|||||||
|
../../../css/images/icons-18-white.png |
||||||
@ -0,0 +1 @@ |
|||||||
|
../../../css/images/icons-36-black.png |
||||||
@ -0,0 +1 @@ |
|||||||
|
../../../css/images/icons-36-white.png |
||||||
@ -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 @@ |
|||||||
|
$(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 @@ |
|||||||
|
* |
||||||
|
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 @@ |
|||||||
|
.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 @@ |
|||||||
|
|
||||||
|
.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 @@ |
|||||||
|
/********** 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 @@ |
|||||||
|
/************* 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 @@ |
|||||||
|
@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 @@ |
|||||||
|
.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 @@ |
|||||||
|
.clear-fix |
||||||
|
&:after // clearfix |
||||||
|
content: "" |
||||||
|
display: table |
||||||
|
clear: both |
||||||
@ -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