├── .gitignore ├── lib ├── client │ ├── templates │ │ ├── posts │ │ │ ├── modules │ │ │ │ ├── post_actions.html │ │ │ │ ├── post_domain.js │ │ │ │ ├── post_vote.js │ │ │ │ ├── post_avatars.js │ │ │ │ ├── post_domain.html │ │ │ │ ├── post_avatars.html │ │ │ │ ├── post_discuss.html │ │ │ │ ├── post_categories.html │ │ │ │ ├── post_vote.html │ │ │ │ ├── post_admin.html │ │ │ │ └── post_info.html │ │ │ ├── post_body.html │ │ │ ├── posts_load_more.html │ │ │ ├── post_subscribe.html │ │ │ ├── post_subscribe.js │ │ │ └── post_edit.html │ │ ├── users │ │ │ ├── user_profile.js │ │ │ ├── profile │ │ │ │ ├── user_comments.html │ │ │ │ ├── user_posts.html │ │ │ │ ├── user_upvoted_posts.html │ │ │ │ ├── user_downvoted_posts.html │ │ │ │ └── user_info.html │ │ │ └── user_profile.html │ │ ├── nav │ │ │ ├── nav.js │ │ │ ├── user_menu.js │ │ │ ├── submit_button.html │ │ │ ├── tabs.js │ │ │ ├── admin_menu.html │ │ │ ├── categories_menu.html │ │ │ ├── search.html │ │ │ ├── nav.html │ │ │ ├── user_menu.html │ │ │ ├── notifications_menu.html │ │ │ └── tabs.html │ │ ├── common │ │ │ ├── footer.html │ │ │ ├── layout.1.html │ │ │ └── layout.html │ │ └── comments │ │ │ └── comment_item.html │ ├── stylesheets │ │ ├── lib │ │ │ ├── ionicons │ │ │ │ ├── ionicons.less │ │ │ │ └── _ionicons-font.import.less │ │ │ └── bootstrap │ │ │ │ ├── mixins │ │ │ │ ├── center-block.import.less │ │ │ │ ├── text-emphasis.import.less │ │ │ │ ├── size.import.less │ │ │ │ ├── opacity.import.less │ │ │ │ ├── background-variant.import.less │ │ │ │ ├── text-overflow.import.less │ │ │ │ ├── tab-focus.import.less │ │ │ │ ├── resize.import.less │ │ │ │ ├── labels.import.less │ │ │ │ ├── progress-bar.import.less │ │ │ │ ├── reset-filter.import.less │ │ │ │ ├── nav-divider.import.less │ │ │ │ ├── alerts.import.less │ │ │ │ ├── nav-vertical-align.import.less │ │ │ │ ├── responsive-visibility.import.less │ │ │ │ ├── pagination.import.less │ │ │ │ ├── border-radius.import.less │ │ │ │ ├── panels.import.less │ │ │ │ ├── list-group.import.less │ │ │ │ ├── hide-text.import.less │ │ │ │ ├── clearfix.import.less │ │ │ │ ├── table-row.import.less │ │ │ │ ├── image.import.less │ │ │ │ ├── buttons.import.less │ │ │ │ ├── forms.import.less │ │ │ │ ├── grid-framework.import.less │ │ │ │ ├── grid.import.less │ │ │ │ ├── gradients.import.less │ │ │ │ └── vendor-prefixes.import.less │ │ │ │ ├── wells.import.less │ │ │ │ ├── breadcrumbs.import.less │ │ │ │ ├── responsive-embed.import.less │ │ │ │ ├── component-animations.import.less │ │ │ │ ├── close.import.less │ │ │ │ ├── thumbnails.import.less │ │ │ │ ├── utilities.import.less │ │ │ │ ├── media.import.less │ │ │ │ ├── pager.import.less │ │ │ │ ├── jumbotron.import.less │ │ │ │ ├── badges.import.less │ │ │ │ ├── labels.import.less │ │ │ │ ├── mixins.import.less │ │ │ │ ├── bootstrap.import.less │ │ │ │ ├── code.import.less │ │ │ │ ├── grid.import.less │ │ │ │ ├── alerts.import.less │ │ │ │ ├── print.import.less │ │ │ │ ├── pagination.import.less │ │ │ │ ├── progress-bars.import.less │ │ │ │ ├── tooltip.import.less │ │ │ │ ├── scaffolding.import.less │ │ │ │ ├── list-group.import.less │ │ │ │ ├── popovers.import.less │ │ │ │ ├── modals.import.less │ │ │ │ ├── buttons.import.less │ │ │ │ ├── input-groups.import.less │ │ │ │ ├── responsive-utilities.import.less │ │ │ │ ├── tables.import.less │ │ │ │ ├── dropdowns.import.less │ │ │ │ ├── navs.import.less │ │ │ │ ├── carousel.import.less │ │ │ │ ├── button-groups.import.less │ │ │ │ ├── panels.import.less │ │ │ │ ├── type.import.less │ │ │ │ └── normalize.import.less │ │ ├── components │ │ │ ├── forms.import.less │ │ │ ├── navs.import.less │ │ │ ├── user-profile.import.less │ │ │ ├── jumbotron.import.less │ │ │ ├── buttons.import.less │ │ │ ├── post-detail.import.less │ │ │ ├── avatars.import.less │ │ │ ├── post-list.import.less │ │ │ ├── update-banner.import.less │ │ │ ├── accounts-ui.import.less │ │ │ ├── newsletter-banner.import.less │ │ │ ├── telescope.import.less │ │ │ ├── comment-item.import.less │ │ │ └── post-item.import.less │ │ ├── base │ │ │ ├── mixins.import.less │ │ │ ├── type.import.less │ │ │ ├── variables.import.less │ │ │ └── mobile.import.less │ │ ├── layout │ │ │ ├── footer.import.less │ │ │ ├── content.import.less │ │ │ ├── tabs.import.less │ │ │ └── header.import.less │ │ └── crater.less │ └── templates.js ├── public │ ├── images │ │ └── crater.png │ └── fonts │ │ ├── ionicons.eot │ │ ├── ionicons.ttf │ │ └── ionicons.woff └── crater.js └── versions.json /.gitignore: -------------------------------------------------------------------------------- 1 | .build* 2 | 3 | config.codekit 4 | lib/client/config.codekit -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_actions.html: -------------------------------------------------------------------------------- 1 | 3 | -------------------------------------------------------------------------------- /lib/public/images/crater.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thespacedojo/telescope-theme-crater/HEAD/lib/public/images/crater.png -------------------------------------------------------------------------------- /lib/public/fonts/ionicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thespacedojo/telescope-theme-crater/HEAD/lib/public/fonts/ionicons.eot -------------------------------------------------------------------------------- /lib/public/fonts/ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thespacedojo/telescope-theme-crater/HEAD/lib/public/fonts/ionicons.ttf -------------------------------------------------------------------------------- /lib/public/fonts/ionicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thespacedojo/telescope-theme-crater/HEAD/lib/public/fonts/ionicons.woff -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_domain.js: -------------------------------------------------------------------------------- 1 | Template.post_domain.helpers({ 2 | postLink: function(){ 3 | return this.url; 4 | } 5 | }); 6 | -------------------------------------------------------------------------------- /lib/client/templates/posts/post_body.html: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/ionicons/ionicons.less: -------------------------------------------------------------------------------- 1 | @import "_ionicons-variables.import.less"; 2 | @import "_ionicons-font.import.less"; 3 | @import "_ionicons-icons.import.less"; 4 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/center-block.import.less: -------------------------------------------------------------------------------- 1 | // Center-align a block level element 2 | 3 | .center-block() { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/text-emphasis.import.less: -------------------------------------------------------------------------------- 1 | // Typography 2 | 3 | .text-emphasis-variant(@color) { 4 | color: @color; 5 | a&:hover { 6 | color: darken(@color, 10%); 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/size.import.less: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | .size(@width; @height) { 4 | width: @width; 5 | height: @height; 6 | } 7 | 8 | .square(@size) { 9 | .size(@size; @size); 10 | } 11 | -------------------------------------------------------------------------------- /lib/client/templates/users/user_profile.js: -------------------------------------------------------------------------------- 1 | Template.user_profile.rendered = function () { 2 | $('.user-profile-tabs a').on('click', function (event) { 3 | event.preventDefault(); 4 | $(this).tab('show'); 5 | }); 6 | }; 7 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/opacity.import.less: -------------------------------------------------------------------------------- 1 | // Opacity 2 | 3 | .opacity(@opacity) { 4 | opacity: @opacity; 5 | // IE8 filter 6 | @opacity-ie: (@opacity * 100); 7 | filter: ~"alpha(opacity=@{opacity-ie})"; 8 | } 9 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_vote.js: -------------------------------------------------------------------------------- 1 | Template.post_vote.helpers({ 2 | upvoted: function(){ 3 | var user = Meteor.user(); 4 | if(!user) return false; 5 | return _.include(this.upvoters, user._id); 6 | } 7 | }); 8 | -------------------------------------------------------------------------------- /lib/client/templates/users/profile/user_comments.html: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /lib/client/templates/users/profile/user_posts.html: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/background-variant.import.less: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | 3 | .bg-variant(@color) { 4 | background-color: @color; 5 | a&:hover { 6 | background-color: darken(@color, 10%); 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /lib/client/templates/users/profile/user_upvoted_posts.html: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /lib/client/templates/nav/nav.js: -------------------------------------------------------------------------------- 1 | // TODO: rename this to main.js since in telescope-core there is a nav.js? 2 | Meteor.startup(function () { 3 | $('body').on('click', '.dropdown-menu', function(event) { 4 | event.stopPropagation(); 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /lib/client/templates/nav/user_menu.js: -------------------------------------------------------------------------------- 1 | Template.user_menu.helpers({ 2 | user: function () { 3 | return Meteor.user(); 4 | }, 5 | userEditUrl: function () { 6 | return Router.path('user_edit', {slug: Meteor.user().telescope.slug}); 7 | } 8 | }); -------------------------------------------------------------------------------- /lib/client/templates/users/profile/user_downvoted_posts.html: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/text-overflow.import.less: -------------------------------------------------------------------------------- 1 | // Text overflow 2 | // Requires inline-block or block for proper styling 3 | 4 | .text-overflow() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/tab-focus.import.less: -------------------------------------------------------------------------------- 1 | // WebKit-style focus 2 | 3 | .tab-focus() { 4 | // Default 5 | outline: thin dotted; 6 | // WebKit 7 | outline: 5px auto -webkit-focus-ring-color; 8 | outline-offset: -2px; 9 | } 10 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/forms.import.less: -------------------------------------------------------------------------------- 1 | label, .at-pwd-form > form label { 2 | font-weight: 100; 3 | text-transform: uppercase; 4 | font-size: 10px; 5 | letter-spacing: 2px; 6 | } 7 | 8 | .comment-field textarea { 9 | height: 100px; 10 | } 11 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_avatars.js: -------------------------------------------------------------------------------- 1 | Template.post_avatars.onRendered(function () { 2 | $('[data-toggle="tooltip"]').tooltip(); 3 | }); 4 | 5 | Template.post_avatars.onDestroyed(function () { 6 | $('[data-toggle="tooltip"]').tooltip('destroy'); 7 | }); 8 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/resize.import.less: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | .resizable(@direction) { 4 | resize: @direction; // Options: horizontal, vertical, both 5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 6 | } 7 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/labels.import.less: -------------------------------------------------------------------------------- 1 | // Labels 2 | 3 | .label-variant(@color) { 4 | background-color: @color; 5 | 6 | &[href] { 7 | &:hover, 8 | &:focus { 9 | background-color: darken(@color, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/progress-bar.import.less: -------------------------------------------------------------------------------- 1 | // Progress bars 2 | 3 | .progress-bar-variant(@color) { 4 | background-color: @color; 5 | 6 | // Deprecated parent class requirement as of v3.2.0 7 | .progress-striped & { 8 | #gradient > .striped(); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /lib/client/templates/nav/submit_button.html: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /lib/client/templates/nav/tabs.js: -------------------------------------------------------------------------------- 1 | Template.craterTabs.helpers({ 2 | profileUrl: function () { 3 | if (Meteor.user()) { 4 | return Router.routes['user_profile'].path({_idOrSlug: Meteor.user().slug}); 5 | } else { 6 | return Router.routes['atSignIn'].path(); 7 | } 8 | } 9 | }); 10 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_domain.html: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/reset-filter.import.less: -------------------------------------------------------------------------------- 1 | // Reset filters for IE 2 | // 3 | // When you need to remove a gradient background, do not forget to use this to reset 4 | // the IE filter for IE9 and below. 5 | 6 | .reset-filter() { 7 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); 8 | } 9 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/nav-divider.import.less: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | .nav-divider(@color: #e5e5e5) { 6 | height: 1px; 7 | margin: ((@line-height-computed / 2) - 1) 0; 8 | overflow: hidden; 9 | background-color: @color; 10 | } 11 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_avatars.html: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_discuss.html: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /lib/client/stylesheets/base/mixins.import.less: -------------------------------------------------------------------------------- 1 | // Bootstrap Mixins 2 | @import "../lib/bootstrap/mixins.import.less"; 3 | 4 | // Custom Mixins 5 | .blur(@amount) { 6 | -webkit-filter: blur(@amount); 7 | -moz-filter: blur(@amount); 8 | -o-filter: blur(@amount); 9 | -ms-filter: blur(@amount); 10 | filter: blur(@amount); 11 | } 12 | -------------------------------------------------------------------------------- /lib/client/stylesheets/layout/footer.import.less: -------------------------------------------------------------------------------- 1 | footer#main-footer { 2 | border-top: 1px solid @brand-primary; 3 | padding: 12px 0; 4 | color: @brand-primary; 5 | margin-top: 48px; 6 | font-size: 14px; 7 | 8 | a { 9 | color: @brand-primary; 10 | 11 | &:hover { 12 | border-bottom: 1px solid @brand-primary; 13 | } 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_categories.html: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /lib/client/templates/common/footer.html: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/alerts.import.less: -------------------------------------------------------------------------------- 1 | // Alerts 2 | 3 | .alert-variant(@background; @border; @text-color) { 4 | background-color: @background; 5 | border-color: @border; 6 | color: @text-color; 7 | 8 | hr { 9 | border-top-color: darken(@border, 5%); 10 | } 11 | .alert-link { 12 | color: darken(@text-color, 10%); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/navs.import.less: -------------------------------------------------------------------------------- 1 | .nav { 2 | 3 | > li { 4 | 5 | > a { 6 | font-size: 10px; 7 | text-transform: uppercase; 8 | letter-spacing: 2px; 9 | } 10 | 11 | } 12 | } 13 | 14 | .menu-label { 15 | display: block; 16 | font-weight: 300; 17 | } 18 | 19 | .menu-description { 20 | display: block; 21 | font-size: 10px; 22 | } 23 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/user-profile.import.less: -------------------------------------------------------------------------------- 1 | .user-profile-tabs { 2 | margin: 0; 3 | width: auto; 4 | } 5 | 6 | .user-profile-tab { 7 | margin: 24px 0; 8 | } 9 | 10 | .jumbotron.user-profile-header { 11 | background: @well-bg; 12 | color: @text-color; 13 | 14 | a.btn { 15 | color: #fff; 16 | } 17 | 18 | a.btn-link { 19 | color: @brand-primary; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /lib/client/templates/nav/admin_menu.html: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/nav-vertical-align.import.less: -------------------------------------------------------------------------------- 1 | // Navbar vertical align 2 | // 3 | // Vertically center elements in the navbar. 4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. 5 | 6 | .navbar-vertical-align(@element-height) { 7 | margin-top: ((@navbar-height - @element-height) / 2); 8 | margin-bottom: ((@navbar-height - @element-height) / 2); 9 | } 10 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/responsive-visibility.import.less: -------------------------------------------------------------------------------- 1 | // Responsive utilities 2 | 3 | // 4 | // More easily include all the states for responsive-utilities.less. 5 | .responsive-visibility() { 6 | display: block !important; 7 | table& { display: table; } 8 | tr& { display: table-row !important; } 9 | th&, 10 | td& { display: table-cell !important; } 11 | } 12 | 13 | .responsive-invisibility() { 14 | display: none !important; 15 | } 16 | -------------------------------------------------------------------------------- /lib/client/templates/nav/categories_menu.html: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/jumbotron.import.less: -------------------------------------------------------------------------------- 1 | .jumbotron { 2 | #gradient > .vertical(@start-color: @brand-primary; @end-color: @brand-secondary); 3 | 4 | .avatar { 5 | margin: 0 auto; 6 | border: 2px solid #E4DEED; 7 | } 8 | 9 | h2 { 10 | font-weight: 100; 11 | margin-top: 0; 12 | } 13 | 14 | p { 15 | font-weight: 100; 16 | } 17 | 18 | a { 19 | color: #fff; 20 | 21 | &:hover { 22 | color: lighten(@brand-primary, 20%); 23 | } 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /lib/client/templates/posts/posts_load_more.html: -------------------------------------------------------------------------------- 1 | 15 | -------------------------------------------------------------------------------- /lib/client/templates/nav/search.html: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_vote.html: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /lib/client/stylesheets/base/type.import.less: -------------------------------------------------------------------------------- 1 | ::-moz-selection { background: @brand-primary; color: #fff; text-shadow: none; } 2 | ::selection { background: @brand-primary; color: #fff; text-shadow: none; } 3 | 4 | a { 5 | &:hover { 6 | text-decoration: none; 7 | } 8 | } 9 | 10 | blockquote { 11 | border: 0; 12 | font-size: 14px; 13 | font-style: italic; 14 | position: relative; 15 | margin-bottom: 0; 16 | } 17 | 18 | blockquote:before { 19 | content: "“"; 20 | font-size: 40px; 21 | position: absolute; 22 | left: 0; 23 | top: 0; 24 | } 25 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/pagination.import.less: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) { 4 | > li { 5 | > a, 6 | > span { 7 | padding: @padding-vertical @padding-horizontal; 8 | font-size: @font-size; 9 | } 10 | &:first-child { 11 | > a, 12 | > span { 13 | .border-left-radius(@border-radius); 14 | } 15 | } 16 | &:last-child { 17 | > a, 18 | > span { 19 | .border-right-radius(@border-radius); 20 | } 21 | } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/border-radius.import.less: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | .border-top-radius(@radius) { 4 | border-top-right-radius: @radius; 5 | border-top-left-radius: @radius; 6 | } 7 | .border-right-radius(@radius) { 8 | border-bottom-right-radius: @radius; 9 | border-top-right-radius: @radius; 10 | } 11 | .border-bottom-radius(@radius) { 12 | border-bottom-right-radius: @radius; 13 | border-bottom-left-radius: @radius; 14 | } 15 | .border-left-radius(@radius) { 16 | border-bottom-left-radius: @radius; 17 | border-top-left-radius: @radius; 18 | } 19 | -------------------------------------------------------------------------------- /lib/client/templates/posts/post_subscribe.html: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/buttons.import.less: -------------------------------------------------------------------------------- 1 | .btn { 2 | font-size: 10px; 3 | text-transform: uppercase; 4 | letter-spacing: 4px; 5 | font-family: @headings-font-family; 6 | 7 | .icon { 8 | font-size: 14px; 9 | } 10 | } 11 | 12 | .btn-default:hover { 13 | background: @brand-primary; 14 | color: #fff; 15 | } 16 | 17 | .btn-primary { 18 | background: @brand-primary; 19 | 20 | &:hover { 21 | background: @brand-secondary; 22 | } 23 | } 24 | 25 | .btn-link { 26 | padding-left: 0; 27 | padding-right: 0; 28 | 29 | &:hover { 30 | border-bottom: 0; 31 | text-decoration: none; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/post-detail.import.less: -------------------------------------------------------------------------------- 1 | .single-post { 2 | .post { 3 | .post-discuss { 4 | display: none; 5 | } 6 | .post-avatars { 7 | right: 0; 8 | } 9 | } 10 | } 11 | 12 | blockquote.post-body { 13 | border-left: none; 14 | background: @well-bg; 15 | font-size: @font-size-base; 16 | margin: -12px 0 36px 0; 17 | font-size: 16px; 18 | font-style: normal; 19 | } 20 | 21 | blockquote.post-body:before { 22 | content: ""; 23 | } 24 | 25 | .comment-new { 26 | width: 600px; 27 | margin: 12px 0; 28 | 29 | .comment-submit { 30 | margin-top: 12px; 31 | } 32 | 33 | .btn { 34 | display: block; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /lib/client/templates/users/user_profile.html: -------------------------------------------------------------------------------- 1 | 20 | -------------------------------------------------------------------------------- /lib/client/templates/nav/nav.html: -------------------------------------------------------------------------------- 1 | 24 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/panels.import.less: -------------------------------------------------------------------------------- 1 | // Panels 2 | 3 | .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { 4 | border-color: @border; 5 | 6 | & > .panel-heading { 7 | color: @heading-text-color; 8 | background-color: @heading-bg-color; 9 | border-color: @heading-border; 10 | 11 | + .panel-collapse > .panel-body { 12 | border-top-color: @border; 13 | } 14 | .badge { 15 | color: @heading-bg-color; 16 | background-color: @heading-text-color; 17 | } 18 | } 19 | & > .panel-footer { 20 | + .panel-collapse > .panel-body { 21 | border-bottom-color: @border; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/wells.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: @well-bg; 12 | border: 1px solid @well-border; 13 | border-radius: @border-radius-base; 14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-lg { 23 | padding: 24px; 24 | border-radius: @border-radius-large; 25 | } 26 | .well-sm { 27 | padding: 9px; 28 | border-radius: @border-radius-small; 29 | } 30 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/list-group.import.less: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | .list-group-item-variant(@state; @background; @color) { 4 | .list-group-item-@{state} { 5 | color: @color; 6 | background-color: @background; 7 | 8 | a& { 9 | color: @color; 10 | 11 | .list-group-item-heading { 12 | color: inherit; 13 | } 14 | 15 | &:hover, 16 | &:focus { 17 | color: @color; 18 | background-color: darken(@background, 5%); 19 | } 20 | &.active, 21 | &.active:hover, 22 | &.active:focus { 23 | color: #fff; 24 | background-color: @color; 25 | border-color: @color; 26 | } 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /lib/client/stylesheets/layout/content.import.less: -------------------------------------------------------------------------------- 1 | .crater-content-wrapper { 2 | margin-left: 100px; 3 | padding: 42px; 4 | max-width: 1400px; 5 | } 6 | 7 | .content-inner-wrapper { 8 | min-height: 400px; 9 | } 10 | 11 | .zone-wrapper.postsListTop { 12 | display: none; 13 | } 14 | 15 | .post-rank { 16 | padding-left: 2px; 17 | } 18 | 19 | 20 | .at-form { 21 | width: 60%; 22 | margin: 0 auto; 23 | } 24 | 25 | 26 | // .comment-main{ 27 | // margin-left:10px; 28 | // } 29 | 30 | // a, a:link, a:visited, a:active{ 31 | // font-weight:none !important 32 | // } 33 | 34 | // .post-meta a, .post-meta a:link, .post-meta a:visited, .post-meta a:active { 35 | // color: #A589C0 !important 36 | // } 37 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/hide-text.import.less: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | // 3 | // Heads up! v3 launched with with only `.hide-text()`, but per our pattern for 4 | // mixins being reused as classes with the same name, this doesn't hold up. As 5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. 6 | // 7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 8 | 9 | // Deprecated as of v3.0.1 (will be removed in v4) 10 | .hide-text() { 11 | font: ~"0/0" a; 12 | color: transparent; 13 | text-shadow: none; 14 | background-color: transparent; 15 | border: 0; 16 | } 17 | 18 | // New mixin to use as of v3.0.1 19 | .text-hide() { 20 | .hide-text(); 21 | } 22 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/avatars.import.less: -------------------------------------------------------------------------------- 1 | .user-avatar, .avatar { 2 | border-radius: 100%; 3 | } 4 | 5 | .user-avatar, .avatar { 6 | .avatar-initials { 7 | background-color: @brand-secondary; 8 | font-family: @font-family-sans-serif; 9 | font-size: 13px; 10 | line-height: 32px; 11 | } 12 | } 13 | 14 | .author-avatar { 15 | .avatar { 16 | .square(40px); 17 | 18 | .avatar-initials{ 19 | line-height: 40px; 20 | } 21 | } 22 | } 23 | 24 | .avatar-small { 25 | .square(24px); 26 | 27 | .avatar-initials{ 28 | font-size: 13px; 29 | line-height: 24px; 30 | } 31 | } 32 | 33 | .avatar-xsmall { 34 | .avatar-initials{ 35 | font-size: 12px; 36 | line-height: 20px; 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /lib/client/templates/nav/user_menu.html: -------------------------------------------------------------------------------- 1 | 15 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/post-list.import.less: -------------------------------------------------------------------------------- 1 | .more-button, .load-more-days-button { 2 | display: block; 3 | width: 260px; 4 | margin: 12px auto; 5 | 6 | &:extend(.btn); 7 | &:extend(.btn-default); 8 | &:extend(.btn-lg); 9 | 10 | .icon { 11 | font-size: 24px; 12 | vertical-align: middle; 13 | } 14 | } 15 | 16 | .loading-module { 17 | width: 24px; 18 | height: 24px; 19 | margin: 12px auto; 20 | 21 | .icon { 22 | font-size: 24px; 23 | vertical-align: middle; 24 | } 25 | } 26 | 27 | h2.posts-day-heading { 28 | font-size: 12px; 29 | text-transform: uppercase; 30 | color: #a684bc; 31 | letter-spacing: 2px; 32 | } 33 | 34 | .post-subscribe { 35 | text-align: center; 36 | margin: 24px 0; 37 | } 38 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/clearfix.import.less: -------------------------------------------------------------------------------- 1 | // Clearfix 2 | // 3 | // For modern browsers 4 | // 1. The space content is one way to avoid an Opera bug when the 5 | // contenteditable attribute is included anywhere else in the document. 6 | // Otherwise it causes space to appear at the top and bottom of elements 7 | // that are clearfixed. 8 | // 2. The use of `table` rather than `block` is only necessary if using 9 | // `:before` to contain the top-margins of child elements. 10 | // 11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/ 12 | 13 | .clearfix() { 14 | &:before, 15 | &:after { 16 | content: " "; // 1 17 | display: table; // 2 18 | } 19 | &:after { 20 | clear: both; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/breadcrumbs.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; 8 | margin-bottom: @line-height-computed; 9 | list-style: none; 10 | background-color: @breadcrumb-bg; 11 | border-radius: @border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space 18 | padding: 0 5px; 19 | color: @breadcrumb-color; 20 | } 21 | } 22 | 23 | > .active { 24 | color: @breadcrumb-active-color; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/responsive-embed.import.less: -------------------------------------------------------------------------------- 1 | // Embeds responsive 2 | // 3 | // Credit: Nicolas Gallagher and SUIT CSS. 4 | 5 | .embed-responsive { 6 | position: relative; 7 | display: block; 8 | height: 0; 9 | padding: 0; 10 | overflow: hidden; 11 | 12 | .embed-responsive-item, 13 | iframe, 14 | embed, 15 | object { 16 | position: absolute; 17 | top: 0; 18 | left: 0; 19 | bottom: 0; 20 | height: 100%; 21 | width: 100%; 22 | border: 0; 23 | } 24 | 25 | // Modifier class for 16:9 aspect ratio 26 | &.embed-responsive-16by9 { 27 | padding-bottom: 56.25%; 28 | } 29 | 30 | // Modifier class for 4:3 aspect ratio 31 | &.embed-responsive-4by3 { 32 | padding-bottom: 75%; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/component-animations.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | .transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | 21 | &.in { display: block; } 22 | tr&.in { display: table-row; } 23 | tbody&.in { display: table-row-group; } 24 | } 25 | 26 | .collapsing { 27 | position: relative; 28 | height: 0; 29 | overflow: hidden; 30 | .transition(height .35s ease); 31 | } 32 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/close.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: (@font-size-base * 1.5); 9 | font-weight: @close-font-weight; 10 | line-height: 1; 11 | color: @close-color; 12 | text-shadow: @close-text-shadow; 13 | .opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: @close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | .opacity(.5); 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | button& { 27 | padding: 0; 28 | cursor: pointer; 29 | background: transparent; 30 | border: 0; 31 | -webkit-appearance: none; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/table-row.import.less: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | .table-row-variant(@state; @background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table > thead > tr, 7 | .table > tbody > tr, 8 | .table > tfoot > tr { 9 | > td.@{state}, 10 | > th.@{state}, 11 | &.@{state} > td, 12 | &.@{state} > th { 13 | background-color: @background; 14 | } 15 | } 16 | 17 | // Hover states for `.table-hover` 18 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 19 | .table-hover > tbody > tr { 20 | > td.@{state}:hover, 21 | > th.@{state}:hover, 22 | &.@{state}:hover > td, 23 | &:hover > .@{state}, 24 | &.@{state}:hover > th { 25 | background-color: darken(@background, 5%); 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/update-banner.import.less: -------------------------------------------------------------------------------- 1 | .update-banner { 2 | position: fixed; 3 | top: 0; 4 | left: 0; 5 | right: 0; 6 | background: @brand-secondary; 7 | color: #fff; 8 | padding: 6px; 9 | text-align: center; 10 | z-index: @zindex-navbar-fixed; 11 | 12 | .update-version { 13 | font-size: 12px; 14 | margin: 0; 15 | margin-right: 6px; 16 | background: @brand-primary; 17 | float: none; 18 | display: inline-block; 19 | } 20 | 21 | .update-content { 22 | float: none; 23 | display: inline-block; 24 | } 25 | 26 | .update-prompt { 27 | font-size: 12px; 28 | display: inline-block; 29 | margin: 0; 30 | } 31 | .update-message { 32 | font-size: 12px; 33 | display: inline-block; 34 | margin: 0; 35 | } 36 | 37 | a { 38 | color: #fff; 39 | text-decoration: underline; 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_admin.html: -------------------------------------------------------------------------------- 1 | 18 | -------------------------------------------------------------------------------- /lib/client/stylesheets/layout/tabs.import.less: -------------------------------------------------------------------------------- 1 | nav#crater-tabs { 2 | width: 100px; 3 | padding: 12px; 4 | #gradient > .vertical(@start-color: @brand-primary; @end-color: @brand-secondary); 5 | position: fixed; 6 | top: 0; 7 | left: 0; 8 | bottom: 0; 9 | text-align: center; 10 | overflow: hidden; 11 | } 12 | 13 | .crater-tabs-logo { 14 | display: block; 15 | .square(68px); 16 | margin: 32px auto; 17 | 18 | &:hover { 19 | .opacity(0.8); 20 | } 21 | } 22 | 23 | .crater-tab a { 24 | display: block; 25 | text-align: center; 26 | color: #fff; 27 | .opacity(0.8); 28 | font-size: 14px; 29 | font-weight: 100; 30 | margin-bottom: 24px; 31 | letter-spacing: 2px; 32 | 33 | i { 34 | font-size: 28px; 35 | line-height: 28px; 36 | display: block; 37 | } 38 | } 39 | 40 | .crater-tab .active a, .crater-tab a:hover { 41 | .opacity(1); 42 | } 43 | -------------------------------------------------------------------------------- /lib/client/templates/common/layout.1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 34 | -------------------------------------------------------------------------------- /lib/client/templates/posts/modules/post_info.html: -------------------------------------------------------------------------------- 1 | 22 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/thumbnails.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Mixin and adjust the regular image class 7 | .thumbnail { 8 | display: block; 9 | padding: @thumbnail-padding; 10 | margin-bottom: @line-height-computed; 11 | line-height: @line-height-base; 12 | background-color: @thumbnail-bg; 13 | border: 1px solid @thumbnail-border; 14 | border-radius: @thumbnail-border-radius; 15 | .transition(border .2s ease-in-out); 16 | 17 | > img, 18 | a > img { 19 | &:extend(.img-responsive); 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | // Add a hover state for linked versions only 25 | a&:hover, 26 | a&:focus, 27 | a&.active { 28 | border-color: @link-color; 29 | } 30 | 31 | // Image captions 32 | .caption { 33 | padding: @thumbnail-caption-padding; 34 | color: @thumbnail-caption-color; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /lib/client/templates/nav/notifications_menu.html: -------------------------------------------------------------------------------- 1 | 25 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/ionicons/_ionicons-font.import.less: -------------------------------------------------------------------------------- 1 | // Ionicons Font Path 2 | // -------------------------- 3 | 4 | @font-face { 5 | font-family: @ionicons-font-family; 6 | src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}"); 7 | src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}#iefix") format("embedded-opentype"), 8 | url("@{ionicons-font-path}/ionicons.ttf?v=@{ionicons-version}") format("truetype"), 9 | url("@{ionicons-font-path}/ionicons.woff?v=@{ionicons-version}") format("woff"), 10 | url("@{ionicons-font-path}/ionicons.svg?v=@{ionicons-version}#Ionicons") format("svg"); 11 | font-weight: normal; 12 | font-style: normal; 13 | } 14 | 15 | .ion { 16 | display: inline-block; 17 | font-family: @ionicons-font-family; 18 | speak: none; 19 | font-style: normal; 20 | font-weight: normal; 21 | font-variant: normal; 22 | text-transform: none; 23 | text-rendering: auto; 24 | line-height: 1; 25 | -webkit-font-smoothing: antialiased; 26 | -moz-osx-font-smoothing: grayscale; 27 | } -------------------------------------------------------------------------------- /lib/client/templates/nav/tabs.html: -------------------------------------------------------------------------------- 1 | 34 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/accounts-ui.import.less: -------------------------------------------------------------------------------- 1 | .at-form { 2 | .at-title { 3 | 4 | } 5 | .at-oauth { 6 | .at-social-btn { 7 | .btn; 8 | } 9 | } 10 | .at-sep { 11 | 12 | } 13 | .at-pwd-form { 14 | #at-pwd-form { 15 | 16 | } 17 | .at-input { 18 | .form-group; 19 | span { 20 | //.help-block; 21 | } 22 | label { 23 | //.control-label; 24 | } 25 | input { 26 | .form-control; 27 | } 28 | } 29 | .at-pwd-link { 30 | .at-link { 31 | 32 | } 33 | .at-pwd { 34 | 35 | } 36 | } 37 | .at-btn { 38 | .btn; 39 | .btn-default; 40 | .btn-lg; 41 | .btn-block; 42 | } 43 | } 44 | .at-signin-link { 45 | .at-link { 46 | color: @link-color; 47 | &:hover { 48 | color: @link-hover-color; 49 | } 50 | } 51 | } 52 | .at-signup-link { 53 | .at-link { 54 | color: @link-color; 55 | &:hover { 56 | color: @link-hover-color; 57 | } 58 | } 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/utilities.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | .clearfix(); 11 | } 12 | .center-block { 13 | .center-block(); 14 | } 15 | .pull-right { 16 | float: right !important; 17 | } 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | 23 | // Toggling content 24 | // ------------------------- 25 | 26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 27 | .hide { 28 | display: none !important; 29 | } 30 | .show { 31 | display: block !important; 32 | } 33 | .invisible { 34 | visibility: hidden; 35 | } 36 | .text-hide { 37 | .text-hide(); 38 | } 39 | 40 | 41 | // Hide from screenreaders and browsers 42 | // 43 | // Credit: HTML5 Boilerplate 44 | 45 | .hidden { 46 | display: none !important; 47 | visibility: hidden !important; 48 | } 49 | 50 | 51 | // For Affix plugin 52 | // ------------------------- 53 | 54 | .affix { 55 | position: fixed; 56 | } 57 | -------------------------------------------------------------------------------- /lib/client/templates/common/layout.html: -------------------------------------------------------------------------------- 1 | 30 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/media.import.less: -------------------------------------------------------------------------------- 1 | // Media objects 2 | // Source: http://stubbornella.org/content/?p=497 3 | // -------------------------------------------------- 4 | 5 | 6 | // Common styles 7 | // ------------------------- 8 | 9 | // Clear the floats 10 | .media, 11 | .media-body { 12 | overflow: hidden; 13 | zoom: 1; 14 | } 15 | 16 | // Proper spacing between instances of .media 17 | .media, 18 | .media .media { 19 | margin-top: 15px; 20 | } 21 | .media:first-child { 22 | margin-top: 0; 23 | } 24 | 25 | // For images and videos, set to block 26 | .media-object { 27 | display: block; 28 | } 29 | 30 | // Reset margins on headings for tighter default spacing 31 | .media-heading { 32 | margin: 0 0 5px; 33 | } 34 | 35 | 36 | // Media image alignment 37 | // ------------------------- 38 | 39 | .media { 40 | > .pull-left { 41 | margin-right: 10px; 42 | } 43 | > .pull-right { 44 | margin-left: 10px; 45 | } 46 | } 47 | 48 | 49 | // Media list variation 50 | // ------------------------- 51 | 52 | // Undo default ul/ol styles 53 | .media-list { 54 | padding-left: 0; 55 | list-style: none; 56 | } 57 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/pager.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | padding-left: 0; 8 | margin: @line-height-computed 0; 9 | list-style: none; 10 | text-align: center; 11 | &:extend(.clearfix all); 12 | li { 13 | display: inline; 14 | > a, 15 | > span { 16 | display: inline-block; 17 | padding: 5px 14px; 18 | background-color: @pager-bg; 19 | border: 1px solid @pager-border; 20 | border-radius: @pager-border-radius; 21 | } 22 | 23 | > a:hover, 24 | > a:focus { 25 | text-decoration: none; 26 | background-color: @pager-hover-bg; 27 | } 28 | } 29 | 30 | .next { 31 | > a, 32 | > span { 33 | float: right; 34 | } 35 | } 36 | 37 | .previous { 38 | > a, 39 | > span { 40 | float: left; 41 | } 42 | } 43 | 44 | .disabled { 45 | > a, 46 | > a:hover, 47 | > a:focus, 48 | > span { 49 | color: @pager-disabled-color; 50 | background-color: @pager-bg; 51 | cursor: not-allowed; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/jumbotron.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding: @jumbotron-padding (@jumbotron-padding / 2); 8 | margin-bottom: @jumbotron-padding; 9 | color: @jumbotron-color; 10 | background-color: @jumbotron-bg; 11 | 12 | h1, 13 | .h1 { 14 | color: @jumbotron-heading-color; 15 | } 16 | p { 17 | margin-bottom: (@jumbotron-padding / 2); 18 | font-size: @jumbotron-font-size; 19 | font-weight: 200; 20 | } 21 | 22 | > hr { 23 | border-top-color: darken(@jumbotron-bg, 10%); 24 | } 25 | 26 | .container &, 27 | .container-fluid & { 28 | border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container 29 | } 30 | 31 | .container { 32 | max-width: 100%; 33 | } 34 | 35 | @media screen and (min-width: @screen-sm-min) { 36 | padding: (@jumbotron-padding * 1.6) 0; 37 | 38 | .container & { 39 | padding-left: (@jumbotron-padding * 2); 40 | padding-right: (@jumbotron-padding * 2); 41 | } 42 | 43 | h1, 44 | .h1 { 45 | font-size: (@font-size-base * 4.5); 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/image.import.less: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | .img-responsive(@display: block) { 10 | display: @display; 11 | max-width: 100%; // Part 1: Set a maximum relative to the parent 12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching 13 | } 14 | 15 | 16 | // Retina image 17 | // 18 | // Short retina mixin for setting background-image and -size. Note that the 19 | // spelling of `min--moz-device-pixel-ratio` is intentional. 20 | .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { 21 | background-image: url("@{file-1x}"); 22 | 23 | @media 24 | only screen and (-webkit-min-device-pixel-ratio: 2), 25 | only screen and ( min--moz-device-pixel-ratio: 2), 26 | only screen and ( -o-min-device-pixel-ratio: 2/1), 27 | only screen and ( min-device-pixel-ratio: 2), 28 | only screen and ( min-resolution: 192dpi), 29 | only screen and ( min-resolution: 2dppx) { 30 | background-image: url("@{file-2x}"); 31 | background-size: @width-1x @height-1x; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /lib/client/stylesheets/crater.less: -------------------------------------------------------------------------------- 1 | // Bootstrap 2 | @import "./lib/bootstrap/bootstrap.import.less"; 3 | 4 | // Custom mixins and variables 5 | @import './base/mixins.import.less'; 6 | @import './base/variables.import.less'; 7 | 8 | // Misc Global Styles 9 | @import './base/type.import.less'; 10 | 11 | // Componenets 12 | @import './components/avatars.import.less'; 13 | @import './components/buttons.import.less'; 14 | @import './components/comment-item.import.less'; 15 | @import './components/forms.import.less'; 16 | @import './components/jumbotron.import.less'; 17 | @import './components/navs.import.less'; 18 | @import './components/newsletter-banner.import.less'; 19 | @import './components/post-detail.import.less'; 20 | @import './components/post-item.import.less'; 21 | @import './components/post-list.import.less'; 22 | @import './components/telescope.import.less'; 23 | @import './components/update-banner.import.less'; 24 | @import './components/user-profile.import.less'; 25 | @import './components/accounts-ui.import.less'; 26 | 27 | // Layout 28 | @import './layout/content.import.less'; 29 | @import './layout/footer.import.less'; 30 | @import './layout/header.import.less'; 31 | @import './layout/tabs.import.less'; 32 | 33 | // Mobile 34 | @import './base/mobile.import.less'; 35 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/badges.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: @font-size-small; 12 | font-weight: @badge-font-weight; 13 | color: @badge-color; 14 | line-height: @badge-line-height; 15 | vertical-align: baseline; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: @badge-bg; 19 | border-radius: @badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | .btn-xs & { 32 | top: 0; 33 | padding: 1px 5px; 34 | } 35 | 36 | // Hover state, but only for links 37 | a& { 38 | &:hover, 39 | &:focus { 40 | color: @badge-link-hover-color; 41 | text-decoration: none; 42 | cursor: pointer; 43 | } 44 | } 45 | 46 | // Account for badges in navs 47 | a.list-group-item.active > &, 48 | .nav-pills > .active > a > & { 49 | color: @badge-active-color; 50 | background-color: @badge-active-bg; 51 | } 52 | .nav-pills > li > a > & { 53 | margin-left: 3px; 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/buttons.import.less: -------------------------------------------------------------------------------- 1 | // Button variants 2 | // 3 | // Easily pump out default styles, as well as :hover, :focus, :active, 4 | // and disabled options for all buttons 5 | 6 | .button-variant(@color; @background; @border) { 7 | color: @color; 8 | background-color: @background; 9 | border-color: @border; 10 | 11 | &:hover, 12 | &:focus, 13 | &.focus, 14 | &:active, 15 | &.active, 16 | .open > .dropdown-toggle& { 17 | color: @color; 18 | background-color: darken(@background, 10%); 19 | border-color: darken(@border, 12%); 20 | } 21 | &:active, 22 | &.active, 23 | .open > .dropdown-toggle& { 24 | background-image: none; 25 | } 26 | &.disabled, 27 | &[disabled], 28 | fieldset[disabled] & { 29 | &, 30 | &:hover, 31 | &:focus, 32 | &.focus, 33 | &:active, 34 | &.active { 35 | background-color: @background; 36 | border-color: @border; 37 | } 38 | } 39 | 40 | .badge { 41 | color: @background; 42 | background-color: @color; 43 | } 44 | } 45 | 46 | // Button sizes 47 | .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { 48 | padding: @padding-vertical @padding-horizontal; 49 | font-size: @font-size; 50 | line-height: @line-height; 51 | border-radius: @border-radius; 52 | } 53 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/labels.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: @label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // Add hover effects, but only for links 18 | a& { 19 | &:hover, 20 | &:focus { 21 | color: @label-link-hover-color; 22 | text-decoration: none; 23 | cursor: pointer; 24 | } 25 | } 26 | 27 | // Empty labels collapse automatically (not available in IE8) 28 | &:empty { 29 | display: none; 30 | } 31 | 32 | // Quick fix for labels in buttons 33 | .btn & { 34 | position: relative; 35 | top: -1px; 36 | } 37 | } 38 | 39 | // Colors 40 | // Contextual variations (linked labels get darker on :hover) 41 | 42 | .label-default { 43 | .label-variant(@label-default-bg); 44 | } 45 | 46 | .label-primary { 47 | .label-variant(@label-primary-bg); 48 | } 49 | 50 | .label-success { 51 | .label-variant(@label-success-bg); 52 | } 53 | 54 | .label-info { 55 | .label-variant(@label-info-bg); 56 | } 57 | 58 | .label-warning { 59 | .label-variant(@label-warning-bg); 60 | } 61 | 62 | .label-danger { 63 | .label-variant(@label-danger-bg); 64 | } 65 | -------------------------------------------------------------------------------- /lib/client/templates/posts/post_subscribe.js: -------------------------------------------------------------------------------- 1 | Template.post_subscribe.helpers({ 2 | canSubscribe: function() { 3 | // you cannot subscribe to your own posts 4 | return Meteor.userId() && this.userId !== Meteor.userId(); 5 | }, 6 | subscribed: function() { 7 | var user = Meteor.user(); 8 | if (!user) return false; 9 | 10 | return _.include(this.subscribers, user._id); 11 | } 12 | }); 13 | 14 | Template.post_subscribe.events({ 15 | 'click .subscribe-link': function(e, instance) { 16 | e.preventDefault(); 17 | if (this.userId === Meteor.userId()) 18 | return; 19 | 20 | var post = this; 21 | 22 | if (!Meteor.user()) { 23 | Router.go('atSignIn'); 24 | flashMessage(i18n.t("please_log_in_first"), "info"); 25 | } 26 | 27 | Meteor.call('subscribePost', post._id, function(error, result) { 28 | if (result) 29 | trackEvent("post subscribed", {'_id': post._id}); 30 | }); 31 | }, 32 | 33 | 'click .unsubscribe-link': function(e, instance) { 34 | e.preventDefault(); 35 | var post = this; 36 | 37 | if (!Meteor.user()) { 38 | Router.go('atSignIn'); 39 | flashMessage(i18n.t("please_log_in_first"), "info"); 40 | } 41 | 42 | Meteor.call('unsubscribePost', post._id, function(error, result) { 43 | if (result) 44 | trackEvent("post unsubscribed", {'_id': post._id}); 45 | }); 46 | } 47 | }); 48 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/newsletter-banner.import.less: -------------------------------------------------------------------------------- 1 | .newsletter-banner.newsletter-banner { 2 | border: 1px solid #E4DBEB; 3 | padding: 18px !important; 4 | margin-bottom: 24px; 5 | position: relative; 6 | 7 | h4.newsletter-tagline { 8 | font-weight: 400; 9 | text-transform: uppercase; 10 | font-size: 10px; 11 | letter-spacing: 2px; 12 | margin: 0 6px 0 0; 13 | color: @brand-primary; 14 | } 15 | } 16 | 17 | .newsletter-email.newsletter-email { 18 | height: @input-height-small !important; 19 | padding: @padding-small-vertical @padding-small-horizontal !important; 20 | font-size: 10px !important; 21 | line-height: @line-height-small !important; 22 | color: @input-color !important; 23 | background-color: @input-bg !important; 24 | background-image: none !important; 25 | border: 1px solid @brand-primary !important; 26 | border-radius: @input-border-radius !important; 27 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); 28 | .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); 29 | .form-control-focus(); 30 | .placeholder(); 31 | width: 200px; 32 | text-transform: uppercase; 33 | letter-spacing: 1px; 34 | } 35 | 36 | .btn.newsletter-button { 37 | padding-top: 9px; 38 | padding-bottom: 8px; 39 | } 40 | 41 | .newsletter-dismiss { 42 | &:extend(.close); 43 | position: absolute; 44 | top: 18px; 45 | right: 18px; 46 | .opacity(.65); 47 | text-shadow: none; 48 | font-weight: normal; 49 | } 50 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins.import.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text.import.less"; 6 | @import "mixins/opacity.import.less"; 7 | @import "mixins/image.import.less"; 8 | @import "mixins/labels.import.less"; 9 | @import "mixins/reset-filter.import.less"; 10 | @import "mixins/resize.import.less"; 11 | @import "mixins/responsive-visibility.import.less"; 12 | @import "mixins/size.import.less"; 13 | @import "mixins/tab-focus.import.less"; 14 | @import "mixins/text-emphasis.import.less"; 15 | @import "mixins/text-overflow.import.less"; 16 | @import "mixins/vendor-prefixes.import.less"; 17 | 18 | // Components 19 | @import "mixins/alerts.import.less"; 20 | @import "mixins/buttons.import.less"; 21 | @import "mixins/panels.import.less"; 22 | @import "mixins/pagination.import.less"; 23 | @import "mixins/list-group.import.less"; 24 | @import "mixins/nav-divider.import.less"; 25 | @import "mixins/forms.import.less"; 26 | @import "mixins/progress-bar.import.less"; 27 | @import "mixins/table-row.import.less"; 28 | 29 | // Skins 30 | @import "mixins/background-variant.import.less"; 31 | @import "mixins/border-radius.import.less"; 32 | @import "mixins/gradients.import.less"; 33 | 34 | // Layout 35 | @import "mixins/clearfix.import.less"; 36 | @import "mixins/center-block.import.less"; 37 | @import "mixins/nav-vertical-align.import.less"; 38 | @import "mixins/grid-framework.import.less"; 39 | @import "mixins/grid.import.less"; 40 | -------------------------------------------------------------------------------- /lib/client/templates.js: -------------------------------------------------------------------------------- 1 | Template.craterLayout.replaces('layout'); 2 | Template.craterFooter.replaces('footer_code'); 3 | Template.craterNav.replaces('header'); 4 | Template.craterSearch.replaces('search'); 5 | Template.craterNotificationsMenu.replaces('notifications_menu'); 6 | Template.craterUserMenu.replaces('user_menu'); 7 | Template.craterCategoriesMenu.replaces('categories_menu'); 8 | Template.craterAdminMenu.replaces('admin_menu'); 9 | Template.craterCommentItem.replaces('comment_item'); 10 | Template.craterPostAdmin.replaces('post_admin'); 11 | Template.craterPostAvatars.replaces('post_avatars'); 12 | Template.craterPostCategories.replaces('post_categories'); 13 | Template.craterPostDiscuss.replaces('post_discuss'); 14 | Template.craterPostDomain.replaces('post_domain'); 15 | Template.craterPostInfo.replaces('post_info'); 16 | Template.craterPostUpvote.replaces('post_vote'); 17 | Template.craterPostBody.replaces('post_body'); 18 | // Template.craterPostEdit.replaces('post_edit'); 19 | Template.craterPostsLoadMore.replaces('postsLoadMore'); 20 | Template.craterPostSubscribe.replaces('post_subscribe'); 21 | Template.craterUserProfile.replaces('user_profile'); 22 | Template.craterUserComments.replaces('user_comments'); 23 | Template.craterUserDownvotedPosts.replaces('user_downvoted_posts'); 24 | Template.craterUserInfo.replaces('user_info'); 25 | Template.craterUserPosts.replaces('user_posts'); 26 | Template.craterUserUpvotedPosts.replaces('user_upvoted_posts'); 27 | Template.craterSubmitButton.replaces('submit_button'); 28 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/bootstrap.import.less: -------------------------------------------------------------------------------- 1 | // Core variables and mixins 2 | @import "variables.import.less"; 3 | @import "mixins.import.less"; 4 | 5 | // Reset and dependencies 6 | @import "normalize.import.less"; 7 | @import "print.import.less"; 8 | @import "glyphicons.import.less"; 9 | 10 | // Core CSS 11 | @import "scaffolding.import.less"; 12 | @import "type.import.less"; 13 | @import "code.import.less"; 14 | @import "grid.import.less"; 15 | @import "tables.import.less"; 16 | @import "forms.import.less"; 17 | @import "buttons.import.less"; 18 | 19 | // Components 20 | @import "component-animations.import.less"; 21 | @import "dropdowns.import.less"; 22 | @import "button-groups.import.less"; 23 | @import "input-groups.import.less"; 24 | @import "navs.import.less"; 25 | @import "navbar.import.less"; 26 | @import "breadcrumbs.import.less"; 27 | @import "pagination.import.less"; 28 | @import "pager.import.less"; 29 | @import "labels.import.less"; 30 | @import "badges.import.less"; 31 | @import "jumbotron.import.less"; 32 | @import "thumbnails.import.less"; 33 | @import "alerts.import.less"; 34 | @import "progress-bars.import.less"; 35 | @import "media.import.less"; 36 | @import "list-group.import.less"; 37 | @import "panels.import.less"; 38 | @import "responsive-embed.import.less"; 39 | @import "wells.import.less"; 40 | @import "close.import.less"; 41 | 42 | // Components w/ JavaScript 43 | @import "modals.import.less"; 44 | @import "tooltip.import.less"; 45 | @import "popovers.import.less"; 46 | @import "carousel.import.less"; 47 | 48 | // Utility classes 49 | @import "utilities.import.less"; 50 | @import "responsive-utilities.import.less"; 51 | -------------------------------------------------------------------------------- /lib/client/templates/users/profile/user_info.html: -------------------------------------------------------------------------------- 1 | 38 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/code.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: @font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: @code-color; 19 | background-color: @code-bg; 20 | border-radius: @border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: @kbd-color; 28 | background-color: @kbd-bg; 29 | border-radius: @border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | font-weight: bold; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | // Blocks of code 41 | pre { 42 | display: block; 43 | padding: ((@line-height-computed - 1) / 2); 44 | margin: 0 0 (@line-height-computed / 2); 45 | font-size: (@font-size-base - 1); // 14px to 13px 46 | line-height: @line-height-base; 47 | word-break: break-all; 48 | word-wrap: break-word; 49 | color: @pre-color; 50 | background-color: @pre-bg; 51 | border: 1px solid @pre-border-color; 52 | border-radius: @border-radius-base; 53 | 54 | // Account for some code outputs that place code tags in pre tags 55 | code { 56 | padding: 0; 57 | font-size: inherit; 58 | color: inherit; 59 | white-space: pre-wrap; 60 | background-color: transparent; 61 | border-radius: 0; 62 | } 63 | } 64 | 65 | // Enable scrollable blocks of code 66 | .pre-scrollable { 67 | max-height: @pre-scrollable-max-height; 68 | overflow-y: scroll; 69 | } 70 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/grid.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | .container-fixed(); 12 | 13 | @media (min-width: @screen-sm-min) { 14 | width: @container-sm; 15 | } 16 | @media (min-width: @screen-md-min) { 17 | width: @container-md; 18 | } 19 | @media (min-width: @screen-lg-min) { 20 | width: @container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | .container-fixed(); 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | .make-row(); 41 | } 42 | 43 | 44 | // Columns 45 | // 46 | // Common styles for small and large grid columns 47 | 48 | .make-grid-columns(); 49 | 50 | 51 | // Extra small grid 52 | // 53 | // Columns, offsets, pushes, and pulls for extra small devices like 54 | // smartphones. 55 | 56 | .make-grid(xs); 57 | 58 | 59 | // Small grid 60 | // 61 | // Columns, offsets, pushes, and pulls for the small device range, from phones 62 | // to tablets. 63 | 64 | @media (min-width: @screen-sm-min) { 65 | .make-grid(sm); 66 | } 67 | 68 | 69 | // Medium grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the desktop device range. 72 | 73 | @media (min-width: @screen-md-min) { 74 | .make-grid(md); 75 | } 76 | 77 | 78 | // Large grid 79 | // 80 | // Columns, offsets, pushes, and pulls for the large desktop device range. 81 | 82 | @media (min-width: @screen-lg-min) { 83 | .make-grid(lg); 84 | } 85 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/alerts.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: @alert-padding; 11 | margin-bottom: @line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: @alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing @headings-color 19 | color: inherit; 20 | } 21 | // Provide class for links that match alerts 22 | .alert-link { 23 | font-weight: @alert-link-font-weight; 24 | } 25 | 26 | // Improve alignment and spacing of inner content 27 | > p, 28 | > ul { 29 | margin-bottom: 0; 30 | } 31 | > p + p { 32 | margin-top: 5px; 33 | } 34 | } 35 | 36 | // Dismissible alerts 37 | // 38 | // Expand the right padding and account for the close button's positioning. 39 | 40 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 41 | .alert-dismissible { 42 | padding-right: (@alert-padding + 20); 43 | 44 | // Adjust close link position 45 | .close { 46 | position: relative; 47 | top: -2px; 48 | right: -21px; 49 | color: inherit; 50 | } 51 | } 52 | 53 | // Alternate styles 54 | // 55 | // Generate contextual modifier classes for colorizing the alert. 56 | 57 | .alert-success { 58 | .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); 59 | } 60 | .alert-info { 61 | .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); 62 | } 63 | .alert-warning { 64 | .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); 65 | } 66 | .alert-danger { 67 | .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); 68 | } 69 | -------------------------------------------------------------------------------- /lib/client/stylesheets/layout/header.import.less: -------------------------------------------------------------------------------- 1 | header#main-header { 2 | border-bottom: 1px solid @brand-primary; 3 | margin: 0 0 24px 0; 4 | .clearfix(); 5 | 6 | h1, h1 a, h1 a:hover, h1 a:active { 7 | font-size: 46px; 8 | margin: 0 0 12px 0; 9 | text-transform: lowercase; 10 | color: #675093; 11 | font-weight: 100; 12 | float: left; 13 | text-decoration: none; 14 | 15 | em { 16 | font-style: normal; 17 | color: @brand-primary; 18 | } 19 | 20 | small { 21 | display: block; 22 | font-size: 12px; 23 | text-transform: uppercase; 24 | color: @brand-primary; 25 | letter-spacing: 2px; 26 | } 27 | } 28 | 29 | .header-actions { 30 | padding: 16px 0; 31 | } 32 | 33 | .btn.submit { 34 | } 35 | 36 | .dropdown { 37 | display: inline-block; 38 | 39 | &.dropdown-menu-right { 40 | text-align: right; 41 | } 42 | 43 | .dropdown-menu { 44 | padding: 12px; 45 | } 46 | 47 | .btn { 48 | border: 0; 49 | padding: 0 6px; 50 | margin: 0 6px; 51 | width: 30px; 52 | height: 45px; 53 | line-height: 45px; 54 | font-size: 26px; 55 | text-align: center; 56 | position: relative; 57 | 58 | .icon { 59 | font-size: 26px; 60 | } 61 | 62 | &:hover { 63 | color: @brand-secondary; 64 | background: transparent; 65 | } 66 | } 67 | 68 | &.notifications-dropdown .btn { 69 | 70 | .icon { 71 | font-size: 32px; 72 | } 73 | 74 | .badge { 75 | position: absolute; 76 | top: 4px; 77 | right: -16px; 78 | font-size: 10px; 79 | padding: 2px 6px; 80 | } 81 | } 82 | 83 | &.search-dropdown { 84 | .dropdown-menu { 85 | min-width: 300px; 86 | } 87 | 88 | input { 89 | border-radius: 24px; 90 | } 91 | } 92 | } 93 | } 94 | -------------------------------------------------------------------------------- /lib/client/stylesheets/base/variables.import.less: -------------------------------------------------------------------------------- 1 | // Bootstrap Variables 2 | @import "../lib/bootstrap/variables.import.less"; 3 | 4 | @font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif; 5 | @headings-font-family: "Raleway", Helvetica, Arial, sans-serif; 6 | 7 | @brand-primary: #A684BC; 8 | @brand-secondary: #9CAEDA; 9 | 10 | @link-color: @brand-primary; 11 | @link-hover-color: @brand-secondary; 12 | 13 | @text-color: #1D1F2D; 14 | @font-size-base: 16px; 15 | 16 | // Buttons 17 | @btn-font-weight: 400; 18 | 19 | @btn-default-color: @brand-primary; 20 | @btn-default-bg: #fff; 21 | @btn-default-border: @brand-primary; 22 | 23 | @btn-primary-color: #fff; 24 | @btn-primary-bg: @brand-primary; 25 | @btn-primary-border: transparent; 26 | 27 | // Components 28 | @padding-base-vertical: 7px; 29 | @padding-base-horizontal: 15px; 30 | @padding-large-vertical: 15px; 31 | @padding-large-horizontal: 30px; 32 | @padding-small-vertical: 5px; 33 | @padding-small-horizontal: 10px; 34 | @padding-xs-vertical: 1px; 35 | @padding-xs-horizontal: 5px; 36 | 37 | @border-radius-base: 0px; 38 | @border-radius-large: 0px; 39 | @border-radius-small: 0px; 40 | 41 | @well-bg: #F4F4F4; 42 | @well-border: @well-bg; 43 | 44 | @code-color: #A589C0; 45 | @code-bg: #F5F1F7; 46 | 47 | @input-color-placeholder: lighten(@gray-light, 25%); 48 | @jumbotron-bg: @brand-primary; 49 | @jumbotron-font-size: 18px; 50 | @jumbotron-heading-color: #fff; 51 | @jumbotron-color: #fff; 52 | 53 | @nav-link-hover-bg: lighten(@brand-primary, 33%); 54 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/telescope.import.less: -------------------------------------------------------------------------------- 1 | .button { 2 | &:extend(.btn); 3 | &:extend(.btn-default); 4 | } 5 | 6 | .form-actions a { 7 | &:extend(.btn); 8 | &:extend(.btn-link); 9 | } 10 | 11 | .form-actions .button { 12 | &:extend(.btn-lg); 13 | } 14 | 15 | select, 16 | textarea, 17 | input[type="text"], 18 | input[type="password"], 19 | input[type="datetime"], 20 | input[type="datetime-local"], 21 | input[type="date"], 22 | input[type="month"], 23 | input[type="time"], 24 | input[type="week"], 25 | input[type="number"], 26 | input[type="email"], 27 | input[type="url"], 28 | input[type="search"], 29 | input[type="tel"], 30 | input[type="color"] { 31 | &:extend(.form-control); 32 | .form-control-focus(); 33 | .placeholder(); 34 | } 35 | 36 | .control-group { 37 | &:extend(.form-group); 38 | } 39 | 40 | .at-title h3 { 41 | font-weight: 100; 42 | font-size: 32px; 43 | text-transform: lowercase; 44 | margin-bottom: 24px; 45 | } 46 | 47 | .at-sep { 48 | margin: 24px 0; 49 | } 50 | 51 | .at-form { 52 | border-radius: 0; 53 | padding: 24px 44px; 54 | border: 1px solid @brand-primary; 55 | } 56 | 57 | .at-error { 58 | background-color: #a684bc; 59 | color: white; 60 | padding: 10px; 61 | margin-bottom: 15px; 62 | 63 | p { 64 | margin: 0; 65 | } 66 | } 67 | 68 | button.at-btn { 69 | font-size: 10px; 70 | text-transform: uppercase; 71 | letter-spacing: 4px; 72 | font-family: "Raleway", Helvetica, Arial, sans-serif; 73 | color: white; 74 | background: #a684bc; 75 | text-shadow: none; 76 | border: none; 77 | padding: 7px 15px; 78 | margin-bottom: 10px; 79 | margin-top: 15px; 80 | } 81 | 82 | button.at-social-btn { 83 | font-size: 10px; 84 | text-transform: uppercase; 85 | letter-spacing: 2px; 86 | border-radius: 0; 87 | border: 0; 88 | line-height: 30px; 89 | 90 | .icon { 91 | font-size: 20px; 92 | } 93 | } 94 | 95 | button#at-meteor-developer { 96 | background: #DE4F4F; 97 | color: #fff; 98 | 99 | &:hover { 100 | background: darken(#DE4F4F, 10%) 101 | } 102 | } 103 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/print.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Basic print styles 3 | // -------------------------------------------------- 4 | // Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css 5 | 6 | @media print { 7 | * { 8 | background: transparent !important; 9 | color: #000 !important; // Black prints faster: h5bp.com/s 10 | box-shadow: none !important; 11 | text-shadow: none !important; 12 | } 13 | 14 | a, 15 | a:visited { 16 | text-decoration: underline; 17 | } 18 | 19 | a[href]:after { 20 | content: " (" attr(href) ")"; 21 | } 22 | 23 | abbr[title]:after { 24 | content: " (" attr(title) ")"; 25 | } 26 | 27 | // Don't show links that are fragment identifiers, 28 | // or use the `javascript:` pseudo protocol 29 | a[href^="#"]:after, 30 | a[href^="javascript:"]:after { 31 | content: ""; 32 | } 33 | 34 | pre, 35 | blockquote { 36 | border: 1px solid #999; 37 | page-break-inside: avoid; 38 | } 39 | 40 | thead { 41 | display: table-header-group; // h5bp.com/t 42 | } 43 | 44 | tr, 45 | img { 46 | page-break-inside: avoid; 47 | } 48 | 49 | img { 50 | max-width: 100% !important; 51 | } 52 | 53 | p, 54 | h2, 55 | h3 { 56 | orphans: 3; 57 | widows: 3; 58 | } 59 | 60 | h2, 61 | h3 { 62 | page-break-after: avoid; 63 | } 64 | 65 | // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245 66 | // Once fixed, we can just straight up remove this. 67 | select { 68 | background: #fff !important; 69 | } 70 | 71 | // Bootstrap components 72 | .navbar { 73 | display: none; 74 | } 75 | .btn, 76 | .dropup > .btn { 77 | > .caret { 78 | border-top-color: #000 !important; 79 | } 80 | } 81 | .label { 82 | border: 1px solid #000; 83 | } 84 | 85 | .table { 86 | border-collapse: collapse !important; 87 | 88 | td, 89 | th { 90 | background-color: #fff !important; 91 | } 92 | } 93 | .table-bordered { 94 | th, 95 | td { 96 | border: 1px solid #ddd !important; 97 | } 98 | } 99 | } 100 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/pagination.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pagination (multiple pages) 3 | // -------------------------------------------------- 4 | .pagination { 5 | display: inline-block; 6 | padding-left: 0; 7 | margin: @line-height-computed 0; 8 | border-radius: @border-radius-base; 9 | 10 | > li { 11 | display: inline; // Remove list-style and block-level defaults 12 | > a, 13 | > span { 14 | position: relative; 15 | float: left; // Collapse white-space 16 | padding: @padding-base-vertical @padding-base-horizontal; 17 | line-height: @line-height-base; 18 | text-decoration: none; 19 | color: @pagination-color; 20 | background-color: @pagination-bg; 21 | border: 1px solid @pagination-border; 22 | margin-left: -1px; 23 | } 24 | &:first-child { 25 | > a, 26 | > span { 27 | margin-left: 0; 28 | .border-left-radius(@border-radius-base); 29 | } 30 | } 31 | &:last-child { 32 | > a, 33 | > span { 34 | .border-right-radius(@border-radius-base); 35 | } 36 | } 37 | } 38 | 39 | > li > a, 40 | > li > span { 41 | &:hover, 42 | &:focus { 43 | color: @pagination-hover-color; 44 | background-color: @pagination-hover-bg; 45 | border-color: @pagination-hover-border; 46 | } 47 | } 48 | 49 | > .active > a, 50 | > .active > span { 51 | &, 52 | &:hover, 53 | &:focus { 54 | z-index: 2; 55 | color: @pagination-active-color; 56 | background-color: @pagination-active-bg; 57 | border-color: @pagination-active-border; 58 | cursor: default; 59 | } 60 | } 61 | 62 | > .disabled { 63 | > span, 64 | > span:hover, 65 | > span:focus, 66 | > a, 67 | > a:hover, 68 | > a:focus { 69 | color: @pagination-disabled-color; 70 | background-color: @pagination-disabled-bg; 71 | border-color: @pagination-disabled-border; 72 | cursor: not-allowed; 73 | } 74 | } 75 | } 76 | 77 | // Sizing 78 | // -------------------------------------------------- 79 | 80 | // Large 81 | .pagination-lg { 82 | .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large); 83 | } 84 | 85 | // Small 86 | .pagination-sm { 87 | .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small); 88 | } 89 | -------------------------------------------------------------------------------- /lib/client/templates/comments/comment_item.html: -------------------------------------------------------------------------------- 1 | 52 | -------------------------------------------------------------------------------- /lib/crater.js: -------------------------------------------------------------------------------- 1 | AccountsTemplates.configure({ 2 | texts: { 3 | socialIcons: { 4 | facebook: "icon ion-social-facebook", 5 | twitter: "icon ion-social-twitter", 6 | meteor: "icon ion-planet" 7 | } 8 | } 9 | }); 10 | 11 | // themeSettings.useDropdowns = false; 12 | 13 | 14 | 15 | // viewNav = [ 16 | // { 17 | // route: 'posts_top', 18 | // label: 'Trending' 19 | // }, 20 | // { 21 | // route: 'posts_new', 22 | // label: 'Recent' 23 | // } 24 | // ]; 25 | 26 | Telescope.modules.removeAll("primaryNav"); 27 | Telescope.modules.add("primaryNav",[ 28 | { 29 | template: 'views_menu', 30 | order: 10 31 | } 32 | ]); 33 | 34 | Telescope.modules.removeAll("secondaryNav"); 35 | Telescope.modules.add("secondaryNav",[ 36 | { 37 | template: 'notifications_menu', 38 | order: 10 39 | }, 40 | { 41 | template: 'user_menu', 42 | order: 20 43 | } 44 | ]); 45 | 46 | Telescope.modules.removeAll("postComponents"); 47 | Telescope.modules.add("postComponents",[ 48 | { 49 | template: 'post_vote', 50 | order: 10 51 | }, 52 | { 53 | template: 'post_content', 54 | order: 20 55 | }, 56 | { 57 | template: 'post_avatars', 58 | order: 30 59 | }, 60 | { 61 | template: 'post_discuss', 62 | order: 40 63 | }, 64 | { 65 | template: 'post_actions', 66 | order: 50 67 | } 68 | ]); 69 | 70 | Telescope.modules.removeAll("postThumbnail"); 71 | 72 | Telescope.modules.removeAll("postHeading"); 73 | Telescope.modules.add("postHeading", [ 74 | { 75 | template: 'post_title', 76 | order: 10 77 | } 78 | ]); 79 | 80 | Telescope.modules.removeAll("postMeta"); 81 | Telescope.modules.add("postMeta", [ 82 | { 83 | template: 'post_domain', 84 | order: 10 85 | }, 86 | { 87 | template: 'post_info', 88 | order: 20 89 | }, 90 | { 91 | template: 'post_admin', 92 | order: 30 93 | } 94 | ]); 95 | 96 | Telescope.modules.removeAll("profileDisplay"); 97 | Telescope.modules.add("profileDisplay", [ 98 | { 99 | template: 'craterUserInfo', 100 | order: 1 101 | }, 102 | { 103 | template: 'craterUserPosts', 104 | order: 2 105 | }, 106 | { 107 | template: 'craterUserUpvotedPosts', 108 | order: 3 109 | }, 110 | { 111 | template: 'craterUserDownvotedPosts', 112 | order: 4 113 | }, 114 | { 115 | template: 'craterUserComments', 116 | order: 5 117 | } 118 | ]); 119 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/progress-bars.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Progress bars 3 | // -------------------------------------------------- 4 | 5 | 6 | // Bar animations 7 | // ------------------------- 8 | 9 | // WebKit 10 | @-webkit-keyframes progress-bar-stripes { 11 | from { background-position: 40px 0; } 12 | to { background-position: 0 0; } 13 | } 14 | 15 | // Spec and IE10+ 16 | @keyframes progress-bar-stripes { 17 | from { background-position: 40px 0; } 18 | to { background-position: 0 0; } 19 | } 20 | 21 | 22 | 23 | // Bar itself 24 | // ------------------------- 25 | 26 | // Outer container 27 | .progress { 28 | overflow: hidden; 29 | height: @line-height-computed; 30 | margin-bottom: @line-height-computed; 31 | background-color: @progress-bg; 32 | border-radius: @border-radius-base; 33 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); 34 | } 35 | 36 | // Bar of progress 37 | .progress-bar { 38 | float: left; 39 | width: 0%; 40 | height: 100%; 41 | font-size: @font-size-small; 42 | line-height: @line-height-computed; 43 | color: @progress-bar-color; 44 | text-align: center; 45 | background-color: @progress-bar-bg; 46 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); 47 | .transition(width .6s ease); 48 | } 49 | 50 | // Striped bars 51 | // 52 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the 53 | // `.progress-bar-striped` class, which you just add to an existing 54 | // `.progress-bar`. 55 | .progress-striped .progress-bar, 56 | .progress-bar-striped { 57 | #gradient > .striped(); 58 | background-size: 40px 40px; 59 | } 60 | 61 | // Call animation for the active one 62 | // 63 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the 64 | // `.progress-bar.active` approach. 65 | .progress.active .progress-bar, 66 | .progress-bar.active { 67 | .animation(progress-bar-stripes 2s linear infinite); 68 | } 69 | 70 | // Account for lower percentages 71 | .progress-bar { 72 | &[aria-valuenow="0"] { 73 | color: @gray-light; 74 | min-width: 30px; 75 | background-color: transparent; 76 | background-image: none; 77 | box-shadow: none; 78 | } 79 | } 80 | 81 | 82 | 83 | // Variations 84 | // ------------------------- 85 | 86 | .progress-bar-success { 87 | .progress-bar-variant(@progress-bar-success-bg); 88 | } 89 | 90 | .progress-bar-info { 91 | .progress-bar-variant(@progress-bar-info-bg); 92 | } 93 | 94 | .progress-bar-warning { 95 | .progress-bar-variant(@progress-bar-warning-bg); 96 | } 97 | 98 | .progress-bar-danger { 99 | .progress-bar-variant(@progress-bar-danger-bg); 100 | } 101 | -------------------------------------------------------------------------------- /lib/client/stylesheets/components/comment-item.import.less: -------------------------------------------------------------------------------- 1 | .comment-list { 2 | margin-top: 16px; 3 | padding-top: 16px; 4 | border-top: 1px solid @brand-primary; 5 | } 6 | 7 | .comment-content { 8 | .clearfix(); 9 | padding: 12px 0; 10 | margin: 6px 0; 11 | 12 | .avatar { 13 | .square(30px); 14 | } 15 | } 16 | 17 | .well.comment-children { 18 | clear: both; 19 | margin: 0; 20 | padding: 0 0 0 12px; 21 | border: 0; 22 | margin-left: 33px; 23 | .box-shadow(none); 24 | } 25 | 26 | .comment > .comment-body > .comment-children > .comment > .comment-body > .comment-children > .comment > .comment-body > .comment-children > .comment > .comment-body > .comment-children > .comment > .comment-body > .comment-children > .comment > .comment-body > .comment-children > .comment > .comment-body > .comment-children > .comment > .comment-body > .comment-children { 27 | margin-left: 0; 28 | padding-left: 0; 29 | } 30 | 31 | 32 | .comment-content { 33 | .clearfix(); 34 | } 35 | 36 | .comment-text > p:last-child { 37 | margin-bottom: 0; 38 | } 39 | 40 | .comment-actions { 41 | float: left; 42 | width: 33px; 43 | margin-right: 20px; 44 | 45 | &.upvoted .btn.upvote, &.downvoted .btn.downvote { 46 | background: @brand-primary; 47 | color: #fff; 48 | } 49 | 50 | .btn.downvote { 51 | margin-top: -1px; 52 | border-top: 0; 53 | } 54 | 55 | .btn { 56 | padding: 4px 14px; 57 | 58 | .icon { 59 | font-size: 16px; 60 | display: block; 61 | width: 9px; 62 | } 63 | } 64 | } 65 | 66 | .comment-main { 67 | width: 90%; 68 | float: left; 69 | } 70 | 71 | .comment-meta { 72 | color: #8E8794; 73 | font-weight: 100; 74 | font-size: 14px; 75 | margin-bottom: 6px; 76 | 77 | a { 78 | color: #8E8794; 79 | 80 | &:hover { 81 | border-bottom: 1px solid #8E8794; 82 | } 83 | } 84 | 85 | div, span { 86 | display: inline-block; 87 | } 88 | } 89 | 90 | .comment-text { 91 | line-height: 28px; 92 | color: #685F6E; 93 | 94 | ul { 95 | list-style: disc; 96 | margin-left: 32px; 97 | } 98 | } 99 | 100 | .comment-meta-item { 101 | display: inline-block; 102 | margin-right: 12px; 103 | } 104 | 105 | a.comment-username { 106 | font-size: 18px; 107 | font-weight: 500; 108 | color: @text-color; 109 | 110 | &:hover { 111 | text-decoration: none; 112 | border-bottom: 0; 113 | } 114 | } 115 | 116 | // .grid-block, .comment-content, .comment-new{ 117 | // background:none; 118 | // box-shadow:none; 119 | // } 120 | 121 | // .comment-actions a i{ 122 | // left:36%; 123 | // } 124 | // .comment-meta{ 125 | // border-bottom:0; 126 | // } -------------------------------------------------------------------------------- /lib/client/stylesheets/components/post-item.import.less: -------------------------------------------------------------------------------- 1 | .post { 2 | .clearfix(); 3 | margin-bottom: 24px; 4 | position: relative; 5 | 6 | .post-module { 7 | vertical-align: middle; 8 | } 9 | .post-upvote { 10 | float: left; 11 | width: 50px; 12 | margin-right: 16px; 13 | } 14 | .post-content { 15 | width: 70%; 16 | float: left; 17 | } 18 | .post-avatars { 19 | position: absolute; 20 | right: 70px; 21 | top: 10px; 22 | } 23 | .post-discuss { 24 | position: absolute; 25 | right: 0; 26 | } 27 | .post-actions { 28 | display: none; 29 | } 30 | } 31 | 32 | .post-rank { 33 | margin-top: -6px; 34 | } 35 | 36 | .post-upvote { 37 | .btn { 38 | width: 46px; 39 | height: 57px; 40 | padding: 0; 41 | text-align: center; 42 | font-size: 12px; 43 | color: @text-color; 44 | font-family: @font-family-sans-serif; 45 | 46 | .icon { 47 | font-size: 24px; 48 | display: block; 49 | width: 14px; 50 | height: 36px; 51 | line-height: 36px; 52 | margin: 2px auto 0 auto; 53 | } 54 | 55 | &:hover { 56 | background: @brand-secondary; 57 | color: #fff; 58 | } 59 | 60 | &.voted { 61 | color: #fff; 62 | 63 | .icon { 64 | font-size: 18px; 65 | } 66 | } 67 | } 68 | } 69 | 70 | h3.post-title { 71 | font-weight: 500; 72 | color: @text-color; 73 | font-size: 22px; 74 | margin: 0 0 6px 0; 75 | 76 | a.post-title { 77 | color: @text-color; 78 | 79 | &:hover, &:visited { 80 | color: @brand-primary; 81 | } 82 | } 83 | } 84 | 85 | .post-meta { 86 | color: #A589C0; 87 | font-weight: 100; 88 | font-size: 14px; 89 | 90 | a { 91 | color: #A589C0; 92 | 93 | &:hover { 94 | border-bottom: 1px solid #A589C0; 95 | } 96 | } 97 | 98 | div, span { 99 | display: inline-block; 100 | } 101 | } 102 | 103 | .post-meta-item { 104 | display: inline-block; 105 | margin-right: 12px; 106 | } 107 | 108 | 109 | .posts-wrapper .post-share { 110 | display: none; 111 | } 112 | 113 | .discuss-link { 114 | line-height: 57px; 115 | color: @brand-primary; 116 | 117 | i.icon { 118 | font-size: 36px; 119 | vertical-align: middle; 120 | } 121 | .count { 122 | font-size: 18px; 123 | } 124 | } 125 | 126 | .post-thumbnail-link { 127 | display: inline-block; 128 | position: relative; 129 | overflow: hidden; 130 | width: 60px; 131 | border-radius: 100%; 132 | height: 60px; 133 | border: 1px solid #9caeda; 134 | float: left; 135 | margin-right: 12px; 136 | text-align: center; 137 | } 138 | 139 | .post-thumbnail-image { 140 | min-width: 100%; 141 | height: 100%; 142 | display: block; 143 | } 144 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/tooltip.import.less: -------------------------------------------------------------------------------- 1 | // 2 | // Tooltips 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .tooltip { 8 | position: absolute; 9 | z-index: @zindex-tooltip; 10 | display: block; 11 | visibility: visible; 12 | font-size: @font-size-small; 13 | line-height: 1.4; 14 | .opacity(0); 15 | 16 | &.in { .opacity(@tooltip-opacity); } 17 | &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; } 18 | &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; } 19 | &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; } 20 | &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; } 21 | } 22 | 23 | // Wrapper for the tooltip content 24 | .tooltip-inner { 25 | max-width: @tooltip-max-width; 26 | padding: 3px 8px; 27 | color: @tooltip-color; 28 | text-align: center; 29 | text-decoration: none; 30 | background-color: @tooltip-bg; 31 | border-radius: @border-radius-base; 32 | } 33 | 34 | // Arrows 35 | .tooltip-arrow { 36 | position: absolute; 37 | width: 0; 38 | height: 0; 39 | border-color: transparent; 40 | border-style: solid; 41 | } 42 | .tooltip { 43 | &.top .tooltip-arrow { 44 | bottom: 0; 45 | left: 50%; 46 | margin-left: -@tooltip-arrow-width; 47 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 48 | border-top-color: @tooltip-arrow-color; 49 | } 50 | &.top-left .tooltip-arrow { 51 | bottom: 0; 52 | left: @tooltip-arrow-width; 53 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 54 | border-top-color: @tooltip-arrow-color; 55 | } 56 | &.top-right .tooltip-arrow { 57 | bottom: 0; 58 | right: @tooltip-arrow-width; 59 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 60 | border-top-color: @tooltip-arrow-color; 61 | } 62 | &.right .tooltip-arrow { 63 | top: 50%; 64 | left: 0; 65 | margin-top: -@tooltip-arrow-width; 66 | border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0; 67 | border-right-color: @tooltip-arrow-color; 68 | } 69 | &.left .tooltip-arrow { 70 | top: 50%; 71 | right: 0; 72 | margin-top: -@tooltip-arrow-width; 73 | border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width; 74 | border-left-color: @tooltip-arrow-color; 75 | } 76 | &.bottom .tooltip-arrow { 77 | top: 0; 78 | left: 50%; 79 | margin-left: -@tooltip-arrow-width; 80 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 81 | border-bottom-color: @tooltip-arrow-color; 82 | } 83 | &.bottom-left .tooltip-arrow { 84 | top: 0; 85 | left: @tooltip-arrow-width; 86 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 87 | border-bottom-color: @tooltip-arrow-color; 88 | } 89 | &.bottom-right .tooltip-arrow { 90 | top: 0; 91 | right: @tooltip-arrow-width; 92 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 93 | border-bottom-color: @tooltip-arrow-color; 94 | } 95 | } 96 | -------------------------------------------------------------------------------- /lib/client/stylesheets/lib/bootstrap/mixins/forms.import.less: -------------------------------------------------------------------------------- 1 | // Form validation states 2 | // 3 | // Used in forms.less to generate the form validation CSS for warnings, errors, 4 | // and successes. 5 | 6 | .form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { 7 | // Color the label and help text 8 | .help-block, 9 | .control-label, 10 | .radio, 11 | .checkbox, 12 | .radio-inline, 13 | .checkbox-inline, 14 | &.radio label, 15 | &.checkbox label, 16 | &.radio-inline label, 17 | &.checkbox-inline label { 18 | color: @text-color; 19 | } 20 | // Set the border and box shadow on specific inputs to match 21 | .form-control { 22 | border-color: @border-color; 23 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work 24 | &:focus { 25 | border-color: darken(@border-color, 10%); 26 | @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); 27 | .box-shadow(@shadow); 28 | } 29 | } 30 | // Set validation states also for addons 31 | .input-group-addon { 32 | color: @text-color; 33 | border-color: @border-color; 34 | background-color: @background-color; 35 | } 36 | // Optional feedback icon 37 | .form-control-feedback { 38 | color: @text-color; 39 | } 40 | } 41 | 42 | 43 | // Form control focus state 44 | // 45 | // Generate a customized focus state and for any input with the specified color, 46 | // which defaults to the `@input-border-focus` variable. 47 | // 48 | // We highly encourage you to not customize the default value, but instead use 49 | // this to tweak colors on an as-needed basis. This aesthetic change is based on 50 | // WebKit's default styles, but applicable to a wider range of browsers. Its 51 | // usability and accessibility should be taken into account with any change. 52 | // 53 | // Example usage: change the default blue border and shadow to white for better 54 | // contrast against a dark gray background. 55 | .form-control-focus(@color: @input-border-focus) { 56 | @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); 57 | &:focus { 58 | border-color: @color; 59 | outline: 0; 60 | .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); 61 | } 62 | } 63 | 64 | // Form control sizing 65 | // 66 | // Relative text size, padding, and border-radii changes for form controls. For 67 | // horizontal sizing, wrap controls in the predefined grid classes. `